Guidance, documentation and portable CSS+JS to build a site based off the Covid19DataPortal.org look and UX (a Visual Framework 2.0 site).
For basic styles and optional JS, include these files
<link rel="stylesheet" media="all" href="https://visual-framework.github.io/vf-covid19-boilerplate/css/styles.css" />
<script src="https://visual-framework.github.io/vf-covid19-boilerplate/scripts/scripts.js"></script>
For HTML snippets and further and guidance view visual-framework.github.io/vf-covid19-boilerplate
yarn
, install it
yarn install
/build
yarn run build
build static assetsyarn run dev
renders and serves/build
folder
yarn deploy
build folder will get deployed to gh-pages branchTo add a component, use the command line or install it manually.
yarn add @visual-framework/vf-logo
yarn upgrade-interactive --latest
(alias: yarn run update-components
)./src/components/vf-component-name
./src/components
and use it in your site.gulp vf-component
Having problems? See https://visual-framework.github.io/vf-core/troubleshooting/
yarn
and not npm
?
For the particular structure of the Visual Framework components, Yarn is considerably
faster at installing and does so more efficiently (about half the total file size). You'll
also be able to use yarn upgrade-interactive --latest
, which makes it easier to update
VF components.