survivalkit 0.1

data/templates/project/templates/old/survivalkit/partials/html5/blockquote.haml

@@ -0,0 +1,32 @@
+%article#blockquote.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/grouping-content.html#the-blockquote-element"} blockquote
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-blockquote-element"} blockquote
+    element
+    %a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
+    a section that is quoted from another source.
+  .markup
+    %p
+      His next piece was the aptly named
+      = succeed ":" do
+        %cite Sonnet 130
+    %blockquote{:cite => "http://quotes.example.org/s/sonnet130.html"}
+      %p
+        My mistress' eyes are nothing like the sun,
+        %br
+          Coral is far more red, than her lips red...
+  .markup
+    %p He began his list of "lessons" with the following:
+    %blockquote
+      One should never assume that his side of
+      the issue will be recognized, let alone that it will
+      be conceded to have merits.
+    %p He continued with a number of similar points, ending with:
+    %blockquote
+      Finally, one should be prepared for the threat
+      of breakdown in negotiations at any given moment and not
+      be cowed by the possiblity.
+    %p We shall now discuss these points

data/templates/project/templates/old/survivalkit/partials/html5/cite.haml

@@ -0,0 +1,46 @@
+%article#cite.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-cite-element"} cite
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-cite-element"} cite
+    element
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
+    the title
+    of a work (e.g.
+    a book,
+    a paper,
+    an essay,
+    a poem,
+    a score,
+    a song,
+    a script,
+    a film,
+    a TV show,
+    a game,
+    a sculpture,
+    a painting,
+    a theatre production,
+    a play,
+    an opera,
+    a musical,
+    an exhibition,
+    a legal case report,
+    etc). This can be a work that is being quoted or
+    referenced in detail (i.e. a citation), or it can just be a work
+    that is mentioned in passing.
+  .markup
+    %p
+      My favorite book is
+      %cite The Reality Dysfunction
+      by
+      Peter F. Hamilton. My favorite comic is
+      %cite
+        Pearls Before
+        Swine
+      by Stephan Pastis. My favorite track is
+      %cite
+        Jive
+        Samba
+      by the Cannonball Adderley Sextet.

data/templates/project/templates/old/survivalkit/partials/html5/code.haml

@@ -0,0 +1,70 @@
+%article#code.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-code-element"} code
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-code-element"} code
+    element
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
+    a fragment
+    of computer code. This could be an XML element name, a filename, a
+    computer program, or any other string that a computer would
+    recognize.
+  .markup
+    %p
+      When you call the
+      %code activate()
+      method on the
+      %code robotSnowman
+      object, the eyes glow.
+  .markup
+    %pre
+      %code.language-pascal
+        :preserve
+          var i: Integer;
+          begin
+             i := 1;
+          end.  %article#var.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-var-element"} var
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-var-element"} var
+    element
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
+    a
+    variable. This could be an actual variable in a mathematical
+    expression or programming context, or it could just be a term used
+    as a placeholder in prose.
+  .markup
+    %p
+      If there are
+      %var n
+      pipes leading to the ice
+      cream factory then I expect at
+      %em least
+      %var n
+      flavors of ice cream to be available for purchase!
+  .markup
+    %figure
+      %math
+        %mi a
+        %mo =
+        %msqrt
+          %msup
+            %mi b
+            %mn 2
+          %mi +
+          %msup
+            %mi c
+            %mn 2
+      %figcaption
+        Using Pythagoras' theorem to solve for the hypotenuse
+        %var a
+        of
+        a triangle with sides
+        %var b
+        and
+        %var c

data/templates/project/templates/old/survivalkit/partials/html5/details.haml

@@ -0,0 +1,42 @@
+%article#details.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/interactive-elements.html#the-details-element"} details
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/interactive-elements.html#the-details-element"} details
+    element
+    %a{:href => "http://developers.whatwg.org/interactive-elements.html#represents"} represents
+    a
+    disclosure widget from which the user can obtain additional
+    information or controls.
+  .markup
+    %section.progress.window
+      %h1 Copying "Really Achieving Your Childhood Dreams"
+      %details
+        %summary
+          Copying...
+          %progress{:max => "375505392", :value => "97543282"}
+          25%
+        %dl
+          %dt Transfer rate:
+          %dd 452KB/s
+          %dt Local filename:
+          %dd /home/rpausch/raycd.m4v
+          %dt Remote filename:
+          %dd /var/www/lectures/raycd.m4v
+          %dt Duration:
+          %dd 01:16:27
+          %dt Color profile:
+          %dd SD (6-1-6)
+          %dt Dimensions:
+          %dd 320×240
+  .markup
+    %details
+      %summary
+        %label{:for => "fn"} Name & Extension:
+      %p
+        %input#fn{:name => "fn", :type => "text", :value => "Pillar Magazine.pdf"}
+          %p
+            %label
+              %input{:checked => "", :name => "ext", :type => "checkbox"} Hide extension

