survivalkit 0.1

data/templates/project/templates/old/survivalkit/partials/common/lists.haml

@@ -0,0 +1,55 @@
+%article#lists.element
+  %h2.element-title Lists
+  .markup
+    %h3 Unordered List
+    %ul
+      %li Apple
+      %li Pear
+      %li Banana
+      %li Orange
+      %li Carrot
+  .markup
+    %h3 Ordered List
+    %ol
+      %li First
+      %li Second
+      %li Third
+      %li Fourth
+  .markup
+    %h3 Definition List
+    %dl
+      %dt Definition List Title
+      %dd This is a definition list division.
+      %dt Inkscape
+      %dd Open Source vector graphics editor
+      %dt SVG
+      %dd Scalable Vector Graphics
+      %dd W3C standard
+      %dt GIMP
+      %dd GNU Image Manipulation Program
+      %dt Drupal
+      %dd Content Management System
+  .markup
+    %h3 Nested lists
+    %ol
+      %li
+        one, two
+        %ol
+          %li buckle my shoe
+      %li
+        three, four
+        %ol
+          %li knock at the door
+      %li
+        Five, six
+        %ol
+          %li pick up sticks
+      %li
+        Seven, eight, lay them straight
+        %ol
+          %li Nine, ten, a big fat hen
+          %li Eleven, twelve, dig and delve
+          %li Thirteen, fourteen, maids a’courting
+          %li Fifteen, sixteen, maids in the kitchen
+          %li Seventeen, eighteen, maids a’waiting
+          %li Nineteen, twenty, my platter’s empty …

data/templates/project/templates/old/survivalkit/partials/common/others.haml

@@ -0,0 +1,35 @@
+%article#others.element
+  %h2.element-title Other Elements
+  .markup
+    %h3 Subscript and superscript samples
+    %p
+      H
+      %sub> 2
+      O,
+      %br
+        E = mc
+        %sup> 2
+        ,
+        %br
+          The 14
+          %sup th
+          of September
+    %h3 Insertion and deletion samples
+    %p
+      %ins{:datetime => "2009-07-12T08:15:30+02:00", :title => "Added new information according to suggestions"} This information was just added.
+      %br
+        %del Whilte this information is no longer valid.
+    %h3 Presentational elements
+    %p
+      %b Bold text
+      %br
+        %i Italic text
+        %br
+          %tt Typewriter text
+          %br
+            %big Big
+            %br
+              %small Small
+              %br
+                Horizontal rule:
+              %hr

data/templates/project/templates/old/survivalkit/partials/common/paragraphs.haml

@@ -0,0 +1,15 @@
+%article#paragraphs.element
+  %h2.element-title Paragraphs
+  .markup
+    %p
+      I leave a
+      %em white and turbid
+      wake; pale waters, paler cheeks, where'er I sail. The envious billows sidelong swell to whelm my track; let them; but first I pass.
+    %p
+      Yonder, by ever-brimming goblet's rim,
+      %strong the warm waves
+      blush like wine. The gold brow plumbs the blue. The diver sun—slow dived from noon—goes down; my soul mounts up! she wearies with her endless hill. Is, then, the crown too heavy that I wear? this Iron Crown of Lombardy. Yet is it bright with many a gem; I the wearer, see not its far flashings; but darkly feel that I wear that, that
+      = succeed "." do
+        %a{:href => ""} dazzlingly confounds
+      'Tis iron—that I know—not gold. 'Tis split, too—that I feel; the jagged edge galls me so, my brain seems to beat against the solid metal; aye, steel skull, mine; the sort that needs no helmet in the most brain-battering fight!
+    %p Dry heat upon my brow? Oh! time was, when as the sunrise nobly spurred me, so the sunset soothed. No more. This lovely light, it lights not me; all loveliness is anguish to me, since I can ne'er enjoy. Gifted with the high perception, I lack the low, enjoying power; damned, most subtly and most malignantly! damned in the midst of Paradise! Good night—good night! (WAVING HIS HAND, HE MOVES FROM THE WINDOW.)

data/templates/project/templates/old/survivalkit/partials/common/pre.haml

