survivalkit 1.0.beta.8 → 1.0.beta.9
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +3 -0
- data/README.markdown +2 -2
- data/lib/survivalkit.rb +3 -2
- data/stylesheets/survivalkit/fonts/_font-awesome.scss +355 -0
- data/stylesheets/survivalkit/fonts/_league-gothic.scss +46 -0
- data/stylesheets/survivalkit/fonts/_ostrich-sans.scss +69 -0
- data/stylesheets/survivalkit/mixins/_ui.scss +22 -12
- data/stylesheets/survivalkit/survival-kit/_survival-kit.sass +157 -0
- data/templates/clean/manifest.rb +94 -0
- data/templates/drupal/script.js +2 -17
- data/templates/project/libs/jquery-1.8.2.min.js +2 -0
- data/templates/project/libs/modernizr-2.6.2.min.js +815 -0
- data/templates/project/manifest.rb +46 -27
- data/templates/project/script.js +2 -17
- data/templates/project/sources/FitText/README.md +52 -0
- data/templates/project/sources/FitText/example.html +60 -0
- data/templates/project/sources/FitText/jquery.fittext.js +43 -0
- data/templates/shared/fonts/font-awesome/fontawesome-webfont.eot +0 -0
- data/templates/shared/fonts/font-awesome/fontawesome-webfont.svg +255 -0
- data/templates/shared/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
- data/templates/shared/fonts/font-awesome/fontawesome-webfont.woff +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.eot +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.svg +224 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.ttf +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.woff +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.eot +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.svg +224 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.ttf +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.woff +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.eot +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.svg +224 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.ttf +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.woff +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.eot +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.svg +223 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.ttf +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-black-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-black-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-black-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-black-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-bold-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-bold-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-bold-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-bold-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-dashed-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-dashed-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-dashed-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-dashed-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-light-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-light-webfont.svg +140 -0
- data/templates/shared/fonts/ostrich/ostrich-light-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-light-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-regular-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-regular-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-regular-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-regular-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-rounded-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-rounded-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-rounded-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-rounded-webfont.woff +0 -0
- data/templates/shared/partials/01-variables/_colors.scss +1 -1
- data/templates/shared/partials/01-variables/_fonts.scss +10 -0
- data/templates/shared/partials/06-ui-patterns/_drupal-patterns.scss +4 -5
- data/templates/shared/partials/07-styletile/_tile-design.scss +2 -2
- data/templates/shared/style.scss +2 -1
- metadata +73 -187
- data/stylesheets/survivalkit/survival_kit/_survival-kit.scss +0 -145
- data/templates/drupal/libs/320-up/helper.js +0 -146
- data/templates/drupal/libs/320-up/imgSizer.js +0 -61
- data/templates/drupal/libs/dd_belatedpng.js +0 -13
- data/templates/drupal/libs/formalize/README.txt +0 -11
- data/templates/drupal/libs/formalize/dojo.formalize.js +0 -174
- data/templates/drupal/libs/formalize/extjs.formalize.js +0 -168
- data/templates/drupal/libs/formalize/jquery.formalize.js +0 -158
- data/templates/drupal/libs/formalize/mootools.formalize.js +0 -163
- data/templates/drupal/libs/formalize/prototype.formalize.js +0 -171
- data/templates/drupal/libs/formalize/yui.formalize.js +0 -168
- data/templates/drupal/libs/jquery-1.6.js +0 -8865
- data/templates/drupal/libs/jquery-1.6.min.js +0 -16
- data/templates/drupal/libs/modernizr-2.0.min.js +0 -4
- data/templates/drupal/libs/mootools-core-1.3.1-full-compat-yc.js +0 -485
- data/templates/drupal/libs/plugins.js +0 -58
- data/templates/drupal/libs/respond.min.js +0 -7
- data/templates/drupal/libs/selectivizr-min.js +0 -5
- data/templates/drupal/libs/selectivizr.js +0 -5
- data/templates/project/files/apple-touch-icon-114x114-precomposed.png +0 -0
- data/templates/project/files/apple-touch-icon-72x72-precomposed.png +0 -0
- data/templates/project/files/apple-touch-icon.png +0 -0
- data/templates/project/files/crossdomain.xml +0 -25
- data/templates/project/files/favicon.ico +0 -0
- data/templates/project/files/favicon.png +0 -0
- data/templates/project/files/google.yml +0 -22
- data/templates/project/files/htaccess.htaccess +0 -478
- data/templates/project/files/html/404.html +0 -22
- data/templates/project/files/html/formalize_jquery_demo.html +0 -288
- data/templates/project/files/html/formalize_jquery_disabled.html +0 -288
- data/templates/project/files/html/formalize_jquery_errors.html +0 -288
- data/templates/project/files/html/index.html +0 -100
- data/templates/project/files/html/survivalkit/elements-common.html +0 -588
- data/templates/project/files/html/survivalkit/elements-html5.html +0 -2988
- data/templates/project/files/html/survivalkit/elements-typography.html +0 -240
- data/templates/project/files/html/survivalkit/elements-ui-patterns-drupal-css.html +0 -1883
- data/templates/project/files/html/survivalkit/elements-ui-patterns-drupal.html +0 -1882
- data/templates/project/files/html/survivalkit/elements-ui-patterns.html +0 -267
- data/templates/project/files/html/survivalkit/index.html +0 -132
- data/templates/project/files/html/survivalkit/styletile/index.html +0 -1
- data/templates/project/files/html/survivalkit/styletile/styletile.html +0 -215
- data/templates/project/files/humans.txt +0 -43
- data/templates/project/files/robots.txt +0 -5
- data/templates/project/libs/320-up/helper.js +0 -146
- data/templates/project/libs/320-up/imgSizer.js +0 -61
- data/templates/project/libs/jquery-1.6.js +0 -8865
- data/templates/project/libs/jquery-1.6.min.js +0 -16
- data/templates/project/libs/modernizr-2.0.min.js +0 -4
- data/templates/project/libs/plugins.js +0 -58
- data/templates/project/libs/selectivizr.js +0 -5
- data/templates/project/templates/_flashes.html.haml +0 -4
- data/templates/project/templates/_footer.html.haml +0 -2
- data/templates/project/templates/_head.html.haml +0 -26
- data/templates/project/templates/_header.html.haml +0 -1
- data/templates/project/templates/_javascripts.html.haml +0 -27
- data/templates/project/templates/_stylesheets.html.haml +0 -5
- data/templates/project/templates/application.html.haml +0 -28
- data/templates/project/templates/old/_layout.haml +0 -1
- data/templates/project/templates/old/home.html.haml +0 -14
- data/templates/project/templates/old/layouts/default.haml +0 -62
- data/templates/project/templates/old/layouts/survivalkit/default.haml +0 -64
- data/templates/project/templates/old/layouts/survivalkit/styletile.haml +0 -64
- data/templates/project/templates/old/survivalkit/_layout.haml +0 -1
- data/templates/project/templates/old/survivalkit/elements-common.haml +0 -33
- data/templates/project/templates/old/survivalkit/elements-html5.haml +0 -71
- data/templates/project/templates/old/survivalkit/elements-typography.haml +0 -100
- data/templates/project/templates/old/survivalkit/elements-ui-patterns-drupal.haml +0 -38
- data/templates/project/templates/old/survivalkit/elements-ui-patterns.haml +0 -23
- data/templates/project/templates/old/survivalkit/index.haml +0 -2
- data/templates/project/templates/old/survivalkit/partials/common/abbr.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/acronym.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/characters.haml +0 -11
- data/templates/project/templates/old/survivalkit/partials/common/cite.haml +0 -12
- data/templates/project/templates/old/survivalkit/partials/common/code.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/dfn.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/em.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/common/forms.haml +0 -27
- data/templates/project/templates/old/survivalkit/partials/common/headers.haml +0 -23
- data/templates/project/templates/old/survivalkit/partials/common/inline-images.haml +0 -9
- data/templates/project/templates/old/survivalkit/partials/common/kbd.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/common/links.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/common/lists.haml +0 -55
- data/templates/project/templates/old/survivalkit/partials/common/others.haml +0 -35
- data/templates/project/templates/old/survivalkit/partials/common/paragraphs.haml +0 -15
- data/templates/project/templates/old/survivalkit/partials/common/pre.haml +0 -27
- data/templates/project/templates/old/survivalkit/partials/common/q.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/samp.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/strong.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/tables.haml +0 -43
- data/templates/project/templates/old/survivalkit/partials/common/var.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/header-styletile.haml +0 -9
- data/templates/project/templates/old/survivalkit/partials/header.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/html5/a.haml +0 -36
- data/templates/project/templates/old/survivalkit/partials/html5/abbr.haml +0 -26
- data/templates/project/templates/old/survivalkit/partials/html5/address.haml +0 -27
- data/templates/project/templates/old/survivalkit/partials/html5/all-headings.haml +0 -31
- data/templates/project/templates/old/survivalkit/partials/html5/article.haml +0 -22
- data/templates/project/templates/old/survivalkit/partials/html5/aside.haml +0 -20
- data/templates/project/templates/old/survivalkit/partials/html5/b.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/html5/bdi.haml +0 -30
- data/templates/project/templates/old/survivalkit/partials/html5/blockquote.haml +0 -32
- data/templates/project/templates/old/survivalkit/partials/html5/cite.haml +0 -46
- data/templates/project/templates/old/survivalkit/partials/html5/code.haml +0 -70
- data/templates/project/templates/old/survivalkit/partials/html5/details.haml +0 -42
- data/templates/project/templates/old/survivalkit/partials/html5/dfn.haml +0 -52
- data/templates/project/templates/old/survivalkit/partials/html5/dl.haml +0 -69
- data/templates/project/templates/old/survivalkit/partials/html5/em.haml +0 -15
- data/templates/project/templates/old/survivalkit/partials/html5/fieldset.haml +0 -49
- data/templates/project/templates/old/survivalkit/partials/html5/figure.haml +0 -48
- data/templates/project/templates/old/survivalkit/partials/html5/footer.haml +0 -37
- data/templates/project/templates/old/survivalkit/partials/html5/header.haml +0 -44
- data/templates/project/templates/old/survivalkit/partials/html5/hgroup.haml +0 -20
- data/templates/project/templates/old/survivalkit/partials/html5/hr.haml +0 -52
- data/templates/project/templates/old/survivalkit/partials/html5/i.haml +0 -28
- data/templates/project/templates/old/survivalkit/partials/html5/kbd.haml +0 -19
- data/templates/project/templates/old/survivalkit/partials/html5/label.haml +0 -18
- data/templates/project/templates/old/survivalkit/partials/html5/li.haml +0 -91
- data/templates/project/templates/old/survivalkit/partials/html5/mark.haml +0 -30
- data/templates/project/templates/old/survivalkit/partials/html5/menu.haml +0 -39
- data/templates/project/templates/old/survivalkit/partials/html5/nav.haml +0 -68
- data/templates/project/templates/old/survivalkit/partials/html5/ol.haml +0 -23
- data/templates/project/templates/old/survivalkit/partials/html5/p.haml +0 -41
- data/templates/project/templates/old/survivalkit/partials/html5/pre.haml +0 -48
- data/templates/project/templates/old/survivalkit/partials/html5/q.haml +0 -34
- data/templates/project/templates/old/survivalkit/partials/html5/ruby.haml +0 -55
- data/templates/project/templates/old/survivalkit/partials/html5/s.haml +0 -17
- data/templates/project/templates/old/survivalkit/partials/html5/samp.haml +0 -27
- data/templates/project/templates/old/survivalkit/partials/html5/sample-forms.haml +0 -52
- data/templates/project/templates/old/survivalkit/partials/html5/sample-tables.haml +0 -152
- data/templates/project/templates/old/survivalkit/partials/html5/section.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/html5/small.haml +0 -33
- data/templates/project/templates/old/survivalkit/partials/html5/strong.haml +0 -25
- data/templates/project/templates/old/survivalkit/partials/html5/sub-sup.haml +0 -58
- data/templates/project/templates/old/survivalkit/partials/html5/table.haml +0 -196
- data/templates/project/templates/old/survivalkit/partials/html5/text-summary.haml +0 -305
- data/templates/project/templates/old/survivalkit/partials/html5/thead.haml +0 -67
- data/templates/project/templates/old/survivalkit/partials/html5/time.haml +0 -31
- data/templates/project/templates/old/survivalkit/partials/html5/ul.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/menu.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/block.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/breadcrumbs.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/comments.haml +0 -69
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/field-image.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-comment.haml +0 -54
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-login.haml +0 -23
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-new-account.haml +0 -24
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-new-password.haml +0 -16
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/links.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/menu.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/messages.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/node.haml +0 -28
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/pager.haml +0 -17
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/rss-link.haml +0 -5
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/search.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/site-name.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/tabs.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/taxonomy.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/patterns-general/block.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-general/breadcrumbs.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-general/comments.haml +0 -69
- data/templates/project/templates/old/survivalkit/partials/patterns-general/field-image.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-general/form-comment.haml +0 -54
- data/templates/project/templates/old/survivalkit/partials/patterns-general/form-login.haml +0 -23
- data/templates/project/templates/old/survivalkit/partials/patterns-general/form-new-account.haml +0 -24
- data/templates/project/templates/old/survivalkit/partials/patterns-general/form-new-password.haml +0 -16
- data/templates/project/templates/old/survivalkit/partials/patterns-general/links.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/patterns-general/menu.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/patterns-general/messages.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/patterns-general/node.haml +0 -28
- data/templates/project/templates/old/survivalkit/partials/patterns-general/pager.haml +0 -17
- data/templates/project/templates/old/survivalkit/partials/patterns-general/rss-link.haml +0 -5
- data/templates/project/templates/old/survivalkit/partials/patterns-general/search.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-general/site-name.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/patterns-general/tabs.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-general/taxonomy.haml +0 -10
- data/templates/project/templates/old/survivalkit/styletile/_layout.haml +0 -1
- data/templates/project/templates/old/survivalkit/styletile/index.redirect +0 -1
- data/templates/project/templates/old/survivalkit/styletile/styletile.haml +0 -60
- data/templates/project/templates/old/view_helpers.rb +0 -25
- data/templates/shared/survivalkit/drupal7.scss +0 -3224
- data/templates/shared/survivalkit/survivalkit.scss +0 -32
@@ -1,64 +0,0 @@
|
|
1
|
-
!!! 5
|
2
|
-
-# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
|
3
|
-
<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
|
4
|
-
<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
|
5
|
-
<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
|
6
|
-
<!--[if gt IE 8]><!-->
|
7
|
-
%html.no-js{ :lang => "en" }
|
8
|
-
<!--<![endif]-->
|
9
|
-
%head
|
10
|
-
%meta{ :charset => "utf-8" }/
|
11
|
-
|
12
|
-
-# Always force latest IE rendering engine (even in intranet) & Chrome Frame
|
13
|
-
-# Remove this if you use the .htaccess
|
14
|
-
%meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }/
|
15
|
-
|
16
|
-
%title= @title
|
17
|
-
|
18
|
-
-# Mobile viewport optimized: j.mp/bplateviewport
|
19
|
-
%meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }/
|
20
|
-
|
21
|
-
-# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
|
22
|
-
%link{:href => "favicon.ico", :rel => "shortcut icon", :type => "image/x-icon"}/
|
23
|
-
|
24
|
-
-# CSS: implied media="all"
|
25
|
-
/ %link{ :href => "css/style.css?v=1", :media => "all", :rel => "stylesheet" }/
|
26
|
-
= stylesheet_link_tag("/stylesheets/style.css")
|
27
|
-
|
28
|
-
-# All JavaScript at the bottom, except for Modernizr and Respond.
|
29
|
-
-# Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
|
30
|
-
%script{ :src => "js/modernizr.min.js" }
|
31
|
-
%script{ :src => "js/respond.min.js" }
|
32
|
-
|
33
|
-
/ Typekit
|
34
|
-
%script{:src => "http://use.typekit.com/uqq2xok.js", :type => "text/javascript"}
|
35
|
-
:javascript
|
36
|
-
try{Typekit.load();}catch(e){}
|
37
|
-
|
38
|
-
%body.survival-kit
|
39
|
-
#page
|
40
|
-
= render :template => "/survivalkit/partials/header.haml"
|
41
|
-
= render :template => "/survivalkit/partials/menu.haml"
|
42
|
-
#main{:role => "main"}
|
43
|
-
= yield
|
44
|
-
|
45
|
-
%footer= @footer
|
46
|
-
|
47
|
-
-#
|
48
|
-
Javascript at the bottom for fast page loading
|
49
|
-
Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
|
50
|
-
%script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js" }
|
51
|
-
:javascript
|
52
|
-
window.jQuery || document.write("<script src='js/jquery.min.js'>\x3C/script>")
|
53
|
-
|
54
|
-
%script{ :src => "js/plugins.js?v=1" }
|
55
|
-
%script{ :src => "js/script.js?v=1" }
|
56
|
-
|
57
|
-
-# asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
|
58
|
-
-# change the UA-XXXXX-X to be your site's ID
|
59
|
-
:javascript
|
60
|
-
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
|
61
|
-
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
62
|
-
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
|
63
|
-
s.parentNode.insertBefore(g,s)}(document,"script"));
|
64
|
-
|
@@ -1,64 +0,0 @@
|
|
1
|
-
!!! 5
|
2
|
-
-# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
|
3
|
-
<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
|
4
|
-
<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
|
5
|
-
<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
|
6
|
-
<!--[if gt IE 8]><!-->
|
7
|
-
%html.no-js{ :lang => "en" }
|
8
|
-
<!--<![endif]-->
|
9
|
-
%head
|
10
|
-
%meta{ :charset => "utf-8" }/
|
11
|
-
|
12
|
-
-# Always force latest IE rendering engine (even in intranet) & Chrome Frame
|
13
|
-
-# Remove this if you use the .htaccess
|
14
|
-
%meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }/
|
15
|
-
|
16
|
-
%title= @title
|
17
|
-
|
18
|
-
-# Mobile viewport optimized: j.mp/bplateviewport
|
19
|
-
%meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }/
|
20
|
-
|
21
|
-
-# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
|
22
|
-
%link{:href => "favicon.ico", :rel => "shortcut icon", :type => "image/x-icon"}/
|
23
|
-
|
24
|
-
-# CSS: implied media="all"
|
25
|
-
/ %link{ :href => "css/style.css?v=1", :media => "all", :rel => "stylesheet" }/
|
26
|
-
= stylesheet_link_tag("/stylesheets/tile.css")
|
27
|
-
|
28
|
-
-# All JavaScript at the bottom, except for Modernizr and Respond.
|
29
|
-
-# Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
|
30
|
-
%script{ :src => "js/modernizr.min.js" }
|
31
|
-
%script{ :src => "js/respond.min.js" }
|
32
|
-
|
33
|
-
/ Typekit
|
34
|
-
%script{:src => "http://use.typekit.com/uqq2xok.js", :type => "text/javascript"}
|
35
|
-
:javascript
|
36
|
-
try{Typekit.load();}catch(e){}
|
37
|
-
|
38
|
-
%body.survival-kit
|
39
|
-
#page
|
40
|
-
= render :template => "/survivalkit/partials/header-styletile.haml"
|
41
|
-
= render :template => "/survivalkit/partials/menu.haml"
|
42
|
-
#main{:role => "main"}
|
43
|
-
= yield
|
44
|
-
|
45
|
-
%footer= @footer
|
46
|
-
|
47
|
-
-#
|
48
|
-
Javascript at the bottom for fast page loading
|
49
|
-
Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
|
50
|
-
%script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js" }
|
51
|
-
:javascript
|
52
|
-
window.jQuery || document.write("<script src='js/jquery.min.js'>\x3C/script>")
|
53
|
-
|
54
|
-
%script{ :src => "js/plugins.js?v=1" }
|
55
|
-
%script{ :src => "js/script.js?v=1" }
|
56
|
-
|
57
|
-
-# asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
|
58
|
-
-# change the UA-XXXXX-X to be your site's ID
|
59
|
-
:javascript
|
60
|
-
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
|
61
|
-
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
62
|
-
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
|
63
|
-
s.parentNode.insertBefore(g,s)}(document,"script"));
|
64
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
= render :template => "/layouts/survivalkit/default.haml"
|
@@ -1,33 +0,0 @@
|
|
1
|
-
- @title = "Common Markup"
|
2
|
-
|
3
|
-
/ Common HTML Elements
|
4
|
-
%section#common.element-group
|
5
|
-
%h1.section-title Common Elements
|
6
|
-
= render :template => "/survivalkit/partials/common/headers.haml"
|
7
|
-
= render :template => "/survivalkit/partials/common/characters.haml"
|
8
|
-
= render :template => "/survivalkit/partials/common/paragraphs.haml"
|
9
|
-
= render :template => "/survivalkit/partials/common/links.haml"
|
10
|
-
= render :template => "/survivalkit/partials/common/lists.haml"
|
11
|
-
= render :template => "/survivalkit/partials/common/pre.haml"
|
12
|
-
/ Phrase-level HTML Elements
|
13
|
-
%section#phrase-elements.element-group
|
14
|
-
%h1.section-title Phrase Elements
|
15
|
-
= render :template => "/survivalkit/partials/common/em.haml"
|
16
|
-
= render :template => "/survivalkit/partials/common/strong.haml"
|
17
|
-
= render :template => "/survivalkit/partials/common/cite.haml"
|
18
|
-
= render :template => "/survivalkit/partials/common/dfn.haml"
|
19
|
-
= render :template => "/survivalkit/partials/common/code.haml"
|
20
|
-
= render :template => "/survivalkit/partials/common/samp.haml"
|
21
|
-
= render :template => "/survivalkit/partials/common/kbd.haml"
|
22
|
-
= render :template => "/survivalkit/partials/common/var.haml"
|
23
|
-
= render :template => "/survivalkit/partials/common/abbr.haml"
|
24
|
-
= render :template => "/survivalkit/partials/common/acronym.haml"
|
25
|
-
= render :template => "/survivalkit/partials/common/q.haml"
|
26
|
-
= render :template => "/survivalkit/partials/common/others.haml"
|
27
|
-
/ Simple markup Patterns
|
28
|
-
%section#simple-patterns.element-group
|
29
|
-
%h1.section-title Common Patterns
|
30
|
-
= render :template => "/survivalkit/partials/common/inline-images.haml"
|
31
|
-
= render :template => "/survivalkit/partials/common/tables.haml"
|
32
|
-
= render :template => "/survivalkit/partials/common/forms.haml"
|
33
|
-
|
@@ -1,71 +0,0 @@
|
|
1
|
-
- @title = "HTML5 Elements"
|
2
|
-
- @headertext = "Based on examples from <a href='http://developers.whatwg.org/'>developers.whatwg.org</a>"
|
3
|
-
|
4
|
-
%section#sections.element-group
|
5
|
-
%h1.section-title
|
6
|
-
%a{:href => "http://developers.whatwg.org/sections.html"} Sections
|
7
|
-
= render :template => "/survivalkit/partials/html5/section.haml"
|
8
|
-
= render :template => "/survivalkit/partials/html5/nav.haml"
|
9
|
-
= render :template => "/survivalkit/partials/html5/article.haml"
|
10
|
-
= render :template => "/survivalkit/partials/html5/aside.haml"
|
11
|
-
= render :template => "/survivalkit/partials/html5/all-headings.haml"
|
12
|
-
= render :template => "/survivalkit/partials/html5/hgroup.haml"
|
13
|
-
= render :template => "/survivalkit/partials/html5/header.haml"
|
14
|
-
= render :template => "/survivalkit/partials/html5/footer.haml"
|
15
|
-
= render :template => "/survivalkit/partials/html5/address.haml"
|
16
|
-
%section#grouping.element-group
|
17
|
-
%h1.section-title
|
18
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html"} Grouping
|
19
|
-
= render :template => "/survivalkit/partials/html5/p.haml"
|
20
|
-
= render :template => "/survivalkit/partials/html5/hr.haml"
|
21
|
-
= render :template => "/survivalkit/partials/html5/pre.haml"
|
22
|
-
= render :template => "/survivalkit/partials/html5/blockquote.haml"
|
23
|
-
= render :template => "/survivalkit/partials/html5/ol.haml"
|
24
|
-
= render :template => "/survivalkit/partials/html5/ul.haml"
|
25
|
-
= render :template => "/survivalkit/partials/html5/li.haml"
|
26
|
-
= render :template => "/survivalkit/partials/html5/dl.haml"
|
27
|
-
= render :template => "/survivalkit/partials/html5/figure.haml"
|
28
|
-
%section#text.element-group
|
29
|
-
%h1.section-title Text-level semantics
|
30
|
-
= render :template => "/survivalkit/partials/html5/a.haml"
|
31
|
-
= render :template => "/survivalkit/partials/html5/em.haml"
|
32
|
-
= render :template => "/survivalkit/partials/html5/strong.haml"
|
33
|
-
= render :template => "/survivalkit/partials/html5/small.haml"
|
34
|
-
= render :template => "/survivalkit/partials/html5/s.haml"
|
35
|
-
= render :template => "/survivalkit/partials/html5/cite.haml"
|
36
|
-
= render :template => "/survivalkit/partials/html5/q.haml"
|
37
|
-
= render :template => "/survivalkit/partials/html5/dfn.haml"
|
38
|
-
= render :template => "/survivalkit/partials/html5/abbr.haml"
|
39
|
-
= render :template => "/survivalkit/partials/html5/time.haml"
|
40
|
-
= render :template => "/survivalkit/partials/html5/code.haml"
|
41
|
-
= render :template => "/survivalkit/partials/html5/samp.haml"
|
42
|
-
= render :template => "/survivalkit/partials/html5/kbd.haml"
|
43
|
-
= render :template => "/survivalkit/partials/html5/sub-sup.haml"
|
44
|
-
= render :template => "/survivalkit/partials/html5/i.haml"
|
45
|
-
= render :template => "/survivalkit/partials/html5/b.haml"
|
46
|
-
= render :template => "/survivalkit/partials/html5/mark.haml"
|
47
|
-
= render :template => "/survivalkit/partials/html5/ruby.haml"
|
48
|
-
= render :template => "/survivalkit/partials/html5/bdi.haml"
|
49
|
-
= render :template => "/survivalkit/partials/html5/text-summary.haml"
|
50
|
-
|
51
|
-
%section#tabular.element-group
|
52
|
-
%h1.section-title
|
53
|
-
%a{:href => "http://developers.whatwg.org/tabular-data.html"} Tabular Data
|
54
|
-
= render :template => "/survivalkit/partials/html5/table.haml"
|
55
|
-
= render :template => "/survivalkit/partials/html5/thead.haml"
|
56
|
-
= render :template => "/survivalkit/partials/html5/sample-tables.haml"
|
57
|
-
|
58
|
-
%section#forms.element-group
|
59
|
-
%h1.section-title
|
60
|
-
%a{:href => "http://developers.whatwg.org/forms.html"} Forms
|
61
|
-
= render :template => "/survivalkit/partials/html5/sample-forms.haml"
|
62
|
-
= render :template => "/survivalkit/partials/html5/fieldset.haml"
|
63
|
-
= render :template => "/survivalkit/partials/html5/label.haml"
|
64
|
-
|
65
|
-
%section#interactive.element-group
|
66
|
-
%h1.section-title
|
67
|
-
%a{:href => "http://developers.whatwg.org/interactive-elements.html"} Interactive
|
68
|
-
= render :template => "/survivalkit/partials/html5/details.haml"
|
69
|
-
= render :template => "/survivalkit/partials/html5/menu.haml"
|
70
|
-
|
71
|
-
|
@@ -1,100 +0,0 @@
|
|
1
|
-
- @title = "Typography"
|
2
|
-
- @headertext = "(via <a href='#credit'>Type-a-File</a>)"
|
3
|
-
- @footer = "<div id='credit'>This markup is from the <a href='http://type-a-file.com'>Type-a-File</a> project. <div class='commons'>Type-a-file is a <a href='http://www.strangenative.com' target='_blank'>StrangeNative</a> product licensed under <a class='cc' href='http://www.creativecommons.com'> creative commons.</a> You're free to use it commercially or non-commercially. Just keep that credit line in there!</div></div>"
|
4
|
-
|
5
|
-
%article
|
6
|
-
%h1
|
7
|
-
%span.kern> T
|
8
|
-
ype-a-file Gives Your Web
|
9
|
-
= succeed "ypography" do
|
10
|
-
%span.kern T
|
11
|
-
a Head Start
|
12
|
-
.kicker
|
13
|
-
%p Below you’ll find some text marked up with the core elements of Type-a-file. View the source code to find out how to use them on your own site. This element, for example is called a “kicker.” It’s paragraph text that introduces the rest of the text. It’s useful for outlining your topic & looks killer. Just create a div with class=“kicker” and throw some paragraphs into it. Blammo!
|
14
|
-
%h2 The Typographic Basics
|
15
|
-
%img{:alt => "placeholder image", :src => "http://dummyimage.com/480x248/ccc/fff"}/
|
16
|
-
.caption You’ll often want to caption photos. This is a .caption class
|
17
|
-
%p
|
18
|
-
%span.drop-cap> P
|
19
|
-
aragraphs are the core building block of typography online. You want to make sure you’ve got a good line-height and horizontal width—aka measure—for good readability. If you stack your lines too close together, or too far apart, lines become harder to read. Like a staircase where the steps are too shallow or too steep. The standard line-height online is something between 1.5 and 2.0 ems.
|
20
|
-
%a.superscript{:href => "#ems"} 1
|
21
|
-
If your lines stretch too far across the page reading can feel like a tedious marathon. The standard single-column width online is about 70-90 characters.
|
22
|
-
%aside.sidenote
|
23
|
-
%h1 This is a “sidenote”
|
24
|
-
%p
|
25
|
-
It’s different than a sidebar because its content are directly related to the main content at left. When
|
26
|
-
%abbr html5
|
27
|
-
is more prevalent, you’ll be able to start using
|
28
|
-
%code <aside>
|
29
|
-
instead of a div with a class of .sidebar.
|
30
|
-
%p I’ve set it up here as a div which contains h1s for titles, as well as paragraphs.
|
31
|
-
%p If you look at the source code you’ll notice how the .sidenote to the right was written before this paragraph, which it is supposed to directly relate to. You’ll probably want to set up your asides in the same manner.
|
32
|
-
%p
|
33
|
-
These are the simple beginnings of Type-a-file. We’ve put in a lot of work to make good typography easier for you. Colors & structure we leave to you, but typographically, we got you covered. Download the file and follow the instructions for installing and setting it up. Now we’ll get into some of the
|
34
|
-
%em fancier
|
35
|
-
elements we’ve built into Type-a-file.
|
36
|
-
%h2 Puttin’ on the Ritz
|
37
|
-
%p
|
38
|
-
%span.run-in Sometimes you want an opening phrase to pop.
|
39
|
-
You could just put it in bold tags, but wouldn’t you rather use semantic markup?
|
40
|
-
%a.superscript{:href => "#semantics"} 2
|
41
|
-
We’ve created a class called .run-in so that you can! Best practices claim you’ll usually want to keep those run-ins to one line.
|
42
|
-
%aside.sidenote
|
43
|
-
%h1 Another sidenote.
|
44
|
-
%p I thought it might be interesting to show you that you can put lists into sidenotes:
|
45
|
-
%ul
|
46
|
-
%li Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
47
|
-
%li Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam
|
48
|
-
%p
|
49
|
-
Typically you want a nice, steady vertical rhythm to your page. Of course, some folks don’t
|
50
|
-
= succeed "think" do
|
51
|
-
%span.pullquote Speaking of intelligently deviating…
|
52
|
-
that it’s actually necessary on the web to stick to a baseline grid, but it can be a great guide from which you can intelligently deviate. Speaking of intelligently deviating, there are some key elements that make great deviations from the monotony of paragraphs: the “quotes.” These include blockquotes and a special Type-a-file class named “pullquote.” The latter is above, the former below:
|
53
|
-
%blockquote
|
54
|
-
%p Headings, subheads, block quotations, footnotes, illustrations, captions and other intrusions into the text create syncopations and variations against the base rhythm of regularly leaded lines. These variations can and should add life to the page, but the main text should also return after each variation precisely on beat and in phase.
|
55
|
-
%cite Robert Bringhurst
|
56
|
-
%h2 Delineate, Demonstrate, Define
|
57
|
-
%p This Type-a-file would of course be incomplete without specifications for lists, codes & definitions. It’s fairly common to indent both blockquotes and list elements, but seriously consider left aligning your text for these items and outdenting their bullets & other visual demarcations. It can present a cleaner appearance while also drawing focused attention to information points.
|
58
|
-
%ol
|
59
|
-
%li This is a list that is well ordered.
|
60
|
-
%li It starts with one and goes to two.
|
61
|
-
%li Then it has a third item.
|
62
|
-
%li Followed by the fourth, and—in this case—last item.
|
63
|
-
%ul
|
64
|
-
%li Un-ordered lists are just as simple.
|
65
|
-
%li The only difference being that the items are marks by bullets instead of numbers.
|
66
|
-
%li Don’t forget that lists can have list titles.
|
67
|
-
%li Finally we’ve reached the last un-ordered item.
|
68
|
-
%p
|
69
|
-
If you’re a blogger geek, sooner or later you’ll want to tell everybody about some ripping
|
70
|
-
%abbr css
|
71
|
-
coding you concocted by posting it on your blog-o-tubes. So we’ve got you covered.
|
72
|
-
%pre
|
73
|
-
%code
|
74
|
-
:preserve
|
75
|
-
#header h1 a {
|
76
|
-
display: block;
|
77
|
-
width: 300px;
|
78
|
-
height: 80px;
|
79
|
-
} %p Then, since you’re an uber-geek-dufus-man-child who’s fascinated by proving to the world you have sooooo much knowledge to share, you’ll probably want to post some definitions or definition-like information where a title element is closely linked with a description of some kind. We got ya.
|
80
|
-
%dl
|
81
|
-
%dt Type-a-file
|
82
|
-
%dd A really awesome way to get your site up to typographic snuff. It uses traditional semantic HTML tags along with some additional semantic classes named after commonly occurring elements in print design to create a solid typographic toolkit for your website, whoever you are.
|
83
|
-
%dt CSS
|
84
|
-
%dd CSS stands for Cascading Style Sheet. This is a document format which provides a set of style rules which can then be incorporated in an XHTML or HTML document. It is a means to separate web content from formatting and presentation information. CSS is also a Brazilian rock band from São Paulo. The band was labeled as part of the explosion of the New Rave scene. Their songs are in both English and Portuguese. CSS is an abbreviation for Cansei de Ser Sexy , literally “tired of being sexy” in Portuguese.
|
85
|
-
%p
|
86
|
-
You see how that works? You need something done typographically, Type-a-file does it. That simple. Now what are you waiting for? Find a flavor that suits your mood and go to town. Download the zip file. All the directions and files you’ll need will be squished inside. Oh, and when you’ve become a master
|
87
|
-
= succeed "er" do
|
88
|
-
%abbr css
|
89
|
-
and start making your own flavors of Type-a-file, come back and share them with the Type-a-file community!
|
90
|
-
%small
|
91
|
-
This is just a
|
92
|
-
%code small
|
93
|
-
element. It’s really useful when you want to add a small note or bit of text to something that’s perhaps less important or a clarification of something. Another option in an arsenal of options.
|
94
|
-
%ol.footnote
|
95
|
-
%li#ems
|
96
|
-
%span.run-in All about ems:
|
97
|
-
An em is a unit of measurement in the field of typography. This unit defines the proportion of the letter width and height with respect to the point size of the current font. Originally the unit was derived from the width of the capital “M” in the currently used typeface. This unit is not defined in terms of any specific typeface, and thus is the same for all fonts at a given point size. So, 1 em in a 16 point typeface is 16 points
|
98
|
-
%li#semantics
|
99
|
-
%span.run-in Semantic Web:
|
100
|
-
A group of methods and technologies to allow machines to understand the meaning—or “semantics”—of information on the World Wide Web. The term was coined by World Wide Web Consortium (W3C) director Tim Berners-Lee. According to the original vision, the availability of machine-readable metadata would enable automated agents and other software to access the Web more intelligently. The agents would be able to perform tasks automatically and locate related information on behalf of the user.
|
@@ -1,38 +0,0 @@
|
|
1
|
-
- @title = "Drupal 7 UI Patterns"
|
2
|
-
- @headertext = "Based on the default markup from Drupal 7"
|
3
|
-
|
4
|
-
%section#elements
|
5
|
-
= render :template => "/survivalkit/partials/patterns-drupal/site-name.haml"
|
6
|
-
= render :template => "/survivalkit/partials/patterns-drupal/menu.haml"
|
7
|
-
= render :template => "/survivalkit/partials/patterns-drupal/breadcrumbs.haml"
|
8
|
-
= render :template => "/survivalkit/partials/patterns-drupal/search.haml"
|
9
|
-
= render :template => "/survivalkit/partials/patterns-drupal/messages.haml"
|
10
|
-
= render :template => "/survivalkit/partials/patterns-drupal/block.haml"
|
11
|
-
= render :template => "/survivalkit/partials/patterns-drupal/tabs.haml"
|
12
|
-
= render :template => "/survivalkit/partials/patterns-drupal/form-new-account.haml"
|
13
|
-
= render :template => "/survivalkit/partials/patterns-drupal/form-login.haml"
|
14
|
-
= render :template => "/survivalkit/partials/patterns-drupal/form-new-password.haml"
|
15
|
-
= render :template => "/survivalkit/partials/patterns-drupal/pager.haml"
|
16
|
-
= render :template => "/survivalkit/partials/patterns-drupal/rss-link.haml"
|
17
|
-
= render :template => "/survivalkit/partials/patterns-drupal/links.haml"
|
18
|
-
= render :template => "/survivalkit/partials/patterns-drupal/taxonomy.haml"
|
19
|
-
= render :template => "/survivalkit/partials/patterns-drupal/field-image.haml"
|
20
|
-
= render :template => "/survivalkit/partials/patterns-drupal/node.haml"
|
21
|
-
= render :template => "/survivalkit/partials/patterns-drupal/comments.haml"
|
22
|
-
= render :template => "/survivalkit/partials/patterns-drupal/form-comment.haml"
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
@@ -1,23 +0,0 @@
|
|
1
|
-
- @title = "UI Patterns"
|
2
|
-
|
3
|
-
|
4
|
-
%section#simple-patterns.element-group
|
5
|
-
%h1.section-title Common Patterns
|
6
|
-
= render :template => "/survivalkit/partials/patterns-drupal/messages.haml"
|
7
|
-
= render :template => "/survivalkit/partials/patterns-drupal/pager.haml"
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
@@ -1,11 +0,0 @@
|
|
1
|
-
%div#characters.element
|
2
|
-
%h2.element-title Characters
|
3
|
-
.markup
|
4
|
-
%p 0 1 2 3 4 5 6 7 8 9
|
5
|
-
%p + - – — _ = ? ! ~ ( ) [ ] { } * ^ | "" \'\' `´ / \ & @ £ $ § ½ % ¨ ; : . ,
|
6
|
-
%p a b c d e f g h i j k l m n o p q r s t u v w x y z ö ä å
|
7
|
-
%p A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ö Ä Å
|
8
|
-
%h3 UTF-8 test
|
9
|
-
%p Ä, ä, Ö, ö, Ü, ü, ß
|
10
|
-
%p Š Ť Ž Ľ Č Ě Ď Ň Ř Ů Ĺ
|
11
|
-
%p ХЦЧШЩЬЫЪЭЮЯ
|
@@ -1,27 +0,0 @@
|
|
1
|
-
%div#forms.element
|
2
|
-
%h2.element-title Forms
|
3
|
-
.markup
|
4
|
-
%form#form{"accept-charset" => "UTF-8", :action => "/action", :method => "post"}
|
5
|
-
%fieldset
|
6
|
-
%legend Fieldset with legend
|
7
|
-
%div
|
8
|
-
%label Label for Radios
|
9
|
-
%input{:name => "radio", :type => "radio", :value => ""}/
|
10
|
-
%input{:name => "Radio", :type => "radio", :value => ""}/
|
11
|
-
%input{:name => "Radio", :type => "radio", :value => ""}/
|
12
|
-
%div
|
13
|
-
%label Label for Checkboxes
|
14
|
-
%input{:name => "checkboxes", :type => "checkbox", :value => ""}/
|
15
|
-
%input{:name => "checkboxes", :type => "checkbox", :value => ""}/
|
16
|
-
%input{:name => "checkboxes", :type => "checkbox", :value => ""}/
|
17
|
-
%div
|
18
|
-
%label Label for Textfield
|
19
|
-
%input#textfield{:maxlength => "12", :size => "50", :type => "text", :value => "input"}/
|
20
|
-
%div
|
21
|
-
%label label for Textarea
|
22
|
-
%textarea#text{:cols => "50", :rows => "5"}
|
23
|
-
%div
|
24
|
-
%label label for Filefield
|
25
|
-
%input{:name => "files", :size => "50", :type => "file"}/
|
26
|
-
%div
|
27
|
-
%input{:name => "button", :type => "button", :value => "Button"}/
|
@@ -1,23 +0,0 @@
|
|
1
|
-
%div#headers.element
|
2
|
-
%h2.element-title Headers
|
3
|
-
.markup
|
4
|
-
%h1 Header 1
|
5
|
-
%h2 Header 2
|
6
|
-
%h3 Header 3
|
7
|
-
%h4 Header 4
|
8
|
-
%h5 Header 5
|
9
|
-
%h6 Header 6
|
10
|
-
%p Headers with a following paragraph
|
11
|
-
.markup
|
12
|
-
%h1 Header 1
|
13
|
-
%p How vain and foolish, then, thought I, for timid untravelled man to try to comprehend aright this wondrous whale, by merely poring over his dead attenuated skeleton, stretched in this peaceful wood. No. Only in the heart of quickest perils; only when within the eddyings of his angry flukes; only on the profound unbounded sea, can the fully invested whale be truly and livingly found out.
|
14
|
-
%h2 Header 2
|
15
|
-
%p Within Pellucidar one time is as good as another. There were no nights to mask our attempted escape. All must be done in broad day-light—all but the work I had to do in the apartment beneath the building. So we determined to put our plan to an immediate test lest the Mahars who made it possible should awake before I reached them; but we were doomed to disappointment, for no sooner had we reached the main floor of the building on our way to the pits beneath, than we encountered hurrying bands of slaves being hastened under strong Sagoth guard out of the edifice to the avenue beyond.
|
16
|
-
%h3 Header 3
|
17
|
-
%p Within Pellucidar one time is as good as another. There were no nights to mask our attempted escape. All must be done in broad day-light—all but the work I had to do in the apartment beneath the building. So we determined to put our plan to an immediate test lest the Mahars who made it possible should awake before I reached them; but we were doomed to disappointment, for no sooner had we reached the main floor of the building on our way to the pits beneath, than we encountered hurrying bands of slaves being hastened under strong Sagoth guard out of the edifice to the avenue beyond.
|
18
|
-
%h4 Header 4
|
19
|
-
%p People were watching for Martians here from the church towers. My brother, very luckily for him as it chanced, preferred to push on at once to the coast rather than wait for food, although all three of them were very hungry. By midday they passed through Tillingham, which, strangely enough, seemed to be quite silent and deserted, save for a few furtive plunderers hunting for food. Near Tillingham they suddenly came in sight of the sea, and the most amazing crowd of shipping of all sorts that it is possible to imagine.
|
20
|
-
%h5 Header 5
|
21
|
-
%p "The unforeseen does not exist," quietly replied Phileas Fogg.
|
22
|
-
%h6 Header 6
|
23
|
-
%p Another man now joined the group, and, after making his formal greetings to his ruler, said:
|
@@ -1,9 +0,0 @@
|
|
1
|
-
%div#inline-images.element
|
2
|
-
%h2.element-title Inline Images
|
3
|
-
.markup
|
4
|
-
%p
|
5
|
-
%img.left{:alt => "image floated left", :src => "http://dummyimage.com/240x320/000/fff&text=Left+Image"}>/
|
6
|
-
Who would think, then, that such fine ladies and gentlemen should regale themselves with an essence found in the inglorious bowels of a sick whale! Yet so it is. By some, ambergris is supposed to be the cause, and by others the effect, of the dyspepsia in the whale. How to cure such a dyspepsia it were hard to say, unless by administering three or four boat loads of Brandreth's pills, and then running out of harm's way, as laborers do in blasting rocks.
|
7
|
-
%p
|
8
|
-
%img.right{:alt => "image floated right", :src => "http://dummyimage.com/240x320/000/fff&text=Right+Image"}>/
|
9
|
-
I have forgotten to say that there were found in this ambergris, certain hard, round, bony plates, which at first Stubb thought might be sailors' trowsers buttons; but it afterwards turned out that they were nothing more than pieces of small squid bones embalmed in that manner.
|
@@ -1,10 +0,0 @@
|
|
1
|
-
%div#links.element
|
2
|
-
%h2.element-title Links
|
3
|
-
.markup
|
4
|
-
%a{:href => "#"} Local link
|
5
|
-
%br
|
6
|
-
%a.external{:href => "http://www.google.com"} External link
|
7
|
-
%br
|
8
|
-
%a{:href => "https://www.google.com"} External link with encrypted connection
|
9
|
-
%br
|
10
|
-
%a{:href => "mailto:test@kiwi-themes.com"} E-mail link
|
@@ -1,55 +0,0 @@
|
|
1
|
-
%div#lists.element
|
2
|
-
%h2.element-title Lists
|
3
|
-
.markup
|
4
|
-
%h3 Unordered List
|
5
|
-
%ul
|
6
|
-
%li Apple
|
7
|
-
%li Pear
|
8
|
-
%li Banana
|
9
|
-
%li Orange
|
10
|
-
%li Carrot
|
11
|
-
.markup
|
12
|
-
%h3 Ordered List
|
13
|
-
%ol
|
14
|
-
%li First
|
15
|
-
%li Second
|
16
|
-
%li Third
|
17
|
-
%li Fourth
|
18
|
-
.markup
|
19
|
-
%h3 Definition List
|
20
|
-
%dl
|
21
|
-
%dt Definition List Title
|
22
|
-
%dd This is a definition list division.
|
23
|
-
%dt Inkscape
|
24
|
-
%dd Open Source vector graphics editor
|
25
|
-
%dt SVG
|
26
|
-
%dd Scalable Vector Graphics
|
27
|
-
%dd W3C standard
|
28
|
-
%dt GIMP
|
29
|
-
%dd GNU Image Manipulation Program
|
30
|
-
%dt Drupal
|
31
|
-
%dd Content Management System
|
32
|
-
.markup
|
33
|
-
%h3 Nested lists
|
34
|
-
%ol
|
35
|
-
%li
|
36
|
-
one, two
|
37
|
-
%ol
|
38
|
-
%li buckle my shoe
|
39
|
-
%li
|
40
|
-
three, four
|
41
|
-
%ol
|
42
|
-
%li knock at the door
|
43
|
-
%li
|
44
|
-
Five, six
|
45
|
-
%ol
|
46
|
-
%li pick up sticks
|
47
|
-
%li
|
48
|
-
Seven, eight, lay them straight
|
49
|
-
%ol
|
50
|
-
%li Nine, ten, a big fat hen
|
51
|
-
%li Eleven, twelve, dig and delve
|
52
|
-
%li Thirteen, fourteen, maids a’courting
|
53
|
-
%li Fifteen, sixteen, maids in the kitchen
|
54
|
-
%li Seventeen, eighteen, maids a’waiting
|
55
|
-
%li Nineteen, twenty, my platter’s empty …
|