A mockup of the new Fine Arts website.
This site is built with Eleventy and incorporates USWDS, as well as the uswds-compile tool.
Install npm
dependencies:
npm install
Run the Eleventy built-in dev server and watch for changes at the same time:
npm start
- To configure USWDS settings, edit
/sass/_uswds-theme.scss
- To add custom styles, edit
/sass/_uswds-theme-custom-styles.scss
If you're already running npm start
or npm run uswds:watch
, USWDS will automatically compile changes to these files and output the compiled resources to /assets/uswds
. Otherwise, you can tell USWDS to compile with npm uswds:compile
.
This mockup doesn't have a CI/CD pipeline set up, but it's easy to deploy your own instance of it to Federalist or cloud.gov, whichever you have access to.
If using a cloud.gov sandbox:
- Create a cloud.gov sandbox account if needed
- Sign in to cloud.gov via the CF CLI
- Build and deploy the
_site
directory as a static site:npm install npm run build:clean cf push <make up an app name here>