NULLzuEINS - Landing Page

Requirements

To use this template, your computer needs:

• Node.js is used to run the build processes. https://nodejs.org/en/download/

  • Test: run node -v in the terminal

• Npm (Node comes with npm installed so you should have a version of npm.) Used to manage development dependencies.

  • Test: run npm -v in the terminal

• Gulp – task runner

  yarn install -g gulp

• Test: run gulp -v in the terminal

Installing

• Install all node packages: `

  yarn install --freeze-lockfile

• Run gulp dev

• Your site is now viewable at this URL: http://localhost:3000

Folder Structure

• dist/ - compiled distribution files
• node_modules - front-end dependencies
• src/ - contains all of your core, working files—static assets, pages, templates, etc
• src/assets/ - scss files, JS files, images, and fonts are here
• src/data/ - external data
• src/layouts/ - HTML layouts templates
• src/pages/ - site pages
• src/partials/ - handlebars partials files.
• gulpfile.js - all task definitions
• package.json - handles the front-end dependencies
• .htmllintrc - handles the HTML lint rules
• .sass-lint.yml - handles the SCSS lint rules
• reports - txt generated file for accessibility issues

Gulp Plugins

• gulp-autoprefixer
• gulp-compile-handlebars
• gulp-concat
• gulp-html-replace
• gulp-htmllint
• gulp-imagemin
• gulp-pretty-html
• gulp-remove-code
• gulp-remove-logging
• gulp-rename
• gulp-sass
• node-bourbon
• gulp-sass-lint
• gulp-sourcemaps
• gulp-uglify
• gulp-newer
• gulp-accessibility
• gulp-jshint
• gulp-gulp-gh-pages
• gulp-babel
• panini
• run-sequence
• ansi-colors
• fancy-log

Additional Resources

• Sass: Syntactically Awesome Style Sheets
• Bulma
• Handlebars
• Panini
• Gulp