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,69 +0,0 @@
|
|
1
|
-
%div#dl.element
|
2
|
-
%hgroup
|
3
|
-
%h2.element-title
|
4
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
|
5
|
-
%h3.element-title
|
6
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dt-element"} dt
|
7
|
-
%h3.element-title
|
8
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dd-element"} dd
|
9
|
-
%p
|
10
|
-
The
|
11
|
-
%code
|
12
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
|
13
|
-
element
|
14
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
|
15
|
-
an association list consisting of zero or more name-value groups (a description list). Each group must consist of one or more names (
|
16
|
-
%code
|
17
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dt-element"} dt
|
18
|
-
elements) followed by one or more values (
|
19
|
-
%code
|
20
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dd-element"} dd
|
21
|
-
elements). Within a single
|
22
|
-
%code
|
23
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
|
24
|
-
element, there should not be more than one
|
25
|
-
%code
|
26
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dt-element"} dt
|
27
|
-
element for each name.
|
28
|
-
%p
|
29
|
-
The
|
30
|
-
%code
|
31
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dt-element"} dt
|
32
|
-
element
|
33
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
|
34
|
-
the term, or name, part of a term-description group in a description list (
|
35
|
-
%code
|
36
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
|
37
|
-
element).
|
38
|
-
%p
|
39
|
-
The
|
40
|
-
%code
|
41
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dd-element"} dd
|
42
|
-
element
|
43
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
|
44
|
-
the description, definition, or value, part of a term-description group in a description list (
|
45
|
-
%code
|
46
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
|
47
|
-
element).
|
48
|
-
.markup
|
49
|
-
%dl
|
50
|
-
%dt
|
51
|
-
Authors
|
52
|
-
%dd
|
53
|
-
John
|
54
|
-
%dd
|
55
|
-
Luke
|
56
|
-
%dt
|
57
|
-
Editor
|
58
|
-
%dd
|
59
|
-
Frank
|
60
|
-
.markup
|
61
|
-
%dl
|
62
|
-
%dt{:lang => "en-US"}
|
63
|
-
%dfn color
|
64
|
-
%dt{:lang => "en-GB"}
|
65
|
-
%dfn colour
|
66
|
-
%dd
|
67
|
-
A sensation which (in humans) derives from the ability of
|
68
|
-
the fine structure of the eye to distinguish three differently
|
69
|
-
filtered analyses of a view.
|
@@ -1,15 +0,0 @@
|
|
1
|
-
%div#em.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-em-element"} em
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-em-element"} em
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
|
10
|
-
stress
|
11
|
-
emphasis of its contents.
|
12
|
-
.markup
|
13
|
-
%p
|
14
|
-
%em Cats
|
15
|
-
are cute animals.
|
@@ -1,49 +0,0 @@
|
|
1
|
-
%div#fieldset.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/forms.html#the-fieldset-element"} fieldset
|
4
|
-
.markup
|
5
|
-
%fieldset{:disabled => "", :name => "clubfields"}
|
6
|
-
%legend
|
7
|
-
%label
|
8
|
-
%input{:name => "club", :onchange => "form.clubfields.disabled = !checked", :type => "checkbox"}
|
9
|
-
Use Club Card
|
10
|
-
%p
|
11
|
-
%label
|
12
|
-
Name on card:
|
13
|
-
%input{:name => "clubname", :required => ""}/
|
14
|
-
%p
|
15
|
-
%label
|
16
|
-
Card number:
|
17
|
-
%input{:name => "clubnum", :pattern => "[-0-9]+", :required => ""}/
|
18
|
-
%p
|
19
|
-
%label
|
20
|
-
Expiry date:
|
21
|
-
%input{:name => "clubexp", :type => "month"}/
|
22
|
-
.markup
|
23
|
-
%fieldset{:disabled => "", :name => "clubfields"}
|
24
|
-
%legend
|
25
|
-
%label
|
26
|
-
%input{:name => "club", :onchange => "form.clubfields.disabled = !checked", :type => "checkbox"}
|
27
|
-
Use Club Card
|
28
|
-
%p
|
29
|
-
%label
|
30
|
-
Name on card:
|
31
|
-
%input{:name => "clubname", :required => ""}/
|
32
|
-
%fieldset{:name => "numfields"}
|
33
|
-
%legend
|
34
|
-
%label
|
35
|
-
%input{:checked => "", :name => "clubtype", :onchange => "form.numfields.disabled = !checked", :type => "radio"}
|
36
|
-
My card has numbers on it
|
37
|
-
%p
|
38
|
-
%label
|
39
|
-
Card number:
|
40
|
-
%input{:name => "clubnum", :pattern => "[-0-9]+", :required => ""}/
|
41
|
-
%fieldset{:disabled => "", :name => "letfields"}
|
42
|
-
%legend
|
43
|
-
%label
|
44
|
-
%input{:name => "clubtype", :onchange => "form.letfields.disabled = !checked", :type => "radio"}
|
45
|
-
My card has letters on it
|
46
|
-
%p
|
47
|
-
%label
|
48
|
-
Card code:
|
49
|
-
%input{:name => "clublet", :pattern => "[A-Za-z]+", :required => ""}/
|
@@ -1,48 +0,0 @@
|
|
1
|
-
%div#figure.element
|
2
|
-
%hgroup
|
3
|
-
%h2.element-title
|
4
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-figure-element"} figure
|
5
|
-
%h3.element-title
|
6
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-figcaption-element"} figcaption
|
7
|
-
%p
|
8
|
-
The
|
9
|
-
%code
|
10
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-figure-element"} figure
|
11
|
-
element
|
12
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
|
13
|
-
some
|
14
|
-
= succeed "," do
|
15
|
-
%a{:href => "content-models.html#flow-content"} flow content
|
16
|
-
optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document.
|
17
|
-
%p The element can thus be used to annotate illustrations, diagrams, photos, code listings, etc, that are referred to from the main content of the document, but that could, without affecting the flow of the document, be moved away from that primary content, e.g. to the side of the page, to dedicated pages, or to an appendix.
|
18
|
-
%p
|
19
|
-
The
|
20
|
-
%code
|
21
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-figcaption-element"} figcaption
|
22
|
-
element child of the element, if any, represents the caption of the
|
23
|
-
%code
|
24
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-figure-element"} figure
|
25
|
-
element's contents. If there is no child
|
26
|
-
%code
|
27
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-figcaption-element"} figcaption
|
28
|
-
element, then there is no caption.
|
29
|
-
.markup
|
30
|
-
%p
|
31
|
-
In
|
32
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#l4"} listing 4
|
33
|
-
we see the primary core interface
|
34
|
-
API declaration.
|
35
|
-
%figure#l4
|
36
|
-
%figcaption Listing 4. The primary core interface API declaration.
|
37
|
-
%pre
|
38
|
-
%code
|
39
|
-
:preserve
|
40
|
-
interface PrimaryCore {
|
41
|
-
boolean verifyDataLine();
|
42
|
-
void sendData(in sequence<byte> data);
|
43
|
-
void initSelfDestruct();
|
44
|
-
} %p The API is designed to use UTF-8.
|
45
|
-
.markup
|
46
|
-
%figure
|
47
|
-
%img{:alt => "Bubbles, sitting in his office chair, works on his latest project intently.", :src => "http://dummyimage.com/100x100/ccc/fff"}/
|
48
|
-
%figcaption Bubbles at work
|
@@ -1,37 +0,0 @@
|
|
1
|
-
%div#footer.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-footer-element"} Footer
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-footer-element"} footer
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/sections.html#represents"} represents
|
10
|
-
a footer for its nearest ancestor
|
11
|
-
%a{:href => "content-models.html#sectioning-content"} sectioning content
|
12
|
-
or
|
13
|
-
%a{:href => "http://developers.whatwg.org/sections.html#sectioning-root"} sectioning root
|
14
|
-
element. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.
|
15
|
-
%p Here is an example which shows the footer element being used both for a site-wide footer and for a section footer.
|
16
|
-
.markup
|
17
|
-
%article
|
18
|
-
%h1 My Favorite Trains
|
19
|
-
%p I love my trains. My favorite train of all time is a Köf.
|
20
|
-
%p
|
21
|
-
It is fun to see them pull some coal cars because they look so
|
22
|
-
dwarfed in comparison.
|
23
|
-
%footer
|
24
|
-
/ footer for article
|
25
|
-
%P
|
26
|
-
Published
|
27
|
-
%time{:datetime => "2009-09-15T14:54-07:00", :pubdate => ""}
|
28
|
-
%footer
|
29
|
-
/ site wide footer
|
30
|
-
%nav
|
31
|
-
%p
|
32
|
-
%a{:href => "/credits.html"} Credits
|
33
|
-
—
|
34
|
-
%a{:href => "/tos.html"} Terms of Service
|
35
|
-
—
|
36
|
-
%a{:href => "/index.html"} Blog Index
|
37
|
-
%p Copyright © 2009 Gordon Freeman
|
@@ -1,44 +0,0 @@
|
|
1
|
-
%div#header.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-header-element"} Header
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-header-element"} header
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/sections.html#represents"} represents
|
10
|
-
a group of introductory or navigational aids.
|
11
|
-
%p
|
12
|
-
A
|
13
|
-
%code
|
14
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-header-element"} header
|
15
|
-
element is intended to usually contain the section's heading (an
|
16
|
-
= succeed "–" do
|
17
|
-
%code
|
18
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements"} h1
|
19
|
-
%code
|
20
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements"} h6
|
21
|
-
element or an
|
22
|
-
%code
|
23
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-hgroup-element"} hgroup
|
24
|
-
element), but this is not required. The
|
25
|
-
%code
|
26
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-header-element"} header
|
27
|
-
element can also be used to wrap a section's table of contents, a search form, or any relevant logos.
|
28
|
-
.markup
|
29
|
-
%header
|
30
|
-
%h1 Little Green Guys With Guns
|
31
|
-
%nav
|
32
|
-
%ul
|
33
|
-
%li
|
34
|
-
%a{:href => "/games"} Games
|
35
|
-
%li
|
36
|
-
%a{:href => "/forum"} Forum
|
37
|
-
%li
|
38
|
-
%a{:href => "/download"} Download
|
39
|
-
%h2 Important News
|
40
|
-
/ this starts a second subsection
|
41
|
-
/ this is part of the subsection entitled "Important News"
|
42
|
-
%p To play today's games you will need to update your client.
|
43
|
-
%h2 Games
|
44
|
-
/ this starts a third subsection
|
@@ -1,20 +0,0 @@
|
|
1
|
-
%div#hgroup.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-hgroup-element"} hgroup
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-hgroup-element"} hgroup
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/sections.html#represents"} represents
|
10
|
-
the heading of a section. The element is used to group a set of
|
11
|
-
= succeed "\u{2013}" do
|
12
|
-
%code
|
13
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements"} h1
|
14
|
-
%code
|
15
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements"} h6
|
16
|
-
elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines.
|
17
|
-
.markup
|
18
|
-
%hgroup
|
19
|
-
%h1 Dr. Strangelove
|
20
|
-
%h2 Or: How I Learned to Stop Worrying and Love the Bomb
|
@@ -1,52 +0,0 @@
|
|
1
|
-
%div#hr.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-hr-element"} hr
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-hr-element"} hr
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
|
10
|
-
a
|
11
|
-
= succeed "-level" do
|
12
|
-
%a{:href => "content-models.html#paragraph"} paragraph
|
13
|
-
thematic break, e.g. a scene change in a story, or a transition to another topic within a section of a reference book.
|
14
|
-
.markup
|
15
|
-
%section
|
16
|
-
%h1 Communication
|
17
|
-
%p
|
18
|
-
There are various methods of communication. This section
|
19
|
-
covers a few of the important ones used by the project.
|
20
|
-
%hr
|
21
|
-
%p
|
22
|
-
Communication stones seem to come in pairs and have mysterious
|
23
|
-
properties:
|
24
|
-
%ul
|
25
|
-
%li
|
26
|
-
They can transfer thoughts in two directions once activated
|
27
|
-
if used alone.
|
28
|
-
%li
|
29
|
-
If used with another device, they can transfer one's
|
30
|
-
consciousness to another body.
|
31
|
-
%li
|
32
|
-
If both stones are used with another device, the
|
33
|
-
consciousnesses switch bodies.
|
34
|
-
%hr
|
35
|
-
%p
|
36
|
-
Radios use the electromagnetic spectrum in the meter range and
|
37
|
-
longer.
|
38
|
-
%hr
|
39
|
-
%p
|
40
|
-
Signal flares use the electromagnetic spectrum in the
|
41
|
-
nanometer range.
|
42
|
-
.markup
|
43
|
-
%section
|
44
|
-
%h1 Food
|
45
|
-
%p All food at the project is rationed:
|
46
|
-
%dl
|
47
|
-
%dt Potatoes
|
48
|
-
%dd Two per day
|
49
|
-
%dt Soup
|
50
|
-
%dd One bowl per day
|
51
|
-
%hr
|
52
|
-
%p Cooking is done by the chefs on a set rotation.
|
@@ -1,28 +0,0 @@
|
|
1
|
-
%div#i.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-i-element"} i
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-i-element"} i
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
|
10
|
-
a span of text
|
11
|
-
in an alternate voice or mood, or otherwise offset from the normal
|
12
|
-
prose, such as a taxonomic designation, a technical term, an
|
13
|
-
idiomatic phrase from another language, a thought, a ship name, or
|
14
|
-
some other prose whose typical typographic presentation is
|
15
|
-
italicized.
|
16
|
-
.markup
|
17
|
-
%p
|
18
|
-
The
|
19
|
-
%i.taxonomy Felis silvestris catus
|
20
|
-
is cute.
|
21
|
-
%p
|
22
|
-
The term
|
23
|
-
%i prose content
|
24
|
-
is defined above.
|
25
|
-
%p
|
26
|
-
There is a certain
|
27
|
-
%i{:lang => "fr"} je ne sais quoi
|
28
|
-
in the air.
|
@@ -1,19 +0,0 @@
|
|
1
|
-
%div#kbd.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-kbd-element"} kbd
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-kbd-element"} kbd
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
|
10
|
-
user input
|
11
|
-
(typically keyboard input, although it may also be used to represent
|
12
|
-
other input, such as voice commands).
|
13
|
-
.markup
|
14
|
-
%p
|
15
|
-
To make George eat an apple, press
|
16
|
-
%kbd
|
17
|
-
%kbd> Shift
|
18
|
-
+
|
19
|
-
%kbd F3
|
@@ -1,18 +0,0 @@
|
|
1
|
-
%div#label.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/forms.html#the-label-element"} label
|
4
|
-
.markup
|
5
|
-
%p
|
6
|
-
%label
|
7
|
-
Full name:
|
8
|
-
%input{:name => "fn"}
|
9
|
-
%small Format: First Last
|
10
|
-
%p
|
11
|
-
%label
|
12
|
-
Age:
|
13
|
-
%input{:min => "0", :name => "age", :type => "number"}/
|
14
|
-
%p
|
15
|
-
%label
|
16
|
-
Post code:
|
17
|
-
%input{:name => "pc"}
|
18
|
-
%small Format: AB12 3CD
|
@@ -1,91 +0,0 @@
|
|
1
|
-
%div#li.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-li-element"} li
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-li-element"} li
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
|
10
|
-
a list item. If its parent element is an
|
11
|
-
= succeed "," do
|
12
|
-
%code
|
13
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-ol-element"} ol
|
14
|
-
= succeed "," do
|
15
|
-
%code
|
16
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-ul-element"} ul
|
17
|
-
or
|
18
|
-
%code
|
19
|
-
%a{:href => "interactive-elements.html#menus"} menu
|
20
|
-
element, then the element is an item of the parent element's list, as defined for those elements. Otherwise, the list item has no defined list-related relationship to any other
|
21
|
-
%code
|
22
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-li-element"} li
|
23
|
-
element.
|
24
|
-
.markup
|
25
|
-
%figure
|
26
|
-
%figcaption The top 10 movies of all time
|
27
|
-
%ol
|
28
|
-
%li{:value => "10"}
|
29
|
-
%cite> Josie and the Pussycats
|
30
|
-
, 2001
|
31
|
-
%li{:value => "9"}
|
32
|
-
%cite{:lang => "sh"}> Црна мачка, бели мачор
|
33
|
-
, 1998
|
34
|
-
%li{:value => "8"}
|
35
|
-
%cite> A Bug's Life
|
36
|
-
, 1998
|
37
|
-
%li{:value => "7"}
|
38
|
-
%cite> Toy Story
|
39
|
-
, 1995
|
40
|
-
%li{:value => "6"}
|
41
|
-
%cite> Monsters, Inc
|
42
|
-
, 2001
|
43
|
-
%li{:value => "5"}
|
44
|
-
%cite> Cars
|
45
|
-
, 2006
|
46
|
-
%li{:value => "4"}
|
47
|
-
%cite> Toy Story 2
|
48
|
-
, 1999
|
49
|
-
%li{:value => "3"}
|
50
|
-
%cite> Finding Nemo
|
51
|
-
, 2003
|
52
|
-
%li{:value => "2"}
|
53
|
-
%cite> The Incredibles
|
54
|
-
, 2004
|
55
|
-
%li{:value => "1"}
|
56
|
-
%cite> Ratatouille
|
57
|
-
, 2007
|
58
|
-
.markup
|
59
|
-
%figure
|
60
|
-
%figcaption The top 10 movies of all time
|
61
|
-
%ol{:reversed => ""}
|
62
|
-
%li
|
63
|
-
%cite> Josie and the Pussycats
|
64
|
-
, 2001
|
65
|
-
%li
|
66
|
-
%cite{:lang => "sh"}> Црна мачка, бели мачор
|
67
|
-
, 1998
|
68
|
-
%li
|
69
|
-
%cite> A Bug's Life
|
70
|
-
, 1998
|
71
|
-
%li
|
72
|
-
%cite> Toy Story
|
73
|
-
, 1995
|
74
|
-
%li
|
75
|
-
%cite> Monsters, Inc
|
76
|
-
, 2001
|
77
|
-
%li
|
78
|
-
%cite> Cars
|
79
|
-
, 2006
|
80
|
-
%li
|
81
|
-
%cite> Toy Story 2
|
82
|
-
, 1999
|
83
|
-
%li
|
84
|
-
%cite> Finding Nemo
|
85
|
-
, 2003
|
86
|
-
%li
|
87
|
-
%cite> The Incredibles
|
88
|
-
, 2004
|
89
|
-
%li
|
90
|
-
%cite> Ratatouille
|
91
|
-
, 2007
|
@@ -1,30 +0,0 @@
|
|
1
|
-
%div#mark.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-mark-element"} mark
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-mark-element"} mark
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
|
10
|
-
a run of
|
11
|
-
text in one document marked or highlighted for reference purposes,
|
12
|
-
due to its relevance in another context. When used in a quotation or
|
13
|
-
other block of text referred to from the prose, it indicates a
|
14
|
-
highlight that was not originally present but which has been added
|
15
|
-
to bring the reader's attention to a part of the text that might not
|
16
|
-
have been considered important by the original author when the block
|
17
|
-
was originally written, but which is now under previously unexpected
|
18
|
-
scrutiny. When used in the main prose of a document, it indicates a
|
19
|
-
part of the document that has been highlighted due to its likely
|
20
|
-
relevance to the user's current activity.
|
21
|
-
.markup
|
22
|
-
%p
|
23
|
-
I also have some
|
24
|
-
= succeed "s" do
|
25
|
-
%mark kitten
|
26
|
-
who are visiting me
|
27
|
-
these days. They're really cute. I think they like my garden! Maybe I
|
28
|
-
should adopt a
|
29
|
-
= succeed "." do
|
30
|
-
%mark kitten
|
@@ -1,39 +0,0 @@
|
|
1
|
-
%div#menu.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/interactive-elements.html#menus"} menu
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/interactive-elements.html#menus"} menu
|
8
|
-
element represents a list of commands.
|
9
|
-
.markup
|
10
|
-
%menu{:type => "toolbar"}
|
11
|
-
%li
|
12
|
-
%menu{:label => "File"}
|
13
|
-
%button{:onclick => "fnew()", :type => "button"} New...
|
14
|
-
%button{:onclick => "fopen()", :type => "button"} Open...
|
15
|
-
%button{:onclick => "fsave()", :type => "button"} Save
|
16
|
-
%button{:onclick => "fsaveas()", :type => "button"} Save as...
|
17
|
-
%li
|
18
|
-
%menu{:label => "Edit"}
|
19
|
-
%button{:onclick => "ecopy()", :type => "button"} Copy
|
20
|
-
%button{:onclick => "ecut()", :type => "button"} Cut
|
21
|
-
%button{:onclick => "epaste()", :type => "button"} Paste
|
22
|
-
%li
|
23
|
-
%menu{:label => "Help"}
|
24
|
-
%li
|
25
|
-
%a{:href => "help.html"} Help
|
26
|
-
%li
|
27
|
-
%a{:href => "about.html"} About
|
28
|
-
.markup
|
29
|
-
%form{:action => ""}
|
30
|
-
%menu{:type => "toolbar"}
|
31
|
-
%label{:for => "goto"} Go to...
|
32
|
-
%menu{:label => "Go"}
|
33
|
-
%select#goto
|
34
|
-
%option{:selected => "selected", :value => ""} Select site:
|
35
|
-
%option{:value => "http://www.apple.com/"} Apple
|
36
|
-
%option{:value => "http://www.mozilla.org/"} Mozilla
|
37
|
-
%option{:value => "http://www.opera.com/"} Opera
|
38
|
-
%span
|
39
|
-
%input{:type => "submit", :value => "Go"}/
|
@@ -1,68 +0,0 @@
|
|
1
|
-
%div#nav.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-nav-element"} Nav
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-nav-element"} nav
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/sections.html#represents"} represents
|
10
|
-
a section of a page that links to other pages or to parts within the page: a section with navigation links.
|
11
|
-
%p
|
12
|
-
Not all groups of links on a page need to be in a
|
13
|
-
%code
|
14
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-nav-element"} nav
|
15
|
-
element — only sections that consist of major navigation blocks are appropriate for the
|
16
|
-
%code
|
17
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-nav-element"} nav
|
18
|
-
element. In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The
|
19
|
-
%code
|
20
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-footer-element"} footer
|
21
|
-
element alone is sufficient for such cases, without a
|
22
|
-
%code
|
23
|
-
%a{:href => "http://developers.whatwg.org/sections.html#the-nav-element"} nav
|
24
|
-
element.
|
25
|
-
.markup
|
26
|
-
%nav
|
27
|
-
%h1 Navigation
|
28
|
-
%ul
|
29
|
-
%li
|
30
|
-
%a{:href => ""} Index of all articles
|
31
|
-
%li
|
32
|
-
%a{:href => ""} Things sheeple need to wake up for today
|
33
|
-
%li
|
34
|
-
%a{:href => ""} Sheeple we have managed to wake
|
35
|
-
%p A nav element doesn't have to contain a list, it can contain other kinds of content as well. In this navigation block, links are provided in prose:
|
36
|
-
.markup
|
37
|
-
%nav
|
38
|
-
%h1 Navigation
|
39
|
-
%p
|
40
|
-
You are on my home page. To the north lies
|
41
|
-
= succeed "," do
|
42
|
-
%a{:href => "/blog"}
|
43
|
-
my
|
44
|
-
blog
|
45
|
-
from whence the sounds of battle can be heard. To the east
|
46
|
-
you can see a large mountain, upon which many
|
47
|
-
%a{:href => "/school"} school papers
|
48
|
-
are littered. Far up thus mountain
|
49
|
-
you can spy a little figure who appears to be me, desperately
|
50
|
-
scribbling a
|
51
|
-
= succeed "." do
|
52
|
-
%a{:href => "/school/thesis"} thesis
|
53
|
-
%p
|
54
|
-
To the west are several exits. One fun-looking exit is labeled
|
55
|
-
= succeed "." do
|
56
|
-
%a{:href => "http://games.example.com/"} "games"
|
57
|
-
Another more
|
58
|
-
boring-looking exit is labeled
|
59
|
-
= succeed "." do
|
60
|
-
%a{:href => "http://isp.example.net/"} ISP™
|
61
|
-
%p
|
62
|
-
To the south lies a dark and dank
|
63
|
-
= succeed "." do
|
64
|
-
%a{:href => "/about"}
|
65
|
-
contacts
|
66
|
-
page
|
67
|
-
Cobwebs cover its disused entrance, and at one point you
|
68
|
-
see a rat run quickly out of the page.
|
@@ -1,23 +0,0 @@
|
|
1
|
-
%div#ol.element
|
2
|
-
%h2.element-title
|
3
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-ol-element"} ol
|
4
|
-
%p
|
5
|
-
The
|
6
|
-
%code
|
7
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#the-ol-element"} ol
|
8
|
-
element
|
9
|
-
%a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
|
10
|
-
a list of items, where the items have been intentionally ordered, such that changing the order would change the meaning of the document.
|
11
|
-
.markup
|
12
|
-
%p
|
13
|
-
I have lived in the following countries (given in the order of when
|
14
|
-
I first lived there):
|
15
|
-
%ol
|
16
|
-
%li
|
17
|
-
Switzerland
|
18
|
-
%li
|
19
|
-
United Kingdom
|
20
|
-
%li
|
21
|
-
United States
|
22
|
-
%li
|
23
|
-
Norway
|