Created
October 16, 2012 19:34
-
-
Save kuatsure/3901459 to your computer and use it in GitHub Desktop.
Yeoman -> index.html & gruntfile.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body{background:red}/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{background:red} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> | |
<meta content="yes" name="apple-mobile-web-app-capable"/> | |
<meta content="black" name="apple-mobile-web-app-status-bar-style"/> | |
<title></title> | |
<meta name="description" content=""/> | |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> | |
<link rel="stylesheet" href="styles/styles.css"/?> | |
<script src="scripts/2edc7af0.vendor.js"></script> | |
</head> | |
<body> | |
<div class="container" style="margin-top:50px"> | |
<div class="hero-unit"> | |
<h1>Wotcha!</h1> | |
<p>You now have</p> | |
<ul> | |
<li>HTML5 Boilerplate</li> | |
<li>Twitter Bootstrap</li> | |
<li>Twitter Bootstrap plugins</li> | |
</ul> | |
<p>installed.</p> | |
<h3>Enjoy coding! - Yeoman</h3> | |
</div> | |
</div> | |
<script src="scripts/8ab52a5b.plugins.js"></script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = function( grunt ) { | |
'use strict'; | |
// | |
// Grunt configuration: | |
// | |
// https://github.com/cowboy/grunt/blob/master/docs/getting_started.md | |
// | |
grunt.initConfig({ | |
// Project configuration | |
// --------------------- | |
// specify an alternate install location for Bower | |
bower: { | |
dir: 'app/components' | |
}, | |
// Coffee to JS compilation | |
coffee: { | |
dist: { | |
src: 'app/scripts/**/*.coffee', | |
dest: 'app/scripts' | |
} | |
}, | |
// compile .scss/.sass to .css using Compass | |
compass: { | |
dist: { | |
// http://compass-style.org/help/tutorials/configuration-reference/#configuration-properties | |
options: { | |
css_dir: 'temp/styles', | |
sass_dir: 'app/styles', | |
images_dir: 'app/images', | |
javascripts_dir: 'temp/scripts', | |
force: true | |
} | |
} | |
}, | |
// generate application cache manifest | |
manifest:{ | |
dest: '' | |
}, | |
// headless testing through PhantomJS | |
mocha: { | |
all: ['test/**/*.html'] | |
}, | |
// default watch configuration | |
watch: { | |
coffee: { | |
files: '<config:coffee.dist.src>', | |
tasks: 'coffee reload' | |
}, | |
compass: { | |
files: [ | |
'app/styles/**/*.{scss,sass}' | |
], | |
tasks: 'compass reload' | |
}, | |
reload: { | |
files: [ | |
'app/*.html', | |
'app/styles/**/*.css', | |
'app/scripts/**/*.js', | |
'app/images/**/*' | |
], | |
tasks: 'reload' | |
} | |
}, | |
// default lint configuration, change this to match your setup: | |
// https://github.com/cowboy/grunt/blob/master/docs/task_lint.md#lint-built-in-task | |
lint: { | |
files: [ | |
'Gruntfile.js', | |
'app/scripts/**/*.js', | |
'spec/**/*.js' | |
] | |
}, | |
// specifying JSHint options and globals | |
// https://github.com/cowboy/grunt/blob/master/docs/task_lint.md#specifying-jshint-options-and-globals | |
jshint: { | |
options: { | |
curly: true, | |
eqeqeq: true, | |
immed: true, | |
latedef: true, | |
newcap: true, | |
noarg: true, | |
sub: true, | |
undef: true, | |
boss: true, | |
eqnull: true, | |
browser: true | |
}, | |
globals: { | |
jQuery: true | |
} | |
}, | |
// Build configuration | |
// ------------------- | |
// the staging directory used during the process | |
staging: 'temp', | |
// final build output | |
output: 'dist', | |
mkdirs: { | |
staging: 'app/' | |
}, | |
// Below, all paths are relative to the staging directory, which is a copy | |
// of the app/ directory. Any .gitignore, .ignore and .buildignore file | |
// that might appear in the app/ tree are used to ignore these values | |
// during the copy process. | |
// concat css/**/*.css files, inline @import, output a single minified css | |
css: { | |
'styles/screen.css': ['styles/**/*.css'] | |
}, | |
// renames JS/CSS to prepend a hash of their contents for easier | |
// versioning | |
rev: { | |
js: 'scripts/**/*.js', | |
css: 'styles/**/*.css', | |
img: 'images/**' | |
}, | |
// usemin handler should point to the file containing | |
// the usemin blocks to be parsed | |
'usemin-handler': { | |
html: 'index.html' | |
}, | |
// update references in HTML/CSS to revved files | |
usemin: { | |
html: ['**/*.html'], | |
css: ['**/*.css'] | |
}, | |
// HTML minification | |
html: { | |
files: ['**/*.html'] | |
}, | |
// Optimizes JPGs and PNGs (with jpegtran & optipng) | |
img: { | |
dist: '<config:rev.img>' | |
}, | |
// rjs configuration. You don't necessarily need to specify the typical | |
// `path` configuration, the rjs task will parse these values from your | |
// main module, using http://requirejs.org/docs/optimization.html#mainConfigFile | |
// | |
// name / out / mainConfig file should be used. You can let it blank if | |
// you're using usemin-handler to parse rjs config from markup (default | |
// setup) | |
rjs: { | |
// no minification, is done by the min task | |
optimize: 'none', | |
baseUrl: './scripts', | |
wrap: true, | |
name: 'main' | |
}, | |
// While Yeoman handles concat/min when using | |
// usemin blocks, you can still use them manually | |
concat: { | |
dist: '' | |
}, | |
min: { | |
dist: '' | |
} | |
}); | |
// Alias the `test` task to run the `mocha` task instead | |
grunt.registerTask('test', 'mocha'); | |
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> | |
<meta content="yes" name="apple-mobile-web-app-capable"/> | |
<meta content="black" name="apple-mobile-web-app-status-bar-style"/> | |
<title></title> | |
<meta name="description" content=""/> | |
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> | |
<!-- build:css styles/styles.css --> | |
<link rel="stylesheet" href="components/normalize-css/normalize.css"/> | |
<link rel="stylesheet" href="styles/screen.css"/> | |
<!-- endbuild --> | |
<!-- build:js scripts/vendor.js --> | |
<script src="scripts/vendor/jquery.min.js"></script> | |
<script src="scripts/vendor/modernizr.min.js"></script> | |
<!-- endbuild --> | |
</head> | |
<body> | |
<div class="container" style="margin-top:50px"> | |
<div class="hero-unit"> | |
<h1>Wotcha!</h1> | |
<p>You now have</p> | |
<ul> | |
<li>HTML5 Boilerplate</li> | |
<li>Twitter Bootstrap</li> | |
<li>Twitter Bootstrap plugins</li> | |
</ul> | |
<p>installed.</p> | |
<h3>Enjoy coding! - Yeoman</h3> | |
</div> | |
</div> | |
<!-- build:js scripts/plugins.js --> | |
<script src="scripts/vendor/bootstrap/bootstrap-affix.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-alert.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-dropdown.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-tooltip.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-modal.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-transition.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-button.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-popover.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-typeahead.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-carousel.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-scrollspy.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-collapse.js"></script> | |
<script src="scripts/vendor/bootstrap/bootstrap-tab.js"></script> | |
<!-- endbuild --> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Will be compiled down to a single stylesheet with your sass files */ | |
body { | |
background: red; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment