MarynaHapon / Serfers

Heavy desktop site (training project)

Serfers

Desktop site (training project).

Technologies

• Gulp - Automate and enhance your workflow
• Pug - Terse language for writing HTML templates.
• Stylus - CSS with superpowers.

Requirements and Use

Requirements

• Node.js
• Gulp

$ npm install -g gulp

Use

$ git clone https://github.com/MarynaHapon/Chajka
$ npm install
$ gulp

Tasks

gulp: Runs the default task (dev) including the following ones :

• styles
• pug
• scripts
• img
• svg
• clean
• fonts
• serve
• watch

Storing Data

File content.json :

  "footer": {
    "copyright": "© 2017 Surfers Co.",
  }

Using Data

File footer.pug

p= content.footer.copyright

File pug.js

content: JSON.parse($.fs.readFileSync('./data/content.json', 'utf8'))