data/templates/project/templates/old/survivalkit/partials/html5/dfn.haml

@@ -0,0 +1,52 @@
+%article#dfn.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-dfn-element"} dfn
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-dfn-element"} dfn
+    element
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
+    the defining
+    instance of a term. The
+    = succeed "," do
+      %a{:href => "content-models.html#paragraph", :title => "paragraph"} paragraph
+    = succeed "," do
+      %a{:href => "grouping-content.html#the-dl-element", :title => "dl"} description list group
+    or
+    %a{:href => "content-models.html#sectioning-content", :title => "sectioning content"} section
+    that is the nearest
+    ancestor of the
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-dfn-element"} dfn
+    element must also contain the
+    definition(s) for the
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#defining-term", :title => "defining term"} term
+    given
+    by the
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-dfn-element"} dfn
+    element.
+  .markup
+    %p
+      The
+      %dfn
+        %abbr{:title => "Garage Door Opener"} GDO
+      is a device that allows off-world teams to open the iris.
+    / ... later in the document:
+    %p
+      Teal'c activated his
+      %abbr{:title => "Garage Door Opener"} GDO
+      and so Hammond ordered the iris to be opened.
+  .markup
+    %p
+      The
+      %dfn#gdo
+        %abbr{:title => "Garage Door Opener"} GDO
+      is a device that allows off-world teams to open the iris.
+    / ... later in the document:
+    %p
+      Teal'c activated his
+      %a{:href => "#gdo"}
+        %abbr{:title => "Garage Door Opener"} GDO
+      and so Hammond ordered the iris to be opened.

data/templates/project/templates/old/survivalkit/partials/html5/dl.haml

@@ -0,0 +1,69 @@
+%article#dl.element
+  %hgroup
+    %h2.element-title
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
+    %h3.element-title
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dt-element"} dt
+    %h3.element-title
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dd-element"} dd
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
+    element
+    %a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
+    an association list consisting of zero or more name-value groups (a description list). Each group must consist of one or more names (
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dt-element"} dt
+    elements) followed by one or more values (
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dd-element"} dd
+    elements). Within a single
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
+    element, there should not be more than one
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dt-element"} dt
+    element for each name.
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dt-element"} dt
+    element
+    %a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
+    the term, or name, part of a term-description group in a description list (
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
+    element).
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dd-element"} dd
+    element
+    %a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
+    the description, definition, or value, part of a term-description group in a description list (
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-dl-element"} dl
+    element).
+  .markup
+    %dl
+      %dt
+        Authors
+        %dd
+          John
+          %dd
+            Luke
+            %dt
+              Editor
+              %dd
+                Frank
+  .markup
+    %dl
+      %dt{:lang => "en-US"}
+        %dfn color
+      %dt{:lang => "en-GB"}
+        %dfn colour
+      %dd
+        A sensation which (in humans) derives from the ability of
+        the fine structure of the eye to distinguish three differently
+        filtered analyses of a view.

data/templates/project/templates/old/survivalkit/partials/html5/em.haml

@@ -0,0 +1,15 @@
+%article#em.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-em-element"} em
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-em-element"} em
+    element
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
+    stress
+    emphasis of its contents.
+  .markup
+    %p
+      %em Cats
+      are cute animals.

data/templates/project/templates/old/survivalkit/partials/html5/fieldset.haml

