orthlieb / bootstrap3-jade-node-express-grunt

Bootstrap 3 templated by Jade

bootstrap3-jade-node

Bootstrap 3 samples rendered using Jade, NodeJS, Express and Grunt

bootstrap3-jade-node

• Do you want to accelerate the bootstrapping of your web applications?

Getting Started

• git clone https://github.com/ALT-F1/bootstrap3-jade-node-express-grunt.git
• cd bootstrap3-jade-node-express-grunt
• install NodeJS (globally)
• install Grunt (globally)
• Install the module with: npm install (locally, a node_modules directory will be created)
• Start the server with: Grunt

Documentation

• start the server

• click on the links leading you to the Twitter Bootstrap templates translated into Jade

• Use the *.jade files into your projects !

• how did we convert the html into jade

  • We use html2jade to translate automatically the html into a jade file
  • Remove the characters as Jade complains as it believes it has to interpret the code =================================================
  • replace inside the jade file the path to the JS and CSS files from [Bootstrap Twitter]: ../.. with the parameter #{pathToAssets}
  • change the link to the custom made CSS made for each template stored under the bootstrap-3.0.0/examples/ directory : #{pathToSelectedTemplateWithinBootstrap}

Examples

• open http://localhost:3001/
• open the Starter template

Contributing

Feel free to help me convert all the templates:

• carousel
• grid
• jumbotron
• jumbotron-narrow
• justified-nav
• navbar
• navbar-fixed-top
• navbar-static-top
• non-responsive
• offcanvas
• signin
• starter-template
• sticky-footer
• sticky-footer-navbar
• theme

Release History

TODOs

• add front end test against html pages

v2013-08-25

• Convert offcanvas.html template into offcanvas.jade
• Convert signin.html template into signin.jade
• Convert starter-template.html template into starter-template.jade
• Convert sticky-footer.html template into sticky-footer.jade
• Convert sticky-footer-navbar.html template into sticky-footer-navbar.jade
• Convert theme.html template into theme.jade

v2013-08-24

• Convert grid.html template into grid.jade
• Convert jumbotron.html template into jumbotron.jade
• Convert jumbotron-narrow.html template into jumbotron-narrow.jade
• Convert justified-nav.html template into justified-nav.jade
• Convert justified-nav.html template into justified-nav.jade
• Convert navbar.html template into navbar.jade
• Convert navbar-fixed-top.html template into navbar-fixed-top.jade
• Convert navbar-static-top.html template into navbar-static-top.jade
• Convert non-responsive.html template into non-responsive.jade
• add an issue on the html2jade project as "escaped characters are wrongly translated into html. e.g. < becomes > while it shouldn't be"

v2013-08-22

• Convert carousel.html template into carousel.jade

v2013-08-21

• Twitter Bootstrap 3 is just released, it is time to convert HTML into Jade templates

• Convert starter-template.html template into starter-template.jade

License

Copyright (c) 2013 ALT-F1, We believe in the projects we work on™

Licensed under the MIT license.