dfaiv-dev.github.io

Run

Just a static index.html page (no Jekyll or any other static site generator). There is some tooling to help with build watching and auto reloading during development.

• npm install to load any dependencies
• npm start to watch the theme css and enable auto reload of the index.html
• src/theme for theme styling.
  • output is assets/styles.css - should probably be optimized. See TODO.

TODO

• Optimize Tailwind CSS

Hosting

Stack

tailwind css

One of my favorite parts of Bootstrap is the utility classes. This is all utility classes.

Related dependencies:

• postcss - what tailwind uses.
• postcss-cli - allows running postcss from an npm script. eg "build:theme": "postcss src/theme/theme.css -o styles.css"

npm-watch

Rebuild css theme on changes.

live-server

Allows serving the static index.html file with auto reload. I'm so lazy.

npm-run-all

Allows running both npm-watch and live-server in parallel from the npm start script. "start": "run-p watch serve"

FavIcon Generation

https://realfavicongenerator.net/

Generates all icons, manifests, sizes. Was the best out of the top three google results. I donated.