@@ -0,0 +1,27 @@
+%article#pre.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/grouping-content.html#the-pre-element"} pre
+  .markup
+    %p
+      This is the
+      %code Panel
+      constructor:
+    %pre
+      %code
+        :preserve
+          function Panel(element, canClose, closeHandler) {
+                        this.element = element;
+                        this.canClose = canClose;
+                        this.closeHandler = function () { if (closeHandler) closeHandler() };
+                      }            .markup
+    %pre
+      :preserve
+                                                   ,,                      ,,                     ,,            
+          .M"""bgd                                 db                    `7MM      `7MMF' `YMM'   db   mm       
+         ,MI    "Y                                                         MM        MM   .M'          MM       
+         `MMb.   `7MM  `7MM  `7Mb,od8 `7M'   `MF'`7MM `7M'   `MF',6"Yb.    MM        MM .d"     `7MM mmMMmm     
+           `YMMNq. MM    MM    MM' "'   VA   ,V    MM   VA   ,V 8)   MM    MM        MMMMM.       MM   MM       
+         .     `MM MM    MM    MM        VA ,V     MM    VA ,V   ,pm9MM    MM        MM  VMA      MM   MM       
+         Mb     dM MM    MM    MM         VVV      MM     VVV   8M   MM    MM        MM   `MM.    MM   MM       
+         P"Ybmmd"  `Mbod"YML..JMML.        W     .JMML.    W    `Moo9^Yo..JMML.    .JMML.   MMb..JMML. `Mbmo
+ 

data/templates/project/templates/old/survivalkit/partials/common/q.haml

@@ -0,0 +1,8 @@
+%article#q.element
+  %h2.element-title q
+  .markup
+    %p
+      Inline quotation.
+      %br
+        Sample:
+        %q This is sample quotation

data/templates/project/templates/old/survivalkit/partials/common/samp.haml

@@ -0,0 +1,8 @@
+%article#samp.element
+  %h2.element-title samp
+  .markup
+    %p
+      Defines computer output data, for example we can use it to markup error messages.
+      %br
+        Sample:
+        %samp Error: no such file or directory

data/templates/project/templates/old/survivalkit/partials/common/strong.haml

@@ -0,0 +1,8 @@
+%article#strong.element
+  %h2.element-title strong
+  .markup
+    %p
+      This element stands for "stronger emphasis" and is used for marking more important text.
+      %br
+        Sample:
+        %strong This is text with stronger emphasis

data/templates/project/templates/old/survivalkit/partials/common/tables.haml

@@ -0,0 +1,43 @@
+%article#tables.element
+  %h2.element-title Tables
+  .markup
+    %table
+      %caption
+        Table title goes here
+      %thead
+        %tr
+          %th Mauris
+          %th Tempor
+          %th Praesent lacus nulla
+          %th Quis
+      %tbody
+        %tr.odd
+          %td Mauris
+          %td 23.000
+          %td Suspendisse viverra
+          %td Yes
+        %tr.even
+          %td Trupis
+          %td 1.000
+          %td Placerat tortor aesent semper
+          %td No
+        %tr.odd
+          %td Sagittis
+          %td 122.000
+          %td Neque vel condimentum
+          %td No
+        %tr.even
+          %td Libero
+          %td 500
+          %td Hendrerit, lectus elit pretium
+          %td Yes
+        %tr.odd
+          %td Tristique
+          %td 100.000
+          %td Ligula nec consequat
+          %td Yes
+        %tr.even
+          %td Id Neque
+          %td 600.000
+          %td Etiam sodales orci nec
+          %td No

data/templates/project/templates/old/survivalkit/partials/common/var.haml

@@ -0,0 +1,8 @@
+%article#var.element
+  %h2.element-title var
+  .markup
+    %p
+      Means variables used in computer programs or scripts.
+      %br
+        Sample:
+        %var counter

data/templates/project/templates/old/survivalkit/partials/header-styletile.haml

@@ -0,0 +1,9 @@
+%header
+  .client-id
+    %h1.client-name= @clientname
+  %aside
+    = @clientname 
+    Style Tiles
+    %br/
+    Version 
+    = @version

data/templates/project/templates/old/survivalkit/partials/header.haml

@@ -0,0 +1,6 @@
+%header
+  %hgroup
+    %h1 
+      %a{:href => "/survivalkit/"} The Coding Designer's Survival Guide
+    %h2= @title
+  = @headertext

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

@@ -0,0 +1,36 @@
+%article#a.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-a-element"} a
+  .markup
+    %nav
+      %ul
+        %li
+          %a{:href => "/"} Home
+        %li
+          %a{:href => "/news"} News
+        %li
+          %a Examples
+        %li
+          %a{:href => "/legal"} Legal
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-a-element"} a
+    element may be wrapped around entire
+    paragraphs, lists, tables, and so forth, even entire sections, so
+    long as there is no interactive content within (e.g. buttons or
+    other links). This example shows how this can be used to make an
+    entire advertising block into a link:
+  .markup
+    %aside.advertising
+      %h1 Advertising
+      %a{:href => "http://ad.example.com/?adid=1929&pubid=1422"}
+        %section
+          %h1 Mellblomatic 9000!
+          %p Turn all your widgets into mellbloms!
+          %p Only $9.99 plus shipping and handling.
+      %a{:href => "http://ad.example.com/?adid=375&pubid=1422"}
+        %section
+          %h1 The Mellblom Browser
+          %p Web browsing at the speed of light.
+          %p No other browser goes faster!

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

@@ -0,0 +1,26 @@
+%article#abbr.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-abbr-element"} abbr
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-abbr-element"} abbr
+    element
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
+    an
+    abbreviation or acronym, optionally with its expansion. The
+    %dfn#attr-abbr-title{:title => "attr-abbr-title"}
+      %code title
+    attribute may be
+    used to provide an expansion of the abbreviation. The attribute, if
+    specified, must contain an expansion of the abbreviation, and
+    nothing else.
+  .markup
+    %p
+      The
+      %dfn#whatwg
+        %abbr{:title => "Web Hypertext Application Technology Working Group"} WHATWG
+      is a loose unofficial collaboration of Web browser manufacturers and
+      interested parties who wish to develop new technologies designed to
+      allow authors to write and deploy Applications over the World Wide
+      Web.

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

@@ -0,0 +1,27 @@
+%article#address.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/sections.html#the-address-element"} Address
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/sections.html#the-address-element"} address
+    element
+    %a{:href => "http://developers.whatwg.org/sections.html#represents"} represents
+    the contact information for its nearest
+    %code
+      %a{:href => "http://developers.whatwg.org/sections.html#the-article-element"} article
+    or
+    %code
+      %a{:href => "http://developers.whatwg.org/sections.html#the-body-element-0"} body
+    element ancestor. If that is
+    = succeed "," do
+      %a{:href => "dom.html#the-body-element"} the body element
+    then the contact information applies to the document as a whole.
+  .markup
+    %address
+      %a{:href => ""}> Dave Raggett
+      ,
+      = succeed "," do
+        %a{:href => ""} Arnaud Le Hors
+      contact persons for the
+      %a{:href => ""} W3C HTML Activity

data/templates/project/templates/old/survivalkit/partials/html5/all-headings.haml

@@ -0,0 +1,31 @@
+%article#all-headings.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements"} The h1, h2, h3, h4, h5, and h6 elements
+  %p
+    These elements
+    %a{:href => "http://developers.whatwg.org/sections.html#represents", :title => "represents"} represent
+    headings for their sections.
+  %p
+    The semantics and meaning of these elements are defined in the section on
+    = succeed "." do
+      %a{:href => "http://developers.whatwg.org/sections.html#headings-and-sections"} headings and sections
+  %p These two snippets are equivalent in the outline:
+  .markup
+    %h1 Let's call it a draw(ing surface)
+    %h2 Diving in
+    %h2 Simple shapes
+    %h2 Canvas coordinates
+    %h3 Canvas coordinates diagram
+    %h2 Paths
+  .markup
+    %h1 Let's call it a draw(ing surface)
+    %section
+      %h1 Diving in
+    %section
+      %h1 Simple shapes
+    %section
+      %h1 Canvas coordinates
+      %section
+        %h1 Canvas coordinates diagram
+    %section
+      %h1 Paths

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

@@ -0,0 +1,22 @@
+%article#article.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/sections.html#the-article-element"} Article
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/sections.html#the-article-element"} article
+    element
+    %a{:href => "http://developers.whatwg.org/sections.html#represents"} represents
+    a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
+  .markup
+    %article
+      %header
+        %h1 The Very First Rule of Life
+        %p
+          %time{:datetime => "2009-10-09T14:28-08:00", :pubdate => ""}
+      %p
+        If there's a microphone anywhere near you, assume it's hot and
+        sending whatever you're saying to the world. Seriously.
+      %p …
+      %footer
+        %a{:href => "?comments=1"} Show comments...

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

@@ -0,0 +1,20 @@
+%article#aside.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/sections.html#the-aside-element"} Aside
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/sections.html#the-aside-element"} aside
+    element
+    %a{:href => "http://developers.whatwg.org/sections.html#represents"} represents
+    a section of a page that consists of content that is tangentially related to the content around the
+    %code
+      %a{:href => "http://developers.whatwg.org/sections.html#the-aside-element"} aside
+    element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.
+  .markup
+    %aside
+      %h1 Switzerland
+      %p
+        Switzerland, a land-locked country in the middle of geographic
+        Europe, has not joined the geopolitical European Union, though it is
+        a signatory to a number of European treaties.

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

@@ -0,0 +1,21 @@
+%article#b.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-b-element"} b
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-b-element"} b
+    element
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
+    a span of text
+    to be stylistically offset from the normal prose without conveying
+    any extra importance, such as key words in a document abstract,
+    product names in a review, or other spans of text whose typical
+    typographic presentation is boldened.
+  .markup
+    %p
+      The
+      %b frobonitor
+      and
+      %b barbinator
+      components are fried.

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

@@ -0,0 +1,30 @@
+%article#bdi.element
+  %h2.element-title
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-bdi-element"} bdi
+  %p
+    The
+    %code
+      %a{:href => "http://developers.whatwg.org/text-level-semantics.html#the-bdi-element"} bdi
+    element
+    %a{:href => "http://developers.whatwg.org/text-level-semantics.html#represents"} represents
+    a span of
+    text that is to be isolated from its surroundings for the purposes
+    of bidirectional text formatting.
+    %a{:href => "references.html#refsBIDI"} [BIDI]
+  .markup
+    %ul
+      %li
+        User
+        = succeed ":" do
+          %bdi jcranmer
+        12 posts.
+        %li
+          User
+          = succeed ":" do
+            %bdi hober
+          5 posts.
+          %li
+            User
+            = succeed ":" do
+              %bdi إيان
+            3 posts.