/first-visual-story-example

Result from a NICAR training workshop

Primary LanguageSCSSMIT LicenseMIT

Disclaimer

This is the result of working through the instructional doc with the original template, which is:

https://github.com/datadesk/baker-example-page-template

This is the instructional doc I used:

https://palewi.re/docs/first-visual-story/index.html

I subbed in GitHub Desktop for all the command-line git parts. It worked fine.

baker-example-page-template

A demonstration of how to build and publish pages with the baker build tool.

The Los Angeles Times uses baker to create the static pages published at latimes.com/projects. The Times system relies on a private version of a repository much like this one. This simplified example publishes staging and production versions to public buckets on Amazon S3.

Features

  • 🔃 Live-updating local test server
  • 🖨️ HTML templating with Nunjucks
  • 🖌️ Extended CSS with Sass
  • 🗞️ JavaScript bundling with Rollup and Babel
  • 🔢 Data imports with quaff
  • 🥞 Dynamic page generation based on structured inputs
  • 🏭 Automatic deployment of each branch to a staging environment on each push event via GitHub Action
  • 🌎 Push button deployment to the production environment on each release event via GitHub Action
  • 🔔 Slack messages that relay each deployment's status via datadesk/notify-slack-on-build Github Action

Requirements