-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
101 lines (73 loc) · 4.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>GruntStart</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Minified CSS -->
<link href="css/min/styles.min.css" rel="stylesheet" />
<!-- Optionally use the non-minified CSS for development -->
<!-- <link href="css/libs/z.styles.concat.css" rel="stylesheet" /> -->
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<!-- Optionally use Modernizr without Respond.js -->
<!-- <script src="js/vendor/modernizr-2.6.2.js"></script> -->
</head>
<body>
<a href="https://github.com/tsvensen/gruntstart"><img style="position:absolute; top:0; right:0; border:0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div id="wrapper">
<header class="clearfix">
<h1 id="logo"><img src="img/logo.png" alt="Grunt"></h1>
<nav id="nav">
<ul>
<li><a href="#">Home</a></li>
</ul>
</nav>
</header>
<div id="main" role="main">
<h1>A Grunt-Enabled Head-Start</h1>
<p>The building blocks to quickly get started with <a href="http://gruntjs.com/">Grunt</a> to create an optimized website. Lint, minify and concatenate CSS and Javascript and provide simple lossless image compression throughout a project build.</p>
<p><a href="https://github.com/tsvensen/gruntstart"><strong>Grunt</strong>Start</a> includes the <a href="http://html5boilerplate.com/">H5BP</a>, <a href="http://jquery.com/">jQuery</a>, <a href="http://modernizr.com/">Modernizr</a> and <a href="https://github.com/scottjehl/Respond">Respond</a>, with the right amount of abstraction to quickly integrate with the latest CSS frameworks like Bootstrap, CSS preprocessors like SASS or Javascript MVC solutions like Backbone.</p>
<div id="author"><iframe scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.1347008535.html#_=1347293944835&id=twitter-widget-0&lang=en&screen_name=tsvensen&show_count=false&show_screen_name=true&size=l" class="twitter-follow-button" style="width: 169px; height: 28px;" title="Twitter Follow Button" data-twttr-rendered="true"></iframe> <span>Created by <a href="http://timsvensen.com" target="_blank">Tim Svensen</a></span></div>
<h2>Quick Start</h2>
<ol>
<li>Clone or <a href="https://github.com/tsvensen/gruntstart/archive/master.zip">download</a> <strong>Grunt</strong>Start</li>
<li>Run <code>npm install</code> from the command line at the project root to install grunt and grunt plugins</li>
<li>Run <code>grunt watch</code> from the command line within the project</li>
<li>Build your project</li>
<li>Keep tabs on the watch task output as custom CSS and Javascript files are saved</li>
<li>When going to production make sure to use the custom Modernizr build, only testing for exactly what you need. See /js/vendor/</li>
</ol>
<p>Take a closer look at index.html to</p>
<ul>
<li>optionally use the non-minified CSS and Javascript for development</li>
<li>optionally use Modernizr without Respond.js</li>
</ul>
<h2>Learn More</h2>
<p>Check out the <a class="btn" href="https://github.com/tsvensen/gruntstart#readme">documentation</a></p>
<p>Merrick Christensen's <a href="http://merrickchristensen.com/articles/gruntjs-workflow.html">Grunt workflow article</a> is highly recommended along with the <a href="https://github.com/gruntjs/grunt/blob/0.3-stable/docs/toc.md">Grunt documentation</a>.</p>
</div><!-- /#main -->
</div><!-- /#wrapper -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<!-- Minified Javascript -->
<script src="js/min/scripts.min.js" type="text/javascript"></script>
<!-- Optionally use the non-minified Javascript for development -->
<!-- <script src="js/libs/z.scripts.concat.js" type="text/javascript"></script> -->
<!-- Add your own Google Analytics UA number or remove this snippet -->
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34991331-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>