@@ -0,0 +1,49 @@
+%article#fieldset.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/forms.html#the-fieldset-element"} fieldset
+  .markup
+    %fieldset{:disabled => "", :name => "clubfields"}
+      %legend
+        %label
+          %input{:name => "club", :onchange => "form.clubfields.disabled = !checked", :type => "checkbox"}
+            Use Club Card
+      %p
+        %label
+          Name on card:
+          %input{:name => "clubname", :required => ""}/
+      %p
+        %label
+          Card number:
+          %input{:name => "clubnum", :pattern => "[-0-9]+", :required => ""}/
+      %p
+        %label
+          Expiry date:
+          %input{:name => "clubexp", :type => "month"}/
+  .markup
+    %fieldset{:disabled => "", :name => "clubfields"}
+      %legend
+        %label
+          %input{:name => "club", :onchange => "form.clubfields.disabled = !checked", :type => "checkbox"}
+            Use Club Card
+      %p
+        %label
+          Name on card:
+          %input{:name => "clubname", :required => ""}/
+      %fieldset{:name => "numfields"}
+        %legend
+          %label
+            %input{:checked => "", :name => "clubtype", :onchange => "form.numfields.disabled = !checked", :type => "radio"}
+              My card has numbers on it
+        %p
+          %label
+            Card number:
+            %input{:name => "clubnum", :pattern => "[-0-9]+", :required => ""}/
+      %fieldset{:disabled => "", :name => "letfields"}
+        %legend
+          %label
+            %input{:name => "clubtype", :onchange => "form.letfields.disabled = !checked", :type => "radio"}
+              My card has letters on it
+        %p
+          %label
+            Card code:
+            %input{:name => "clublet", :pattern => "[A-Za-z]+", :required => ""}/

data/templates/project/templates/old/survivalkit/partials/html5/figure.haml

@@ -0,0 +1,48 @@
+%article#figure.element
+  %hgroup
+    %h2.element-title
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-figure-element"} figure
+    %h3.element-title
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-figcaption-element"} figcaption
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-figure-element"} figure
+    element
+    %a{:href => "http://developers.whatwg.org/grouping-content.html#represents"} represents
+    some
+    = succeed "," do
+      %a{:href => "content-models.html#flow-content"} flow content
+    optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document.
+  %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.
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-figcaption-element"} figcaption
+    element child of the element, if any, represents the caption of the
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-figure-element"} figure
+    element's contents. If there is no child
+    %code
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#the-figcaption-element"} figcaption
+    element, then there is no caption.
+  .markup
+    %p
+      In
+      %a{:href => "http://developers.whatwg.org/grouping-content.html#l4"} listing 4
+      we see the primary core interface
+      API declaration.
+    %figure#l4
+      %figcaption Listing 4. The primary core interface API declaration.
+      %pre
+        %code
+          :preserve
+            interface PrimaryCore {
+                         boolean verifyDataLine();
+                         void sendData(in sequence<byte> data);
+                         void initSelfDestruct();
+                        }      %p The API is designed to use UTF-8.
+  .markup
+    %figure
+      %img{:alt => "Bubbles, sitting in his office chair, works on his latest project intently.", :src => "http://dummyimage.com/100x100/ccc/fff"}/
+      %figcaption Bubbles at work

data/templates/project/templates/old/survivalkit/partials/html5/footer.haml

@@ -0,0 +1,37 @@
+%article#footer.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/sections.html#the-footer-element"} Footer
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/sections.html#the-footer-element"} footer
+    element
+    %a{:href => "http://developers.whatwg.org/sections.html#represents"} represents
+    a footer for its nearest ancestor
+    %a{:href => "content-models.html#sectioning-content"} sectioning content
+    or
+    %a{:href => "http://developers.whatwg.org/sections.html#sectioning-root"} sectioning root
+    element. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.
+  %p Here is an example which shows the footer element being used both for a site-wide footer and for a section footer.
+  .markup
+    %article
+      %h1 My Favorite Trains
+      %p I love my trains. My favorite train of all time is a Köf.
+      %p
+        It is fun to see them pull some coal cars because they look so
+        dwarfed in comparison.
+      %footer
+        / footer for article
+        %P
+          Published
+          %time{:datetime => "2009-09-15T14:54-07:00", :pubdate => ""}
+    %footer
+      / site wide footer
+      %nav
+        %p
+          %a{:href => "/credits.html"} Credits
+          —
+          %a{:href => "/tos.html"} Terms of Service
+          —
+          %a{:href => "/index.html"} Blog Index
+      %p Copyright © 2009 Gordon Freeman