generator-react-gulp-browserify-less
Version:
A Yeoman Generator for facebook's React framework. It includes gulp, browserify,babel,source maps, livereload and famous official Twitter bootstrap LESS version.
102 lines (99 loc) • 4.31 kB
text/jade
doctype html
html(lang="en")
head
meta(charset='utf-8')
title <%= appname %>
meta(name='description', content='')
meta(name='viewport', content='width=device-width')
// Place favicon.ico and apple-touch-icon.png in the root directory
link(rel='stylesheet', href='styles/main.css')
<% if (includeModernizr) { %>
// build:js scripts/vendor/modernizr.js
script(src='bower_components/modernizr/modernizr.js')
// endbuild
<% } %>
body
//if lt IE 10
p.browsehappy
| You are using an
strong outdated
| browser. Please
a(href='http://browsehappy.com/') upgrade your browser
| to improve your experience.
<% if (includeBootstrap) { %>
.container
.header
ul.nav.nav-pills.pull-right
li.active
a(href='#') Home
li
a(href='#') About
li
a(href='#') Contact
h3.text-muted <%= appname %>
h1 'Allo, 'Allo!
p.lead Always a pleasure scaffolding your apps.
p
a.btn.btn-lg.btn-success(href='#') Splendid!
.col-lg-6
h4 HTML5 Boilerplate
p
| HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.
<% if (includeLess) { %>h4 LESS
p Less is a CSS pre-processor, meaning that it extends the CSS language.<% } %>
<% if (includeStylus) { %>h4 Stylus
p Expressive, dynamic, robust CSS<% } %>
<% if (includeCoffeeScript) { %>h4 CoffeeScript
p A little language that compiles into JavaScript<% } %>
h4 jQuery
p The Write Less, Do More, JavaScript Library.
<% if (includeBootstrap) { %>h4 Bootstrap
p
| Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.<% } %>
<% if (includeModernizr) { %>h4 Modernizr
p
| Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.<% } %>
.footer
p ♥ from the Yeoman team
<% } else { %>
.hero-unit
h1 'Allo, 'Allo!
p You now have
ul
li HTML5 Boilerplate
<% if (includeLess) { %>li LESS<% } %>
<% if (includeStylus) { %>li Stylus<% } %>
<% if (includeModernizr) { %>li Modernizr<% } %>
<% if (includejQuery) { %>li jQuery<% } %>
<% if (includeCoffeeScript) { %>li CoffeeScript<% } %>
<% } %>
// build:js scripts/vendor.js
// bower:js
<% if (includeBootstrap || includejQuery) { %>script(src='bower_components/jquery/dist/jquery.js')<% } %>
<% if (includeBootstrap && (!includeLess && !includeStylus)) { %>script(src='bower_components/bootstrap/dist/js/bootstrap.min.js')<% } %>
<% if (includeStylus && includeBootstrap) { %>script(src='bower_components/bootstrap-stylus/js/transition.js')
script(src='bower_components/bootstrap-stylus/js/alert.js')
script(src='bower_components/bootstrap-stylus/js/button.js')
script(src='bower_components/bootstrap-stylus/js/carousel.js')
script(src='bower_components/bootstrap-stylus/js/collapse.js')
script(src='bower_components/bootstrap-stylus/js/dropdown.js')
script(src='bower_components/bootstrap-stylus/js/modal.js')
script(src='bower_components/bootstrap-stylus/js/tooltip.js')
script(src='bower_components/bootstrap-stylus/js/popover.js')
script(src='bower_components/bootstrap-stylus/js/scrollspy.js')
script(src='bower_components/bootstrap-stylus/js/tab.js')
script(src='bower_components/bootstrap-stylus/js/affix.js')<% } %>
// endbower
// endbuild
script(src='scripts/app.js')
// Google Analytics: change UA-XXXXX-X to be your site's ID.
script.
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');