{"id":18512719,"url":"https://github.com/visual-framework/vf-covid19-boilerplate","last_synced_at":"2026-03-19T04:52:15.215Z","repository":{"id":54868054,"uuid":"301726230","full_name":"visual-framework/vf-covid19-boilerplate","owner":"visual-framework","description":"HTML VF boilerplate for Covid19 portals.","archived":false,"fork":false,"pushed_at":"2025-04-02T03:16:52.000Z","size":4628,"stargazers_count":0,"open_issues_count":21,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-02T04:23:40.097Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://visual-framework.github.io/vf-covid19-boilerplate/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/visual-framework.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-10-06T12:55:19.000Z","updated_at":"2020-10-27T09:33:09.000Z","dependencies_parsed_at":"2024-07-14T18:05:24.472Z","dependency_job_id":"0850d326-2902-48f9-b922-8f02fedc4f49","html_url":"https://github.com/visual-framework/vf-covid19-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visual-framework%2Fvf-covid19-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visual-framework%2Fvf-covid19-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visual-framework%2Fvf-covid19-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visual-framework%2Fvf-covid19-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/visual-framework","download_url":"https://codeload.github.com/visual-framework/vf-covid19-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254140772,"owners_count":22021222,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T15:35:10.798Z","updated_at":"2026-01-24T00:16:29.503Z","avatar_url":"https://github.com/visual-framework.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# VF Covid19 Build Boilerplate\n\nGuidance, documentation and portable CSS+JS to build a site based off the [Covid19DataPortal.org](https://www.covid19dataportal.org/) look and UX (a [Visual Framework 2.0](https://visual-framework.github.io/vf-core/) site).\n\n## CSS and JS\n\nFor basic styles and optional JS, include these files\n```html\n  \u003clink rel=\"stylesheet\" media=\"all\" href=\"https://visual-framework.github.io/vf-covid19-boilerplate/css/styles.css\" /\u003e\n  \u003cscript src=\"https://visual-framework.github.io/vf-covid19-boilerplate/scripts/scripts.js\"\u003e\u003c/script\u003e\n```\n\n## HTML and how to\n\nFor HTML snippets and further and guidance view [visual-framework.github.io/vf-covid19-boilerplate](https://visual-framework.github.io/vf-covid19-boilerplate/)\n\n---\n\n## Developing this boilerplate\n\n1. You'll need to [install npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)\n1. If you don't have `yarn`, install it\n   - https://yarnpkg.com/lang/en/docs/install/\n1. Install all the things\n   - `yarn install`\n1. Generate the site in `/build`\n   - `yarn run build` build static assets\n   - `yarn run dev` renders and serves\n1. Deploy in Github Pages `/build` folder\n   - `yarn deploy` build folder will get deployed to gh-pages branch\n\n### Adding Visual Framework components\n\nTo add a component, use the command line or install it manually.\n\n- by package: `yarn add @visual-framework/vf-logo`\n    - updating components: `yarn upgrade-interactive --latest` (alias: `yarn run update-components`)\n- Manual installation for customisation\n    - Download a pattern\n    - Copy it to `./src/components/vf-component-name`\n- Create your own local component\n    - You can add a custom VF-compatible component to `./src/components` and use it in your site.\n    - `gulp vf-component`\n\n## Troubleshooting\n\nHaving problems? See https://visual-framework.github.io/vf-core/troubleshooting/\n\n## Footnotes\n\n- Why `yarn` and not `npm`?\n  For the particular structure of the Visual Framework components, Yarn is considerably\n  faster at installing and does so more efficiently (about half the total file size). You'll\n  also be able to use `yarn upgrade-interactive --latest`, which makes it easier to update\n  VF components.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvisual-framework%2Fvf-covid19-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvisual-framework%2Fvf-covid19-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvisual-framework%2Fvf-covid19-boilerplate/lists"}