MarynaHapon / Serfers

Heavy desktop site (training project)

Home Page:https://marynahapon.github.io/Serfers/build/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

$ 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'))

About

Heavy desktop site (training project)

https://marynahapon.github.io/Serfers/build/index.html


Languages

Language:CSS 74.7%Language:HTML 18.7%Language:JavaScript 6.6%