html5-starter 0.2.9b → 0.3.1

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.
Files changed (35) hide show
  1. data/README.md +1 -1
  2. data/lib/html5-starter.rb +1 -0
  3. data/stylesheets/_html5-starter.scss +5 -0
  4. data/stylesheets/html5-starter/_helpers.scss +78 -0
  5. data/stylesheets/html5-starter/_normalize.scss +434 -0
  6. data/stylesheets/html5-starter/_print.scss +68 -0
  7. data/templates/project/files/404.html +153 -38
  8. data/templates/project/files/apple-touch-icon-114x114-precomposed.png +0 -0
  9. data/templates/project/files/apple-touch-icon-144x144-precomposed.png +0 -0
  10. data/templates/project/files/apple-touch-icon-57x57-precomposed.png +0 -0
  11. data/templates/project/files/apple-touch-icon-72x72-precomposed.png +0 -0
  12. data/templates/project/files/apple-touch-icon-precomposed.png +0 -0
  13. data/templates/project/files/apple-touch-icon.png +0 -0
  14. data/templates/project/files/crossdomain.xml +4 -7
  15. data/templates/project/files/favicon.ico +0 -0
  16. data/templates/project/files/gitignore.txt +11 -1
  17. data/templates/project/files/htaccess +48 -13
  18. data/templates/project/files/humans.txt +12 -13
  19. data/templates/project/index.html +42 -49
  20. data/templates/project/javascripts/{script.js → main.js} +0 -5
  21. data/templates/project/javascripts/plugins.js +12 -9
  22. data/templates/project/javascripts/{libs/jquery-1.7.1.js → vendor/jquery-1.7.2.js} +655 -517
  23. data/templates/project/javascripts/vendor/jquery-1.7.2.min.js +4 -0
  24. data/templates/project/javascripts/{libs → vendor}/modernizr-2.5.3.min.js +0 -0
  25. data/templates/project/{style.scss → main.scss} +5 -5
  26. data/templates/project/manifest.rb +9 -10
  27. data/templates/project/partials/_defaults.scss +10 -0
  28. metadata +23 -26
  29. data/lib/html5-boilerplate.rb +0 -1
  30. data/stylesheets/_html5-boilerplate.scss +0 -5
  31. data/stylesheets/html5-boilerplate/_helpers.scss +0 -26
  32. data/stylesheets/html5-boilerplate/_normalize.scss +0 -214
  33. data/stylesheets/html5-boilerplate/_print.scss +0 -16
  34. data/templates/project/javascripts/libs/jquery-1.7.1.min.js +0 -4
  35. data/templates/project/partials/_boilerplate-defaults.scss +0 -19
@@ -0,0 +1,68 @@
1
+ @mixin html5-starter-print {
2
+ @media print {
3
+ * {
4
+ background: transparent !important;
5
+ color: #000 !important; /* Black prints faster: h5bp.com/s */
6
+ box-shadow:none !important;
7
+ text-shadow: none !important;
8
+ }
9
+
10
+ a,
11
+ a:visited {
12
+ text-decoration: underline;
13
+ }
14
+
15
+ a[href]:after {
16
+ content: " (" attr(href) ")";
17
+ }
18
+
19
+ abbr[title]:after {
20
+ content: " (" attr(title) ")";
21
+ }
22
+
23
+ /*
24
+ * Don't show links for images, or javascript/internal links
25
+ */
26
+
27
+ .ir a:after,
28
+ a[href^="javascript:"]:after,
29
+ a[href^="#"]:after {
30
+ content: "";
31
+ }
32
+
33
+ pre,
34
+ blockquote {
35
+ border: 1px solid #999;
36
+ page-break-inside: avoid;
37
+ }
38
+
39
+ thead {
40
+ display: table-header-group; /* h5bp.com/t */
41
+ }
42
+
43
+ tr,
44
+ img {
45
+ page-break-inside: avoid;
46
+ }
47
+
48
+ img {
49
+ max-width: 100% !important;
50
+ }
51
+
52
+ @page {
53
+ margin: 0.5cm;
54
+ }
55
+
56
+ p,
57
+ h2,
58
+ h3 {
59
+ orphans: 3;
60
+ widows: 3;
61
+ }
62
+
63
+ h2,
64
+ h3 {
65
+ page-break-after: avoid;
66
+ }
67
+ }
68
+ }
@@ -1,42 +1,157 @@
1
- <!doctype html>
1
+ <!DOCTYPE html>
2
2
  <html lang="en">
