04 File structure - pimmey/nana-docs GitHub Wiki

├── assets/
│   ├── css/
│   ├── fonts/
│   ├── images/
│   ├── js/
├── favicons/
├── gulp/
├── libs/
├── mailer/
├── src/
│   ├── pug/
│   ├── sass/

assets

  • css contains compiled nana.css and linea.css
  • fonts contains the font files
  • images contains the page's images, divided by category. Put all of your images in this directory, as that's where they get optimised via Gulp tasks
  • js contains the core JavaScript file, config file and various custom scripts

favicons

This directory contains favicons. And a file called manifest.json, which you should edit by placing your company's name in it.

gulp

You can find gulp commands here, they are being injected into gulpfile.js in the project's root.

libs

The place for the libraries used in this template.

mailer

PHP files that are needed to make the contact form function are located here. In templates directory you'll be able to find the predesigned mail templates.

src

pug

  • ./ (i.e. the directory itself) is the home directory of all your .pug files
  • components contains reusable Pug components
  • layout contains header and footer layouts
  • mixins contains reusable mixins
  • modals contains the source of modals used throughout the theme
  • section is a directory for the sections source

sass

  • ./ contains the main nana.scss file as well as all of its components
  • components holds styles for various components of the theme