orangeeli / orangetree

Monkeys and unicorns working for Global peace - My personal web project

Home Page:http://orangeteemonkey.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Build Status Code Climate Coverage Status

orangetree

This is my personal webpage. It's a static generated website yet I'm not using any particular static website generator, since most of them had more functionality than I actually needed, and I didn't have much control on what I could should to put up the website.

Structure

The ./app folder contains the application files. Running gulp will output everything from the ./app folder into the ./public folder. Tests will run as well.

HTML

I'm using pug, formally known as jade, as the HTML template engine. If you know HAML from ruby, you'll feel at home.

CSS

Using SASS here. Nothing special. =)

Javascript

Every module is written with ES6/ES2015 syntax and then transformed into ES5 and compiled.

Gulp

As mentioned before, running gulp will compile and output everything from the app folder into the public folder. Worth mentioning that I'm also using nsp to check for known vulnerabilities in my project. You can see here the full list.

Why Gulp?

I really enjoy the way Gulp deals dependencies with code instead of configuration. I've tried Grunt but it wasn't so nice to handle and the way dependencies are declared resembled long and convoluted xml configuration files. If someone has an alternative to Gulp, let me know.

Run local

If you feel like playing with the project, you can clone it and run it locally by just firing the command npm start.

License

MIT License

Follow me (@orangeeli) on Twitter!

About

Monkeys and unicorns working for Global peace - My personal web project

http://orangeteemonkey.com

License:MIT License


Languages

Language:JavaScript 48.8%Language:CSS 26.7%Language:HTML 24.4%