3
3
  <head>
4
- <meta charset="utf-8">
5
- <title>Page Not Found :(</title>
6
- <style>
7
- ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
8
- ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
9
- html { padding: 30px 10px; font-size: 20px; line-height: 1.4; color: #737373; background: #f0f0f0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
10
- html, input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
11
- body { max-width: 500px; _width: 500px; padding: 30px 20px 50px; border: 1px solid #b3b3b3; border-radius: 4px; margin: 0 auto; box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; background: #fcfcfc; }
12
- h1 { margin: 0 10px; font-size: 50px; text-align: center; }
13
- h1 span { color: #bbb; }
14
- h3 { margin: 1.5em 0 0.5em; }
15
- p { margin: 1em 0; }
16
- ul { padding: 0 0 0 40px; margin: 1em 0; }
17
- .container { max-width: 380px; _width: 380px; margin: 0 auto; }
18
- /* google search */
19
- #goog-fixurl ul { list-style: none; padding: 0; margin: 0; }
20
- #goog-fixurl form { margin: 0; }
21
- #goog-wm-qt, #goog-wm-sb { border: 1px solid #bbb; font-size: 16px; line-height: normal; vertical-align: top; color: #444; border-radius: 2px; }
22
- #goog-wm-qt { width: 220px; height: 20px; padding: 5px; margin: 5px 10px 0 0; box-shadow: inset 0 1px 1px #ccc; }
23
- #goog-wm-sb { display: inline-block; height: 32px; padding: 0 10px; margin: 5px 0 0; white-space: nowrap; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); -webkit-appearance: none; -moz-appearance: none; appearance: none; *overflow: visible; *display: inline; *zoom: 1; }
24
- #goog-wm-sb:hover, #goog-wm-sb:focus { border-color: #aaa; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #f8f8f8; }
25
- #goog-wm-qt:focus, #goog-wm-sb:focus { border-color: #105cb6; outline: 0; color: #222; }
26
- input::-moz-focus-inner { padding: 0; border: 0; }
27
- </style>
4
+ <meta charset="utf-8">
5
+ <title>Page Not Found :(</title>
6
+ <style>
7
+ ::-moz-selection {
8
+ background: #b3d4fc;
9
+ text-shadow: none;
10
+ }
11
+
12
+ ::selection {
13
+ background: #b3d4fc;
14
+ text-shadow: none;
15
+ }
16
+
17
+ html {
18
+ padding: 30px 10px;
19
+ font-size: 20px;
20
+ line-height: 1.4;
21
+ color: #737373;
22
+ background: #f0f0f0;
23
+ -webkit-text-size-adjust: 100%;
24
+ -ms-text-size-adjust: 100%;
25
+ }
26
+
27
+ html,
28
+ input {
29
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
30
+ }
31
+
32
+ body {
33
+ max-width: 500px;
34
+ _width: 500px;
35
+ padding: 30px 20px 50px;
36
+ border: 1px solid #b3b3b3;
37
+ border-radius: 4px;
38
+ margin: 0 auto;
39
+ box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
40
+ background: #fcfcfc;
41
+ }
42
+
43
+ h1 {
44
+ margin: 0 10px;
45
+ font-size: 50px;
46
+ text-align: center;
47
+ }
48
+
49
+ h1 span {
50
+ color: #bbb;
51
+ }
52
+
53
+ h3 {
54
+ margin: 1.5em 0 0.5em;
55
+ }
56
+
57
+ p {
58
+ margin: 1em 0;
59
+ }
60
+
61
+ ul {
62
+ padding: 0 0 0 40px;
63
+ margin: 1em 0;
64
+ }
65
+
66
+ .container {
67
+ max-width: 380px;
68
+ _width: 380px;
69
+ margin: 0 auto;
70
+ }
71
+
72
+ /* google search */
73
+
74
+ #goog-fixurl ul {
75
+ list-style: none;
76
+ padding: 0;
77
+ margin: 0;
78
+ }
79
+
80
+ #goog-fixurl form {
81
+ margin: 0;
82
+ }
83
+
84
+ #goog-wm-qt,
85
+ #goog-wm-sb {
86
+ border: 1px solid #bbb;
87
+ font-size: 16px;
88
+ line-height: normal;
89
+ vertical-align: top;
90
+ color: #444;
91
+ border-radius: 2px;
92
+ }
93
+
94
+ #goog-wm-qt {
95
+ width: 220px;
96
+ height: 20px;
97
+ padding: 5px;
98
+ margin: 5px 10px 0 0;
99
+ box-shadow: inset 0 1px 1px #ccc;
100
+ }
101
+
102
+ #goog-wm-sb {
103
+ display: inline-block;
104
+ height: 32px;
105
+ padding: 0 10px;
106
+ margin: 5px 0 0;
107
+ white-space: nowrap;
108
+ cursor: pointer;
109
+ background-color: #f5f5f5;
110
+ background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
111
+ background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
112
+ background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
113
+ background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
114
+ -webkit-appearance: none;
115
+ -moz-appearance: none;
116
+ appearance: none;
117
+ *overflow: visible;
118
+ *display: inline;
119
+ *zoom: 1;
120
+ }
121
+
122
+ #goog-wm-sb:hover,
123
+ #goog-wm-sb:focus {
124
+ border-color: #aaa;
125
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
126
+ background-color: #f8f8f8;
127
+ }
128
+
129
+ #goog-wm-qt:hover,
130
+ #goog-wm-qt:focus {
131
+ border-color: #105cb6;
132
+ outline: 0;
133
+ color: #222;
134
+ }
135
+
136
+ input::-moz-focus-inner {
137
+ padding: 0;
138
+ border: 0;
139
+ }
140
+ </style>
28
141
  </head>
