Design & Tech training course website

Website to promote the Designit + Buildit training course for design & tech collaboration.

Live URL is: https://design-tech-training.netlify.com/

• Pre-requisites
• Initial setup
• Local dev
  • Where the source code lives
• Builds
• Clean
• Deployment

Pre-requisites

• Node.js & NPM

Initial setup

1. Clone this repo.
2. (Within the cloned repo) Run: npm install.

Local dev

npm start

This will build the website, launch a local dev server and open the homepage in your default browser. The source files will be watched and any changes will trigger the necessary rebuilds and auto-reload in your browser.

Note: Build output will be placed into the dist/ folder.

Where the source code lives

This site uses the Eleventy static site generator, so refer to its docs for usage. Eleventy's source directory has been configured to be src/site/, so all templates and other files that Eleventy processes live in there.

For styling, we use SASS and the main SASS source file is: src/sass/style.scss. All styling-related changed must be made in that file.

(Note that this file initially gets compiled to src/site/styles.css and then copied from the to the final build output folder by Eleventy. Therefore make sure you never edit src/site/styles.css, because your changes will get lost next time the SASS is recompiled!)

Builds

To "just" to a build, e.g. for deployment, without launching a local dev server and watching for changes run:

npm run build

Clean

To nuke the build output from orbit run:

npm run clean

Deployment

We currently use a free Netlify account to host this. Pushes to the master branch will trigger rebuilds and deployments.