html5-starter 0.1.9b → 0.2.2b
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +11 -10
- data/lib/html5-boilerplate.rb +1 -6
- data/templates/project/files/404.html +37 -37
- data/templates/project/files/build/build.xml +5 -5
- data/templates/project/files/build/config/project.properties +56 -56
- data/templates/project/files/build/runbuildscript.bat +4 -4
- data/templates/project/files/build/tools/optipng-0.6.4-exe/LICENSE.txt +21 -21
- data/templates/project/files/humans.txt +43 -43
- data/templates/project/files/robots.txt +5 -5
- data/templates/project/index.html +8 -8
- data/templates/project/manifest.rb +1 -1
- metadata +5 -13
- data/lib/app/helpers/html5_boilerplate_helper.rb +0 -47
- data/templates/project/_flashes.html.haml +0 -4
- data/templates/project/_footer.html.haml +0 -2
- data/templates/project/_head.html.haml +0 -32
- data/templates/project/_header.html.haml +0 -1
- data/templates/project/_javascripts.html.haml +0 -38
- data/templates/project/_stylesheets.html.haml +0 -8
- data/templates/project/application.html.haml +0 -15
data/README.md
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
Compass HTML5 Starter
|
2
2
|
=========================
|
3
3
|
|
4
|
-
HTML5 Starter is a Compass extension based on [HTML5
|
4
|
+
HTML5 Starter is a Compass extension based on [HTML5 Boilerplate](https://github.com/paulirish/html5-boilerplate) by Paul Irish.
|
5
5
|
You can use it to kick-start a fully compliant HTML5 applications. Generating a set of starter files for your HTML5 projects with integrated Sass (Scss) templates.
|
6
6
|
|
7
7
|
Browse [html5boilerplate.com](http://html5boilerplate.com) for the full workup.
|
@@ -11,9 +11,14 @@ Installation
|
|
11
11
|
========================
|
12
12
|
|
13
13
|
gem install html5-starter
|
14
|
-
compass create my_project -r html5-boilerplate -u html5-boilerplate --javascripts-dir assets/js --css-dir assets/css --images-dir assets/img --sass-dir assets/css/src
|
15
14
|
|
16
|
-
|
15
|
+
|
16
|
+
Starting a project
|
17
|
+
------------------
|
18
|
+
|
19
|
+
compass create my_project -r html5-boilerplate -u html5-boilerplate --javascripts-dir assets/js --css-dir assets/css --images-dir assets/img --sass-dir assets/sass
|
20
|
+
|
21
|
+
The `--javascripts-dir`, `--css-dir`, `--images-dir` and `--sass-dir` flags are required to keep consistent with the original HTML5 Starter project layout. If you omit them, be sure to edit your javascript and style tags accordingly in `index.html`.
|
17
22
|
|
18
23
|
Run `compass watch my_project` and the SCSS files will automatically get compiled to your Sass compilation directory whenever a change is made:
|
19
24
|
|
@@ -23,11 +28,7 @@ Run `compass watch my_project` and the SCSS files will automatically get compile
|
|
23
28
|
To see the complete list of files generated by this extension, see the [HTML5 Starter](https://github.com/rizkysyazuli/html5-starter) project repo.
|
24
29
|
|
25
30
|
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
HTML5 Boilerplate by Paul Irish
|
30
|
-
(comments left intact in scss files)
|
31
|
+
Integrating with Blueprint
|
32
|
+
--------------------------
|
31
33
|
|
32
|
-
Compass
|
33
|
-
[http://creativecommons.org/licenses/by/3.0](http://creativecommons.org/licenses/by/3.0)
|
34
|
+
If you're planning to use the [Blueprint](http://compass-style.org/docs/reference/blueprint/) extension from Compass, you should remove the reset and font styles (see: line 19 and 20) and the print styles (see: line 99) imports inside the `style.scss` file. Blueprint already includes a print, reset and some basic typographic styles.
|
data/lib/html5-boilerplate.rb
CHANGED
@@ -1,6 +1 @@
|
|
1
|
-
Compass::Frameworks.register("html5-boilerplate", :path => "#{File.dirname(__FILE__)}/..")
|
2
|
-
|
3
|
-
if defined?(ActionController)
|
4
|
-
require File.join(File.dirname(__FILE__), 'app', 'helpers', 'html5_boilerplate_helper')
|
5
|
-
ActionController::Base.helper(Html5BoilerplateHelper)
|
6
|
-
end
|
1
|
+
Compass::Frameworks.register("html5-boilerplate", :path => "#{File.dirname(__FILE__)}/..")
|
@@ -1,38 +1,38 @@
|
|
1
|
-
<!doctype html>
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<title>Page Not Found :(</title>
|
6
|
-
<style>
|
7
|
-
body { text-align: center;}
|
8
|
-
h1 { font-size: 50px; text-align: center }
|
9
|
-
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
|
10
|
-
body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
|
11
|
-
::-moz-selection{ background:#FF5E99; color:#fff; }
|
12
|
-
::selection { background:#FF5E99; color:#fff; }
|
13
|
-
article {display:block; text-align: left; width: 500px; margin: 0 auto; }
|
14
|
-
|
15
|
-
a { color: rgb(36, 109, 56); text-decoration:none; }
|
16
|
-
a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
|
17
|
-
</style>
|
18
|
-
</head>
|
19
|
-
<body>
|
20
|
-
<article>
|
21
|
-
<h1>Not found <span frown>:(</span></h1>
|
22
|
-
<div>
|
23
|
-
<p>Sorry, but the page you were trying to view does not exist.</p>
|
24
|
-
<p>It looks like this was the result of either:</p>
|
25
|
-
<ul>
|
26
|
-
<li>a mistyped address</li>
|
27
|
-
<li>an out-of-date link</li>
|
28
|
-
</ul>
|
29
|
-
</div>
|
30
|
-
|
31
|
-
<script>
|
32
|
-
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),
|
33
|
-
GOOG_FIXURL_SITE = location.host;
|
34
|
-
</script>
|
35
|
-
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
|
36
|
-
</article>
|
37
|
-
</body>
|
1
|
+
<!doctype html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<title>Page Not Found :(</title>
|
6
|
+
<style>
|
7
|
+
body { text-align: center;}
|
8
|
+
h1 { font-size: 50px; text-align: center }
|
9
|
+
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
|
10
|
+
body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
|
11
|
+
::-moz-selection{ background:#FF5E99; color:#fff; }
|
12
|
+
::selection { background:#FF5E99; color:#fff; }
|
13
|
+
article {display:block; text-align: left; width: 500px; margin: 0 auto; }
|
14
|
+
|
15
|
+
a { color: rgb(36, 109, 56); text-decoration:none; }
|
16
|
+
a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
|
17
|
+
</style>
|
18
|
+
</head>
|
19
|
+
<body>
|
20
|
+
<article>
|
21
|
+
<h1>Not found <span frown>:(</span></h1>
|
22
|
+
<div>
|
23
|
+
<p>Sorry, but the page you were trying to view does not exist.</p>
|
24
|
+
<p>It looks like this was the result of either:</p>
|
25
|
+
<ul>
|
26
|
+
<li>a mistyped address</li>
|
27
|
+
<li>an out-of-date link</li>
|
28
|
+
</ul>
|
29
|
+
</div>
|
30
|
+
|
31
|
+
<script>
|
32
|
+
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),
|
33
|
+
GOOG_FIXURL_SITE = location.host;
|
34
|
+
</script>
|
35
|
+
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
|
36
|
+
</article>
|
37
|
+
</body>
|
38
38
|
</html>
|
@@ -197,12 +197,12 @@
|
|
197
197
|
-clean,
|
198
198
|
-copy,
|
199
199
|
-usemin,
|
200
|
+
-strip-console.log,
|
200
201
|
-js.all.minify,
|
201
202
|
-js.main.concat,
|
202
203
|
-js.mylibs.concat,
|
203
204
|
-js.scripts.concat,
|
204
205
|
-js.delete,
|
205
|
-
-strip-console.log,
|
206
206
|
-css,
|
207
207
|
-html"/>
|
208
208
|
|
@@ -231,12 +231,12 @@
|
|
231
231
|
-clean,
|
232
232
|
-copy,
|
233
233
|
-usemin,
|
234
|
+
-strip-console.log,
|
234
235
|
-js.all.minify,
|
235
236
|
-js.main.concat,
|
236
237
|
-js.mylibs.concat,
|
237
238
|
-js.scripts.concat,
|
238
239
|
-js.delete,
|
239
|
-
-strip-console.log,
|
240
240
|
-css,
|
241
241
|
-html,
|
242
242
|
-htmlclean"/>
|
@@ -270,12 +270,12 @@
|
|
270
270
|
-clean,
|
271
271
|
-prodcopy,
|
272
272
|
-usemin,
|
273
|
+
-strip-console.log,
|
273
274
|
-js.all.minify,
|
274
275
|
-js.main.concat,
|
275
276
|
-js.mylibs.concat,
|
276
277
|
-js.scripts.concat,
|
277
278
|
-js.delete,
|
278
|
-
-strip-console.log,
|
279
279
|
-css,
|
280
280
|
-html,
|
281
281
|
-htmlbuildkit,
|
@@ -311,12 +311,12 @@
|
|
311
311
|
-clean,
|
312
312
|
-prodcopy,
|
313
313
|
-usemin,
|
314
|
+
-strip-console.log,
|
314
315
|
-js.all.minify,
|
315
316
|
-js.main.concat,
|
316
317
|
-js.mylibs.concat,
|
317
318
|
-js.scripts.concat,
|
318
319
|
-js.delete,
|
319
|
-
-strip-console.log,
|
320
320
|
-css,
|
321
321
|
-html,
|
322
322
|
-htmlclean,
|
@@ -352,12 +352,12 @@
|
|
352
352
|
-clean,
|
353
353
|
-prodcopy,
|
354
354
|
-usemin,
|
355
|
+
-strip-console.log,
|
355
356
|
-js.all.minify,
|
356
357
|
-js.main.concat,
|
357
358
|
-js.mylibs.concat,
|
358
359
|
-js.scripts.concat,
|
359
360
|
-js.delete,
|
360
|
-
-strip-console.log,
|
361
361
|
-css,
|
362
362
|
-html,
|
363
363
|
-htmlcompress,
|
@@ -1,56 +1,56 @@
|
|
1
|
-
# project.properties file defines overrides for default.properties
|
2
|
-
|
3
|
-
# Explanation: This file should be created by each user as and when he or she needs to override particular values.
|
4
|
-
# Consequently, it should not be placed under version control.
|
5
|
-
|
6
|
-
|
7
|
-
# Stylesheets
|
8
|
-
#
|
9
|
-
# Note: Stylesheets will be concatenated in the order they are listed in the file.stylesheets property (i.e. the last
|
10
|
-
# file listed will be at the end of the concatenated file), so it probably makes sense to have the main style.css file
|
11
|
-
# as the first entry
|
12
|
-
# Example:
|
13
|
-
# file.stylesheets = style.css, lightbox.css, plugin.css
|
14
|
-
#
|
15
|
-
file.stylesheets =
|
16
|
-
|
17
|
-
|
18
|
-
# Web Pages
|
19
|
-
#
|
20
|
-
# These are the pages (files) that will be served to users (.html, .php, .asp, etc). Files in this property will
|
21
|
-
# be minified / optimised and have any stylesheet or javascript references updated to the minified examples
|
22
|
-
#
|
23
|
-
# The paths need to be relative
|
24
|
-
#
|
25
|
-
# Files can be added in a comma separated form
|
26
|
-
file.pages =
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
# Excluded files and dirs
|
31
|
-
#
|
32
|
-
# Add any files or directories you add to the project and do not want to be copied to the publish directory as a
|
33
|
-
# comma separated list
|
34
|
-
# These files are ignored in addition to the default ones specified in default.properties.
|
35
|
-
file.exclude =
|
36
|
-
|
37
|
-
|
38
|
-
# Specify an environment to build
|
39
|
-
#
|
40
|
-
# By Default, it builds a production environment
|
41
|
-
# Set to dev if buidling a development environment
|
42
|
-
# Set to test if building a test environment
|
43
|
-
env =
|
44
|
-
|
45
|
-
|
46
|
-
# Directory Structure
|
47
|
-
#
|
48
|
-
# Override any directory paths specific to this project
|
49
|
-
#
|
50
|
-
# dir.publish
|
51
|
-
# dir.js
|
52
|
-
# dir.js.libs
|
53
|
-
# dir.js.mylibs
|
54
|
-
# dir.css
|
55
|
-
# dir.images
|
56
|
-
|
1
|
+
# project.properties file defines overrides for default.properties
|
2
|
+
|
3
|
+
# Explanation: This file should be created by each user as and when he or she needs to override particular values.
|
4
|
+
# Consequently, it should not be placed under version control.
|
5
|
+
|
6
|
+
|
7
|
+
# Stylesheets
|
8
|
+
#
|
9
|
+
# Note: Stylesheets will be concatenated in the order they are listed in the file.stylesheets property (i.e. the last
|
10
|
+
# file listed will be at the end of the concatenated file), so it probably makes sense to have the main style.css file
|
11
|
+
# as the first entry
|
12
|
+
# Example:
|
13
|
+
# file.stylesheets = style.css, lightbox.css, plugin.css
|
14
|
+
#
|
15
|
+
file.stylesheets =
|
16
|
+
|
17
|
+
|
18
|
+
# Web Pages
|
19
|
+
#
|
20
|
+
# These are the pages (files) that will be served to users (.html, .php, .asp, etc). Files in this property will
|
21
|
+
# be minified / optimised and have any stylesheet or javascript references updated to the minified examples
|
22
|
+
#
|
23
|
+
# The paths need to be relative
|
24
|
+
#
|
25
|
+
# Files can be added in a comma separated form
|
26
|
+
file.pages =
|
27
|
+
|
28
|
+
|
29
|
+
|
30
|
+
# Excluded files and dirs
|
31
|
+
#
|
32
|
+
# Add any files or directories you add to the project and do not want to be copied to the publish directory as a
|
33
|
+
# comma separated list
|
34
|
+
# These files are ignored in addition to the default ones specified in default.properties.
|
35
|
+
file.exclude =
|
36
|
+
|
37
|
+
|
38
|
+
# Specify an environment to build
|
39
|
+
#
|
40
|
+
# By Default, it builds a production environment
|
41
|
+
# Set to dev if buidling a development environment
|
42
|
+
# Set to test if building a test environment
|
43
|
+
env =
|
44
|
+
|
45
|
+
|
46
|
+
# Directory Structure
|
47
|
+
#
|
48
|
+
# Override any directory paths specific to this project
|
49
|
+
#
|
50
|
+
# dir.publish
|
51
|
+
# dir.js
|
52
|
+
# dir.js.libs
|
53
|
+
# dir.js.mylibs
|
54
|
+
# dir.css
|
55
|
+
# dir.images
|
56
|
+
|
@@ -1,5 +1,5 @@
|
|
1
|
-
# This is for windows users only.
|
2
|
-
# If you're on a mac or linux, just run `ant build` from this folder in Terminal
|
3
|
-
|
4
|
-
set MYDIR=%~dp0
|
1
|
+
# This is for windows users only.
|
2
|
+
# If you're on a mac or linux, just run `ant build` from this folder in Terminal
|
3
|
+
|
4
|
+
set MYDIR=%~dp0
|
5
5
|
ant build
|
@@ -1,21 +1,21 @@
|
|
1
|
-
|
2
|
-
Copyright (C) 2001-2010 Cosmin Truta.
|
3
|
-
|
4
|
-
This software is provided 'as-is', without any express or implied
|
5
|
-
warranty. In no event will the author(s) be held liable for any damages
|
6
|
-
arising from the use of this software.
|
7
|
-
|
8
|
-
Permission is granted to anyone to use this software for any purpose,
|
9
|
-
including commercial applications, and to alter it and redistribute it
|
10
|
-
freely, subject to the following restrictions:
|
11
|
-
|
12
|
-
1. The origin of this software must not be misrepresented; you must not
|
13
|
-
claim that you wrote the original software. If you use this software
|
14
|
-
in a product, an acknowledgment in the product documentation would be
|
15
|
-
appreciated but is not required.
|
16
|
-
|
17
|
-
2. Altered source versions must be plainly marked as such, and must not
|
18
|
-
be misrepresented as being the original software.
|
19
|
-
|
20
|
-
3. This notice may not be removed or altered from any source distribution.
|
21
|
-
|
1
|
+
|
2
|
+
Copyright (C) 2001-2010 Cosmin Truta.
|
3
|
+
|
4
|
+
This software is provided 'as-is', without any express or implied
|
5
|
+
warranty. In no event will the author(s) be held liable for any damages
|
6
|
+
arising from the use of this software.
|
7
|
+
|
8
|
+
Permission is granted to anyone to use this software for any purpose,
|
9
|
+
including commercial applications, and to alter it and redistribute it
|
10
|
+
freely, subject to the following restrictions:
|
11
|
+
|
12
|
+
1. The origin of this software must not be misrepresented; you must not
|
13
|
+
claim that you wrote the original software. If you use this software
|
14
|
+
in a product, an acknowledgment in the product documentation would be
|
15
|
+
appreciated but is not required.
|
16
|
+
|
17
|
+
2. Altered source versions must be plainly marked as such, and must not
|
18
|
+
be misrepresented as being the original software.
|
19
|
+
|
20
|
+
3. This notice may not be removed or altered from any source distribution.
|
21
|
+
|
@@ -1,43 +1,43 @@
|
|
1
|
-
/* the humans responsible & colophon */
|
2
|
-
/* humanstxt.org */
|
3
|
-
|
4
|
-
|
5
|
-
/* TEAM */
|
6
|
-
<your title>: <your name>
|
7
|
-
Site:
|
8
|
-
Twitter:
|
9
|
-
Location:
|
10
|
-
|
11
|
-
/* THANKS */
|
12
|
-
Names (& URL):
|
13
|
-
|
14
|
-
/* SITE */
|
15
|
-
Standards: HTML5, CSS3
|
16
|
-
Components: Modernizr, jQuery
|
17
|
-
Software:
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
-o/-
|
22
|
-
+oo//-
|
23
|
-
:ooo+//:
|
24
|
-
-ooooo///-
|
25
|
-
/oooooo//:
|
26
|
-
:ooooooo+//-
|
27
|
-
-+oooooooo///-
|
28
|
-
-://////////////+oooooooooo++////////////::
|
29
|
-
:+ooooooooooooooooooooooooooooooooooooo+:::-
|
30
|
-
-/+ooooooooooooooooooooooooooooooo+/::////:-
|
31
|
-
-:+oooooooooooooooooooooooooooo/::///////:-
|
32
|
-
--/+ooooooooooooooooooooo+::://////:-
|
33
|
-
-:+ooooooooooooooooo+:://////:--
|
34
|
-
/ooooooooooooooooo+//////:-
|
35
|
-
-ooooooooooooooooooo////-
|
36
|
-
/ooooooooo+oooooooooo//:
|
37
|
-
:ooooooo+/::/+oooooooo+//-
|
38
|
-
-oooooo/::///////+oooooo///-
|
39
|
-
/ooo+::://////:---:/+oooo//:
|
40
|
-
-o+/::///////:- -:/+o+//-
|
41
|
-
:-:///////:- -:/://
|
42
|
-
-////:- --//:
|
43
|
-
-- -:
|
1
|
+
/* the humans responsible & colophon */
|
2
|
+
/* humanstxt.org */
|
3
|
+
|
4
|
+
|
5
|
+
/* TEAM */
|
6
|
+
<your title>: <your name>
|
7
|
+
Site:
|
8
|
+
Twitter:
|
9
|
+
Location:
|
10
|
+
|
11
|
+
/* THANKS */
|
12
|
+
Names (& URL):
|
13
|
+
|
14
|
+
/* SITE */
|
15
|
+
Standards: HTML5, CSS3
|
16
|
+
Components: Modernizr, jQuery
|
17
|
+
Software:
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
-o/-
|
22
|
+
+oo//-
|
23
|
+
:ooo+//:
|
24
|
+
-ooooo///-
|
25
|
+
/oooooo//:
|
26
|
+
:ooooooo+//-
|
27
|
+
-+oooooooo///-
|
28
|
+
-://////////////+oooooooooo++////////////::
|
29
|
+
:+ooooooooooooooooooooooooooooooooooooo+:::-
|
30
|
+
-/+ooooooooooooooooooooooooooooooo+/::////:-
|
31
|
+
-:+oooooooooooooooooooooooooooo/::///////:-
|
32
|
+
--/+ooooooooooooooooooooo+::://////:-
|
33
|
+
-:+ooooooooooooooooo+:://////:--
|
34
|
+
/ooooooooooooooooo+//////:-
|
35
|
+
-ooooooooooooooooooo////-
|
36
|
+
/ooooooooo+oooooooooo//:
|
37
|
+
:ooooooo+/::/+oooooooo+//-
|
38
|
+
-oooooo/::///////+oooooo///-
|
39
|
+
/ooo+::://////:---:/+oooo//:
|
40
|
+
-o+/::///////:- -:/+o+//-
|
41
|
+
:-:///////:- -:/://
|
42
|
+
-////:- --//:
|
43
|
+
-- -:
|
@@ -1,5 +1,5 @@
|
|
1
|
-
# www.robotstxt.org/
|
2
|
-
# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
|
3
|
-
|
4
|
-
User-agent: *
|
5
|
-
|
1
|
+
# www.robotstxt.org/
|
2
|
+
# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
|
3
|
+
|
4
|
+
User-agent: *
|
5
|
+
|
@@ -1,4 +1,4 @@
|
|
1
|
-
<!doctype html>
|
1
|
+
<!doctype html>
|
2
2
|
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
|
3
3
|
<!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
|
4
4
|
<!--[if IE 7]> <html class="no-js ie7" lang="en"> <![endif]-->
|
@@ -24,19 +24,19 @@
|
|
24
24
|
|
25
25
|
|
26
26
|
<!-- CSS: implied media="all" -->
|
27
|
-
<link rel="stylesheet" href="
|
27
|
+
<link rel="stylesheet" href="css/style.css">
|
28
28
|
|
29
29
|
<!-- Uncomment if you are specifically targeting less enabled mobile browsers
|
30
|
-
<link rel="stylesheet" media="handheld" href="
|
30
|
+
<link rel="stylesheet" media="handheld" href="css/handheld.css"> -->
|
31
31
|
|
32
32
|
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
33
|
-
<script src="
|
33
|
+
<script src="js/libs/modernizr-1.7.min.js"></script>
|
34
34
|
|
35
35
|
</head>
|
36
36
|
|
37
37
|
<body>
|
38
38
|
|
39
|
-
<div id="container"
|
39
|
+
<div id="container">
|
40
40
|
<header>
|
41
41
|
|
42
42
|
</header>
|
@@ -57,13 +57,13 @@
|
|
57
57
|
|
58
58
|
|
59
59
|
<!-- scripts concatenated and minified via ant build script-->
|
60
|
-
<script src="
|
61
|
-
<script src="
|
60
|
+
<script src="js/plugins.js"></script>
|
61
|
+
<script src="js/script.js"></script>
|
62
62
|
<!-- end scripts-->
|
63
63
|
|
64
64
|
|
65
65
|
<!--[if lt IE 7 ]>
|
66
|
-
<script src="
|
66
|
+
<script src="js/libs/dd_belatedpng.js"></script>
|
67
67
|
<script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
|
68
68
|
<![endif]-->
|
69
69
|
|
@@ -54,7 +54,7 @@ This is a Compass extention for HTML5 Boilerplate by Paul Irish
|
|
54
54
|
Installation
|
55
55
|
========================
|
56
56
|
$ gem install html5-boilerplate
|
57
|
-
$ compass create my_project -r html5-boilerplate -u html5-boilerplate --javascripts-dir assets/js --css-dir assets/css --images-dir assets/img --sass-dir assets/
|
57
|
+
$ compass create my_project -r html5-boilerplate -u html5-boilerplate --javascripts-dir assets/js --css-dir assets/css --images-dir assets/img --sass-dir assets/sass
|
58
58
|
|
59
59
|
}
|
60
60
|
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: html5-starter
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
hash:
|
4
|
+
hash: 51
|
5
5
|
prerelease: 5
|
6
6
|
segments:
|
7
7
|
- 0
|
8
|
-
-
|
9
|
-
-
|
8
|
+
- 2
|
9
|
+
- 2
|
10
10
|
- b
|
11
|
-
version: 0.
|
11
|
+
version: 0.2.2b
|
12
12
|
platform: ruby
|
13
13
|
authors:
|
14
14
|
- Peter Gumeson
|
@@ -17,7 +17,7 @@ autorequire:
|
|
17
17
|
bindir: bin
|
18
18
|
cert_chain: []
|
19
19
|
|
20
|
-
date: 2011-
|
20
|
+
date: 2011-04-14 00:00:00 +07:00
|
21
21
|
default_executable:
|
22
22
|
dependencies:
|
23
23
|
- !ruby/object:Gem::Dependency
|
@@ -49,7 +49,6 @@ files:
|
|
49
49
|
- LICENSE
|
50
50
|
- VERSION
|
51
51
|
- templates/project/files/htaccess
|
52
|
-
- lib/app/helpers/html5_boilerplate_helper.rb
|
53
52
|
- lib/html5-boilerplate.rb
|
54
53
|
- stylesheets/_html5-boilerplate.scss
|
55
54
|
- stylesheets/html5-boilerplate/_fonts.scss
|
@@ -58,13 +57,6 @@ files:
|
|
58
57
|
- stylesheets/html5-boilerplate/_print.scss
|
59
58
|
- stylesheets/html5-boilerplate/_reset.scss
|
60
59
|
- stylesheets/html5-boilerplate/_styles.scss
|
61
|
-
- templates/project/_flashes.html.haml
|
62
|
-
- templates/project/_footer.html.haml
|
63
|
-
- templates/project/_head.html.haml
|
64
|
-
- templates/project/_header.html.haml
|
65
|
-
- templates/project/_javascripts.html.haml
|
66
|
-
- templates/project/_stylesheets.html.haml
|
67
|
-
- templates/project/application.html.haml
|
68
60
|
- templates/project/files/404.html
|
69
61
|
- templates/project/files/apple-touch-icon-114x114-precomposed.png
|
70
62
|
- templates/project/files/apple-touch-icon-57x57-precomposed.png
|
@@ -1,47 +0,0 @@
|
|
1
|
-
module Html5BoilerplateHelper
|
2
|
-
# Create a named haml tag to wrap IE conditional around a block
|
3
|
-
# http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither
|
4
|
-
def ie_tag(name=:body, attrs={}, &block)
|
5
|
-
attrs.symbolize_keys!
|
6
|
-
haml_concat("<!--[if lt IE 7 ]> #{ tag(name, add_class('ie6', attrs), true) } <![endif]-->".html_safe)
|
7
|
-
haml_concat("<!--[if IE 7 ]> #{ tag(name, add_class('ie7', attrs), true) } <![endif]-->".html_safe)
|
8
|
-
haml_concat("<!--[if IE 8 ]> #{ tag(name, add_class('ie8', attrs), true) } <![endif]-->".html_safe)
|
9
|
-
haml_concat("<!--[if IE 9 ]> #{ tag(name, add_class('ie9', attrs), true) } <![endif]-->".html_safe)
|
10
|
-
haml_concat("<!--[if (gte IE 9)|!(IE)]><!-->".html_safe)
|
11
|
-
haml_tag name, attrs do
|
12
|
-
haml_concat("<!--<![endif]-->".html_safe)
|
13
|
-
block.call
|
14
|
-
end
|
15
|
-
end
|
16
|
-
|
17
|
-
def ie_html(attrs={}, &block)
|
18
|
-
ie_tag(:html, attrs, &block)
|
19
|
-
end
|
20
|
-
|
21
|
-
def ie_body(attrs={}, &block)
|
22
|
-
ie_tag(:body, attrs, &block)
|
23
|
-
end
|
24
|
-
|
25
|
-
def google_account_id
|
26
|
-
ENV['GOOGLE_ACCOUNT_ID'] || google_config(:google_account_id)
|
27
|
-
end
|
28
|
-
|
29
|
-
def google_api_key
|
30
|
-
ENV['GOOGLE_API_KEY'] || google_config(:google_api_key)
|
31
|
-
end
|
32
|
-
|
33
|
-
private
|
34
|
-
|
35
|
-
def add_class(name, attrs)
|
36
|
-
classes = attrs[:class] || ''
|
37
|
-
classes.strip!
|
38
|
-
classes = ' ' + classes if !classes.blank?
|
39
|
-
classes = name + classes
|
40
|
-
attrs.merge(:class => classes)
|
41
|
-
end
|
42
|
-
|
43
|
-
def google_config(key)
|
44
|
-
configs = YAML.load_file(File.join(Rails.root, 'config', 'google.yml'))[Rails.env.to_sym] rescue {}
|
45
|
-
configs[key]
|
46
|
-
end
|
47
|
-
end
|
@@ -1,32 +0,0 @@
|
|
1
|
-
%head
|
2
|
-
%meta{ :charset => "utf-8" }/
|
3
|
-
|
4
|
-
-#
|
5
|
-
Always force latest IE rendering engine (even in intranet) & Chrome Frame
|
6
|
-
Remove this if you use the .htaccess
|
7
|
-
%meta{ :content => "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible" }/
|
8
|
-
|
9
|
-
-# encoding must be specified within the first 512 bytes www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#charset
|
10
|
-
|
11
|
-
-# meta element for compatibility mode needs to be before all elements except title & meta msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx
|
12
|
-
-# Chrome Frame is only invoked if meta element for compatibility mode is within the first 1K bytes code.google.com/p/chromium/issues/detail?id=23003
|
13
|
-
|
14
|
-
%title
|
15
|
-
== #{ controller.controller_name.titleize } - #{ controller.action_name.titleize }
|
16
|
-
|
17
|
-
%meta{ :content => "", :name => "description" }/
|
18
|
-
%meta{ :content => "", :name => "author" }/
|
19
|
-
|
20
|
-
-# Mobile viewport optimized: j.mp/bplateviewport
|
21
|
-
%meta{ :content => "width=device-width, initial-scale=1.0", :name => "viewport" }/
|
22
|
-
|
23
|
-
-# Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references
|
24
|
-
-# %link{ :href => "/favicon.ico", :rel => "shortcut icon" }/
|
25
|
-
-# %link{ :href => "/apple-touch-icon.png", :rel => "apple-touch-icon" }/
|
26
|
-
|
27
|
-
= render :partial => 'layouts/stylesheets'
|
28
|
-
|
29
|
-
-# All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects
|
30
|
-
= javascript_include_tag 'modernizr-1.6.min'
|
31
|
-
|
32
|
-
= csrf_meta_tag
|
@@ -1 +0,0 @@
|
|
1
|
-
%h1 Header
|
@@ -1,38 +0,0 @@
|
|
1
|
-
-# Grab Google CDN's jQuery
|
2
|
-
-# Looks for google_api_key first in ENV['GOOGLE_API_KEY'] then in config/google.yml
|
3
|
-
- if !google_api_key.blank?
|
4
|
-
= javascript_include_tag "//www.google.com/jsapi?key=#{google_api_key}"
|
5
|
-
:javascript
|
6
|
-
google.load("jquery", "1.4.4");
|
7
|
-
- else
|
8
|
-
= javascript_include_tag "//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"
|
9
|
-
|
10
|
-
-# fall back to local jQuery if necessary
|
11
|
-
:javascript
|
12
|
-
!window.jQuery && document.write(unescape('%3Cscript src="/javascripts/jquery-1.4.4.min.js"%3E%3C/script%3E'))
|
13
|
-
|
14
|
-
= javascript_include_tag 'rails', 'plugins', 'application'
|
15
|
-
|
16
|
-
/[if lt IE 7 ]
|
17
|
-
:javascript
|
18
|
-
$.getScript("/javascripts/dd_belatedpng.js",function(){ DD_belatedPNG.fix('img, .png_bg'); });
|
19
|
-
|
20
|
-
-# Append your own using content_for :javascripts
|
21
|
-
= yield :javascripts
|
22
|
-
|
23
|
-
-# yui profiler and profileviewer
|
24
|
-
- if Rails.env == 'development'
|
25
|
-
= javascript_include_tag 'profiling/yahoo-profiling.min', 'profiling/config'
|
26
|
-
|
27
|
-
-# asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
|
28
|
-
-# Looks for google_account_id first in ENV['GOOGLE_ACCOUNT_ID'] then in config/google.yml
|
29
|
-
- if !google_account_id.blank?
|
30
|
-
:javascript
|
31
|
-
var _gaq = [['_setAccount', '#{google_account_id}'], ['_trackPageview']];
|
32
|
-
(function(d, t) {
|
33
|
-
var g = d.createElement(t),
|
34
|
-
s = d.getElementsByTagName(t)[0];
|
35
|
-
g.async = true;
|
36
|
-
g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
37
|
-
s.parentNode.insertBefore(g, s);
|
38
|
-
})(document, 'script');
|
@@ -1,8 +0,0 @@
|
|
1
|
-
-# CSS : implied media="all"
|
2
|
-
= stylesheet_link_tag 'style', :media => 'all'
|
3
|
-
|
4
|
-
-# Uncomment if you are specifically targeting less enabled mobile browsers
|
5
|
-
-#= stylesheet_link_tag 'handheld', :media => 'handheld'
|
6
|
-
|
7
|
-
-# Append your own using content_for :stylesheets
|
8
|
-
= yield :stylesheets
|
@@ -1,15 +0,0 @@
|
|
1
|
-
!!! 5
|
2
|
-
-# http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither
|
3
|
-
-ie_html :lang => 'en', :class => 'no-js' do
|
4
|
-
= render :partial => 'layouts/head'
|
5
|
-
%body{ :class => "#{controller.controller_name}" }
|
6
|
-
#container
|
7
|
-
%header#header
|
8
|
-
= render :partial => 'layouts/header'
|
9
|
-
#main
|
10
|
-
= render :partial => 'layouts/flashes'
|
11
|
-
= yield
|
12
|
-
%footer#footer
|
13
|
-
= render :partial => 'layouts/footer'
|
14
|
-
-# Javascript at the bottom for fast page loading
|
15
|
-
= render :partial => 'layouts/javascripts'
|