This is an example boilerplate. To get started view the source and view the project README. For help, create an issue.

 

Accelerating research through data sharing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum iaculis est vel tempus. Sed condimentum dolor sit amet hendrerit rutrum.

000 records >

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum iaculis est vel tempus. Sed condimentum dolor sit amet hendrerit rutrum.

000 records >

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum iaculis est vel tempus. Sed condimentum dolor sit amet hendrerit rutrum.

000 records >

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum iaculis est vel tempus. Sed condimentum dolor sit amet hendrerit rutrum.

000 records >

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum iaculis est vel tempus. Sed condimentum dolor sit amet hendrerit rutrum.

000 records >

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum iaculis est vel tempus. Sed condimentum dolor sit amet hendrerit rutrum.

000 records >

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum iaculis est vel tempus. Sed condimentum dolor sit amet hendrerit rutrum. Quisque faucibus gravida massa non convallis. Etiam rhoncus neque eget mollis ultrices. Curabitur auctor lectus et pretium fringilla. Phasellus dignissim enim et leo cursus fringilla.


Tip: Styling long form content and standard HTML elements

The COVID-19 Data Portal Boilerplate uses the Visual Framework 2.0 for it CSS styling. The VF uses an approach that is sometimes called "CSS Modules".

This method requires that you add more CSS class names to your HTML elements, but it reduces the risk of accidental style contamination. However, it is not always practical to add `.vf-some-reallllly-long-class-name` to every `p` tag in your document. See HTML page example

With that in mind the VF offers a special `.vf-content` class that when used on a wrapping `div` (or event the `body` element), will attempt to style most basic HTML elements, like `h2`, `p`, `a`, `li` and so on.