html5-starter 0.1.9b → 0.2.2b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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'
|