Skip to content

Instantly share code, notes, and snippets.

@konsumer
Last active August 29, 2015 13:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save konsumer/10824832 to your computer and use it in GitHub Desktop.
Save konsumer/10824832 to your computer and use it in GitHub Desktop.
stuff for wade - replace "_" with "/", put bootstrap less files in app/less/bootstrap and type "npm install" to make brunch watch for changes and build webroot: "brunch w", you can build a production copy with "brunch b -P"
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>your site</title>
<link rel="stylesheet" href="/css/site.css" />
</head>
<body>
<div class="jumbotron">
<div class="container">
<h1>o hai!</h1>
</div>
</div>
<div class="container">
<form method="POST" enctype="multipart/form-data">
<span class="btn btn-default btn-file">
browse <input accept="image/svg+xml" id="file" type="file" multiple>
</span>
</form>
</div>
<script src="/js/vendor.js"></script>
<script src="/js/site.js"></script>
<script>require('js/site')</script>
</body>
</html>
// Core variables and mixins
@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
// override variables in variables.less, here
// Reset
@import "bootstrap/normalize.less";
@import "bootstrap/print.less";
// Core CSS
@import "bootstrap/scaffolding.less";
@import "bootstrap/type.less";
//@import "bootstrap/code.less";
@import "bootstrap/grid.less";
//@import "bootstrap/tables.less";
@import "bootstrap/forms.less";
@import "bootstrap/buttons.less";
// Components
@import "bootstrap/component-animations.less";
//@import "bootstrap/glyphicons.less";
@import "bootstrap/dropdowns.less";
//@import "bootstrap/button-groups.less";
//@import "bootstrap/input-groups.less";
//@import "bootstrap/navs.less";
//@import "bootstrap/navbar.less";
//@import "bootstrap/breadcrumbs.less";
//@import "bootstrap/pagination.less";
//@import "bootstrap/pager.less";
//@import "bootstrap/labels.less";
//@import "bootstrap/badges.less";
@import "bootstrap/jumbotron.less";
@import "bootstrap/thumbnails.less";
//@import "bootstrap/alerts.less";
//@import "bootstrap/progress-bars.less";
//@import "bootstrap/media.less";
//@import "bootstrap/list-group.less";
//@import "bootstrap/panels.less";
//@import "bootstrap/wells.less";
//@import "bootstrap/close.less";
// Components w/ JavaScript
//@import "bootstrap/modals.less";
//@import "bootstrap/tooltip.less";
//@import "bootstrap/popovers.less";
//@import "bootstrap/carousel.less";
// Utility classes
@import "bootstrap/utilities.less";
@import "bootstrap/responsive-utilities.less";
// http://www.abeautifulsite.net/blog/2013/08/whipping-file-inputs-into-shape-with-bootstrap-3/
.btn-file {
position: relative;
overflow: hidden;
input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 999px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
}
/**
* brunch config
*/
exports.config = {
paths: {
'public': 'webroot'
},
files: {
javascripts: {
defaultExtension: 'js',
joinTo: {
'js/site.js': /^app/,
'js/html5shiv.js': /^bower_components[\\/](?=html5shiv)/,
'js/vendor.js': /^bower_components[\\/](?!html5shiv|mocha|chai|sinon|sinon-chai)/,
},
order: {
before: [
'bower_components/jquery/dist/jquery.js'
]
}
},
stylesheets: {
defaltExtension: 'less',
joinTo: {
'css/site.css': /^app\/less\/site\.less/,
}
}
},
framework: 'AngularJS'
};
{
"name": "yourproject",
"version": "0.0.0",
"private": true,
"author": "David Konsumer <konsumer@jetboystudio.com",
"scripts": {
"postinstall":"bower install"
},
"dependencies": {
},
"devDependencies": {
"bower":"",
"brunch": "",
"less-brunch": ">=1.7.0",
"javascript-brunch": ">=1.7.0",
"uglify-js-brunch": ">=1.7.0",
"clean-css-brunch": ">=1.7.1",
"auto-reload-brunch": "^1.7.3",
"svg-minify-brunch": "git+ssh://git@github.com:schoolshape/svg-minify-brunch.git",
"imageoptmizer-brunch": "0.0.4"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment