/teacup-folio

Portfolio for 2015 in stylus with teacup templates.

Primary LanguageCSS

teacup-folio

Stylus-tea-boiler was used to create a coffeescript environment using teacup for html templating and stylus for CSS-preprocessing served over express. Basic server-side MVC paradigm implemented with the data model stored in "me.cson", an index view in views, and controller logic handled by express in server.coffee.

Client Dependancy Libraries

Server Requirements

$ npm install -g coffee-script bower nodemon

Get Started

$ git clone https://github.com/ebaker/teacup-folio.git
$ cd teacup-folio
$ npm install
$ bower install
$ grunt build
$ grunt
$ vim assets/css/app.styl

Structure

This project is setup for a single web application. server.coffee serves the index view for the / endpoint. Client assets are written in teacup and stylus and compiled through grunt and served via express.

assets (client)

  • js directory containes coffee files for controller logic
  • css directory containes styl file

server.coffee

  • express server
  • grunt compiles coffee and styl files as js and css

views (server)

  • server views searched by express
  • index served from here

grunt

  • coffee task compile assets/js/*.coffee
  • stylus task compile assets/css/*.styl
  • default task watches files to compile and livereload
  • livereload included through connect-livereload'

Dependencies

License

MIT