29
142
  <body>
30
- <div class="container">
31
- <h1>Not found <span>:(</span></h1>
32
- <p>Sorry, but the page you were trying to view does not exist.</p>
33
- <p>It looks like this was the result of either:</p>
34
- <ul>
35
- <li>a mistyped address</li>
36
- <li>an out-of-date link</li>
37
- </ul>
38
- <script>
39
- var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
40
- </script>
41
- <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
42
- </div>
143
+ <div class="container">
144
+ <h1>Not found <span>:(</span></h1>
145
+ <p>Sorry, but the page you were trying to view does not exist.</p>
146
+ <p>It looks like this was the result of either:</p>
147
+ <ul>
148
+ <li>a mistyped address</li>
149
+ <li>an out-of-date link</li>
150
+ </ul>
151
+ <script>
152
+ var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
153
+ </script>
154
+ <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
155
+ </div>
156
+ </body>
157
+ </html>
@@ -2,19 +2,16 @@
2
2
  <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
3
3
  <cross-domain-policy>
4
4
 
5
-
6
5
  <!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
7
6
 
8
7
  <!-- Most restrictive policy: -->
9
- <site-control permitted-cross-domain-policies="none"/>
10
-
11
-
8
+ <site-control permitted-cross-domain-policies="none"/>
12
9
 
13
10
  <!-- Least restrictive policy: -->
14
11
  <!--
15
- <site-control permitted-cross-domain-policies="all"/>
16
- <allow-access-from domain="*" to-ports="*" secure="false"/>
17
- <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
12
+ <site-control permitted-cross-domain-policies="all"/>
13
+ <allow-access-from domain="*" to-ports="*" secure="false"/>
14
+ <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
18
15
  -->
19
16
  <!--
20
17
  If you host a crossdomain.xml file with allow-access-from domain="*"
Binary file
@@ -1,3 +1,5 @@
1
+ # Read about how to use .gitignore: http://h5bp.com/ae
2
+
1
3
  # Numerous always-ignore extensions
2
4
  *.diff
3
5
  *.err
@@ -9,15 +11,16 @@
9
11
  *.vi
10
12
  *~
11
13
  *.sass-cache
14
+ *.livereload
12
15
 
13
16
  # OS or Editor folders
14
17
  .DS_Store
18
+ ._*
15
19
  Thumbs.db
16
20
  .cache
17
21
  .project
18
22
  .settings
19
23
  .tmproj
20
- *.esproj
21
24
  nbproject
22
25
  *.sublime-project
23
26
  *.sublime-workspace
@@ -30,6 +33,13 @@ dwsync.xml
30
33
  *.komodoproject
31
34
  .komodotools
32
35
 
36
+ # Espresso
37
+ *.esproj
38
+ *.espressostorage
39
+
40
+ # Rubinius
41
+ *.rbc
42
+
33
43
  # Folders to ignore
34
44
  .hg
35
45
  .svn
@@ -92,16 +92,18 @@
92
92
  # JavaScript
93
93
  # Normalize to standard type (it's sniffed in IE anyways)
94
94
  # tools.ietf.org/html/rfc4329#section-7.2
95
- AddType application/javascript js
95
+ AddType application/javascript js jsonp
96
+ AddType application/json json
96
97
 
97
98
  # Audio
98
99
  AddType audio/ogg oga ogg
99
- AddType audio/mp4 m4a
100
+ AddType audio/mp4 m4a f4a f4b
100
101
 
101
102
  # Video
102
103
  AddType video/ogg ogv
103
- AddType video/mp4 mp4 m4v
104
+ AddType video/mp4 mp4 m4v f4v f4p
104
105
  AddType video/webm webm
106
+ AddType video/x-flv flv
105
107
 
106
108
  # SVG
107
109
  # Required for svg webfonts on iPad
@@ -127,7 +129,8 @@ AddType application/x-xpinstall xpi
127
129
  AddType application/octet-stream safariextz
128
130
  AddType application/x-web-app-manifest+json webapp
129
131
  AddType text/x-vcard vcf
130
-
132
+ AddType application/x-shockwave-flash swf
133
+ AddType text/vtt vtt
131
134
 
132
135
 
133
136
  # ----------------------------------------------------------------------
@@ -210,8 +213,7 @@ AddType text/x-vcard vcf
210
213
  # ----------------------------------------------------------------------
211
214
 
212
215
  # These are pretty far-future expires headers.
213
- # They assume you control versioning with cachebusting query params like
214
- # <script src="application.js?20100608">
216
+ # They assume you control versioning with filename-based cache busting
215
217
  # Additionally, consider that outdated proxies may miscache
216
218
  # www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
217
219
 
@@ -245,7 +247,6 @@ AddType text/x-vcard vcf
245
247
  # Media: images, video, audio
246
248
  ExpiresByType image/gif "access plus 1 month"
247
249
  ExpiresByType image/png "access plus 1 month"
248
- ExpiresByType image/jpg "access plus 1 month"
249
250
  ExpiresByType image/jpeg "access plus 1 month"
250
251
  ExpiresByType video/ogg "access plus 1 month"
251
252
  ExpiresByType audio/ogg "access plus 1 month"
@@ -268,6 +269,17 @@ AddType text/x-vcard vcf
268
269
 
269
270
  </IfModule>
270
271
 
272
+ # ----------------------------------------------------------------------
273
+ # Prevent mobile network providers from modifying your site
274
+ # ----------------------------------------------------------------------
275
+
276
+ # The following header prevents modification of your code over 3G on some European providers
277
+ # This is the official 'bypass' suggested by O2 in the UK
278
+
279
+ # <IfModule mod_headers.c>
280
+ # Header set Cache-Control "no-transform"
281
+ # </IfModule>
282
+
271
283
 
272
284
 
273
285
  # ----------------------------------------------------------------------
@@ -301,6 +313,20 @@ FileETag None
301
313
 
302
314
 
303
315
 
316
+ # ----------------------------------------------------------------------
317
+ # Set Keep-Alive Header
318
+ # ----------------------------------------------------------------------
319
+
320
+ # Keep-Alive allows the server to send multiple requests through one TCP-connection.
321
+ # Be aware of possible disadvantages of this setting. Turn on if you serve a lot of
322
+ # static content.
323
+
324
+ # <IfModule mod_headers.c>
325
+ # Header set Connection Keep-Alive
326
+ # </IfModule>
327
+
328
+
329
+
304
330
  # ----------------------------------------------------------------------
305
331
  # Cookie setting from iframes
306
332
  # ----------------------------------------------------------------------
@@ -320,10 +346,14 @@ FileETag None
320
346
 
321
347
  # Turning on the rewrite engine is necessary for the following rules and features.
322
348
  # FollowSymLinks must be enabled for this to work.
349
+ #
350
+ # Some cloud hosting services require RewriteBase to be set: goo.gl/HOcPN
351
+ # If using the h5bp in a subdirectory, use `RewriteBase /foo` instead where 'foo' is your directory.
323
352
 
324
353
  <IfModule mod_rewrite.c>
325
354
  Options +FollowSymlinks
326
355
  RewriteEngine On
356
+ # RewriteBase /
327
357
  </IfModule>
328
358
 
329
359
 
@@ -420,6 +450,8 @@ Options -MultiViews
420
450
  # ----------------------------------------------------------------------
421
451
 
422
452
  # You can add custom pages to handle 500 or 403 pretty easily, if you like.
453
+ # If you are hosting your site in subdirectory, adjust this accordingly
454
+ # e.g. ErrorDocument 404 /subdir/404.html
423
455
  ErrorDocument 404 /404.html
424
456
 
425
457
 
@@ -432,7 +464,7 @@ ErrorDocument 404 /404.html
432
464
  AddDefaultCharset utf-8
433
465
 
434
466
  # Force UTF-8 for a number of file formats
435
- AddCharset utf-8 .css .js .xml .json .rss .atom
467
+ AddCharset utf-8 .atom .css .js .json .rss .vtt .xml
436
468
 
437
469
 
438
470
 
@@ -455,18 +487,18 @@ AddCharset utf-8 .css .js .xml .json .rss .atom
455
487
  </IfModule>
456
488
 
457
489
 
458
- # Block access to "hidden" directories whose names begin with a period. This
490
+ # Block access to "hidden" directories or files whose names begin with a period. This
459
491
  # includes directories used by version control systems such as Subversion or Git.
460
492
  <IfModule mod_rewrite.c>
461
- RewriteCond %{SCRIPT_FILENAME} -d
493
+ RewriteCond %{SCRIPT_FILENAME} -d [OR]
462
494
  RewriteCond %{SCRIPT_FILENAME} -f
463
495
  RewriteRule "(^|/)\." - [F]
464
496
  </IfModule>
465
497
 
466
498
 
467
499
  # Block access to backup and source files
468
- # This files may be left by some text/html editors and
469
- # pose a great security danger, when someone can access them
500
+ # These files may be left by some text/html editors and
501
+ # pose a great security danger, when anyone can access them
470
502
  <FilesMatch "(\.(bak|config|sql|fla|psd|ini|log|sh|inc|swp|dist)|~)$">
471
503
  Order allow,deny
472
504
  Deny from all
@@ -479,7 +511,7 @@ AddCharset utf-8 .css .js .xml .json .rss .atom
479
511
  # This closes a major security hole that is abused by most XSS (cross-site
480
512
  # scripting) attacks. For more information: http://php.net/register_globals
481
513
  #
482
- # IF REGISTER_GLOBALS DIRECTIVE CAUSES 500 INTERNAL SERVER ERRORS :
514
+ # IF REGISTER_GLOBALS DIRECTIVE CAUSES 500 INTERNAL SERVER ERRORS:
483
515
  #
484
516
  # Your server does not allow PHP directives to be set via .htaccess. In that
485
517
  # case you must make this change in your php.ini file instead. If you are
@@ -494,6 +526,9 @@ AddCharset utf-8 .css .js .xml .json .rss .atom
494
526
  # Rename session cookie to something else, than PHPSESSID
495
527
  # php_value session.name sid
496
528
 
529
+ # Disable magic quotes (This feature has been DEPRECATED as of PHP 5.3.0 and REMOVED as of PHP 5.4.0.)
530
+ # php_flag magic_quotes_gpc Off
531
+
497
532
  # Do not show you are using PHP
498
533
  # Note: Move this line to php.ini since it won't work in .htaccess
499
534
  # php_flag expose_php Off