giraffesoft-webby 0.9.5

data/spec/data/outline/toc_range_2.out

@@ -0,0 +1,55 @@
+<ol>
+<li>
+<a href="#h1">Second Header</a>
+</li>
+<li>
+<a href="#h2">Third Header</a>
+</li>
+<li>
+<a href="#h3">Sixth Header</a>
+<ol>
+<li>
+<a href="#h3_1">Seventh Header</a>
+<ol>
+<li>
+<a href="#h3_1_1">Eighth Header</a>
+</li>
+</ol>
+</li>
+</ol>
+</li>
+<li>
+<a href="#h4">Eleventh Header</a>
+<ol>
+<li>
+<a href="#h4_1">Twelfth Header</a>
+</li>
+<li>
+<a href="#h4_2">Thirteenth Header</a>
+</li>
+</ol>
+</li>
+<li>
+<a href="#h5">Fifteenth Header</a>
+</li>
+</ol>
+
+<h1>First Header</h1>
+<h2 id="h1"><span class="heading-num">1</span>Second Header</h2>
+<h2 id="h2"><span class="heading-num">2</span>Third Header</h2>
+
+<h1>Fourth Header</h1>
+
+<h1>Fifth Header</h1>
+<h2 id="h3"><span class="heading-num">3</span>Sixth Header</h2>
+<h3 id="h3_1"><span class="heading-num">3.1</span>Seventh Header</h3>
+<h4 id="h3_1_1"><span class="heading-num">3.1.1</span>Eighth Header</h4>
+<h5>Ninth Header</h5>
+<h6>Tenth Header</h6>
+
+<h2 id="h4"><span class="heading-num">4</span>Eleventh Header</h2>
+<h3 id="h4_1"><span class="heading-num">4.1</span>Twelfth Header</h3>
+<h3 id="h4_2"><span class="heading-num">4.2</span>Thirteenth Header</h3>
+
+<h1>Fourteenth Header</h1>
+<h2 id="h5"><span class="heading-num">5</span>Fifteenth Header</h2>

data/spec/data/outline/toc_style.out

@@ -0,0 +1,81 @@
+<ul>
+<li>
+<a href="#h1">First Header</a>
+<ul>
+<li>
+<a href="#h1_1">Second Header</a>
+</li>
+<li>
+<a href="#h1_2">Third Header</a>
+</li>
+</ul>
+</li>
+<li>
+<a href="#h2">Fourth Header</a>
+</li>
+<li>
+<a href="#h3">Fifth Header</a>
+<ul>
+<li>
+<a href="#h3_1">Sixth Header</a>
+<ul>
+<li>
+<a href="#h3_1_1">Seventh Header</a>
+<ul>
+<li>
+<a href="#h3_1_1_1">Eighth Header</a>
+<ul>
+<li>
+<a href="#h3_1_1_1_1">Ninth Header</a>
+<ul>
+<li>
+<a href="#h3_1_1_1_1_1">Tenth Header</a>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+<li>
+<a href="#h3_2">Eleventh Header</a>
+<ul>
+<li>
+<a href="#h3_2_1">Twelfth Header</a>
+</li>
+<li>
+<a href="#h3_2_2">Thirteenth Header</a>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+<li>
+<a href="#h4">Fourteenth Header</a>
+<ul>
+<li>
+<a href="#h4_1">Fifteenth Header</a>
+</li>
+</ul></li></ul>
+
+<h1 id="h1"><span class="heading-num">1</span>First Header</h1>
+<h2 id="h1_1"><span class="heading-num">1.1</span>Second Header</h2>
+<h2 id="h1_2"><span class="heading-num">1.2</span>Third Header</h2>
+
+<h1 id="h2"><span class="heading-num">2</span>Fourth Header</h1>
+
+<h1 id="h3"><span class="heading-num">3</span>Fifth Header</h1>
+<h2 id="h3_1"><span class="heading-num">3.1</span>Sixth Header</h2>
+<h3 id="h3_1_1"><span class="heading-num">3.1.1</span>Seventh Header</h3>
+<h4 id="h3_1_1_1"><span class="heading-num">3.1.1.1</span>Eighth Header</h4>
+<h5 id="h3_1_1_1_1"><span class="heading-num">3.1.1.1.1</span>Ninth Header</h5>
+<h6 id="h3_1_1_1_1_1"><span class="heading-num">3.1.1.1.1.1</span>Tenth Header</h6>
+
+<h2 id="h3_2"><span class="heading-num">3.2</span>Eleventh Header</h2>
+<h3 id="h3_2_1"><span class="heading-num">3.2.1</span>Twelfth Header</h3>
+<h3 id="h3_2_2"><span class="heading-num">3.2.2</span>Thirteenth Header</h3>
+
+<h1 id="h4"><span class="heading-num">4</span>Fourteenth Header</h1>
+<h2 id="h4_1"><span class="heading-num">4.1</span>Fifteenth Header</h2>

data/spec/data/site/Sitefile

@@ -0,0 +1,9 @@
+
+task :default => :build
+
+desc 'deploy the site to the webserver'
+task :deploy => [:build, 'deploy:rsync']
+
+SITE.create_mode = 'directory'
+
+# EOF

data/spec/data/site/content/_partial.txt

@@ -0,0 +1,10 @@
+---
+filter: erb
+---
+A partial has access to the page from which it was called. The title below will be the title of the page in which this partial is rendered.
+
+<%%= h(@page.title) %>
+
+A partial does not have access to it's own meta-data. The partial meta-data is used primarily for finding partials or for use in other pages. The filter(s) specified in the meta-data will be applied to the partial text when it is rendered.
+
+A partial does not require meta-data at all. They can contain just text.

data/spec/data/site/content/css/coderay.css

@@ -0,0 +1,111 @@
+.CodeRay {
+  padding: 0.5em;
+  margin-bottom: 1.3em;
+  background-color: #eee;
+  border: 1px solid #aaa;
+  font: 1.1em Monaco, 'Courier New', 'Terminal', monospace;
+  color: #100;
+}
+.CodeRay pre {
+  padding: 0px;
+  margin: 0px;
+  overflow: auto;
+  background-color: transparent;
+  border: none;
+}
+
+div.CodeRay { }
+
+span.CodeRay { white-space: pre; border: 0px; padding: 2px }
+
+table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
+table.CodeRay td { padding: 2px 4px; vertical-align: top }
+
+.CodeRay .line_numbers, .CodeRay .no {
+  background-color: #def;
+  color: gray;
+  text-align: right;
+}
+.CodeRay .line_numbers tt { font-weight: bold }
+.CodeRay .no { padding: 0px 4px }
+
+ol.CodeRay { font-size: 10pt }
+ol.CodeRay li { white-space: pre }
+
+.CodeRay .debug { color:white ! important; background:blue ! important; }
+
+.CodeRay .af { color:#00C }
+.CodeRay .an { color:#007 }
+.CodeRay .av { color:#700 }
+.CodeRay .aw { color:#C00 }
+.CodeRay .bi { color:#509; font-weight:bold }
+.CodeRay .c  { color:#666; }
+
+.CodeRay .ch { color:#04D }
+.CodeRay .ch .k { color:#04D }
+.CodeRay .ch .dl { color:#039 }
+
+.CodeRay .cl { color:#B06; font-weight:bold }
+.CodeRay .co { color:#036; font-weight:bold }
+.CodeRay .cr { color:#0A0 }
+.CodeRay .cv { color:#369 }
+.CodeRay .df { color:#099; font-weight:bold }
+.CodeRay .di { color:#088; font-weight:bold }
+.CodeRay .dl { color:black }
+.CodeRay .do { color:#970 }
+.CodeRay .ds { color:#D42; font-weight:bold }
+.CodeRay .e  { color:#666; font-weight:bold }
+.CodeRay .en { color:#800; font-weight:bold }
+.CodeRay .er { color:#F00; background-color:#FAA }
+.CodeRay .ex { color:#F00; font-weight:bold }
+.CodeRay .fl { color:#60E; font-weight:bold }
+.CodeRay .fu { color:#06B; font-weight:bold }
+.CodeRay .gv { color:#d70; font-weight:bold }
+.CodeRay .hx { color:#058; font-weight:bold }
+.CodeRay .i  { color:#00D; font-weight:bold }
+.CodeRay .ic { color:#B44; font-weight:bold }
+
+.CodeRay .il { background: #eee }
+.CodeRay .il .il { background: #ddd }
+.CodeRay .il .il .il { background: #ccc }
+.CodeRay .il .idl { font-weight: bold; color: #888 }
+
+.CodeRay .in { color:#B2B; font-weight:bold }
+.CodeRay .iv { color:#33B }
+.CodeRay .la { color:#970; font-weight:bold }
+.CodeRay .lv { color:#963 }
+.CodeRay .oc { color:#40E; font-weight:bold }
+.CodeRay .of { color:#000; font-weight:bold }
+.CodeRay .op { }
+.CodeRay .pc { color:#038; font-weight:bold }
+.CodeRay .pd { color:#369; font-weight:bold }
+.CodeRay .pp { color:#579 }
+.CodeRay .pt { color:#339; font-weight:bold }
+.CodeRay .r  { color:#080; font-weight:bold }
+
+.CodeRay .rx { background-color:#fff0ff }
+.CodeRay .rx .k { color:#808 }
+.CodeRay .rx .dl { color:#404 }
+.CodeRay .rx .mod { color:#C2C }
+.CodeRay .rx .fu  { color:#404; font-weight: bold }
+
+.CodeRay .s  { background-color:#fff0f0 }
+.CodeRay .s  .s { background-color:#ffe0e0 }
+.CodeRay .s  .s  .s { background-color:#ffd0d0 }
+.CodeRay .s  .k { color:#D20 }
+.CodeRay .s  .dl { color:#710 }
+
+.CodeRay .sh { background-color:#f0fff0 }
+.CodeRay .sh .k { color:#2B2 }
+.CodeRay .sh .dl { color:#161 }
+
+.CodeRay .sy { color:#A60 }
+.CodeRay .sy .k { color:#A60 }
+.CodeRay .sy .dl { color:#630 }
+
+.CodeRay .ta { color:#070 }
+.CodeRay .tf { color:#070; font-weight:bold }
+.CodeRay .ts { color:#D70; font-weight:bold }
+.CodeRay .ty { color:#339; font-weight:bold }
+.CodeRay .v  { color:#036 }
+.CodeRay .xt { color:#444 }

data/spec/data/site/content/css/site.css

@@ -0,0 +1,67 @@
+---
+extension: css
+filter:    erb
+layout:    nil   # no layout
+
+color:
+  border:      "#ddd"
+  header:      "#111"
+  link:        "#125AA7"
+  link-hover:  "#000"
+  blockquote:  "#666"
+  box-bg:      "#eee"
+  highlight:   "#B2CCFF"
+  quiet:       "#666"
+  alt:         "#666"
+---
+
+body {
+  font-family: Verdana, "Bitstream Vera Sans", sans-serif;
+}
+
+/* Headings
+ * --------------------------------------------------------------------- */
+h1,h2,h3,h4,h5,h6 { color: <%= @page.color['header'] %>; }
+
+/* Text Elements
+ * --------------------------------------------------------------------- */
+a                 { color: <%= @page.color['link'] %>; }
+a:hover           { color: <%= @page.color['link-hover'] %>; }
+blockquote        { color: <%= @page.color['blockquote'] %>; }
+
+pre {
+  background: <%= @page.color['box-bg'] %>;
+  border:     1px solid <%= @page.color['border'] %>;
+}
+
+hr {
+  background: <%= @page.color['highlight'] %>;
+  color:      <%= @page.color['highlight'] %>;
+}
+
+/* Tables
+ * --------------------------------------------------------------------- */
+table {
+  border-top:     1px solid <%= @page.color['border'] %>;
+  border-left:    1px solid <%= @page.color['border'] %>;
+}
+th,td {
+  border-bottom:  1px solid <%= @page.color['border'] %>;
+  border-right:   1px solid <%= @page.color['border'] %>;
+}
+
+/* Default Classes
+ * --------------------------------------------------------------------- */
+p.quiet { color: <%= @page.color['quiet'] %>; }
+.alt    { color: <%= @page.color['alt'] %>; }
+
+p.title {
+  color: #111;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 2em;
+  margin-bottom: 0.75em;
+}
+
+#header p.title { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+
+/* EOF */

data/spec/data/site/content/css/tumblog.css

@@ -0,0 +1,308 @@
+---
+extension: css
+filter:    sass
+layout:    nil   # no layout
+sass_options:
+  :style: :expanded
+---
+!background  = #FFF
+!text        = #000
+!border      = #CCC
+!header      = #6498CC
+!link        = #6498CC
+!link_hover  = #000
+!blockquote  = #666
+!code        = #000
+!box_bg      = #EEE
+!highlight   = #6498CC
+!quiet       = #666
+!alt         = #666
+
+!title       = #444
+!description = #777
+!date        = #CCC
+!date_brick  = #BBD5F1
+
+body
+  :margin                  0px
+  :background-color =      !background
+  :font-family             Verdana, Geneva, Arial, sans-serif
+
+a
+  :color =                 !link
+  :text-decoration         none
+  &:hover
+    :text-decoration       underline
+
+h1
+  :width                   600px
+  :padding                 0px 100px 20px 100px
+  :margin                  50px auto 40px auto
+  :border-bottom =         solid 1px !border
+  :text-align              center
+  :font                    Bold 55px 'Trebuchet MS', Geneva, Arial, sans-serif
+  :letter-spacing          -2px
+  :line-height             50px
+  :position                relative
+
+  a
+    :color =               !title
+    :text-decoration       none
+    &:hover
+      :text-decoration     none
+
+  img
+    :border-width          0px
+    :position              absolute
+    :right                 0px
+    :bottom                10px
+    :width                 43px
+    :height                23px
+
+
+div#content
+  :width                   420px
+  :margin                  auto
+  :position                relative
+
+div#description
+  :position                absolute
+  :right                   -170px
+  :width                   160px
+  :text-align              right
+  :font                    Normal 17px Verdana, Geneva, Arial, sans-serif
+  :line-height             20px
+  :color =                 !description
+
+  a
+    :color =               !description
+    :text-decoration       underline
+
+div.post
+  :position                relative
+  :margin-bottom           40px
+  :padding-right           20px
+
+  div.date
+    :position              absolute
+    :left                  -260px
+    :text-align            right
+    :width                 230px
+    :white-space           nowrap
+    :font                  Normal 34px Verdana, Geneva, Arial, sans-serif
+    :letter-spacing        -2px
+    :color =               !date
+    :text-transform        uppercase
+    :line-height           35px
+
+    div.date_brick
+      :float               right
+      :height              30px
+      :width               45px
+      :background-color =  !highlight
+      :color =             !date_brick
+      :font                Bold 12px Verdana, Geneva, Arial, sans-serif
+      :text-align          center
+      :line-height         12px
+      :margin-left         10px
+      :padding-top         5px
+      :letter-spacing      0px
+      :overflow            hidden
+
+  img.permalink
+    :width                 14px
+    :height                13px
+    :border-width          0px
+    :background-color      #000
+    :display               none
+    :position              absolute
+    :right                 0px
+    :top                   0px
+    :z-index               10
+   
+  &:hover
+    img.permalink
+      :display             inline
+
+  h2
+    :font                  Bold 18px 'Trebuchet MS', Geneva, Arial, sans-serif
+    :color                 #6498CC
+    :letter-spacing        -1px
+    :margin                0px 0px 5px 0px
+
+    a
+      :color               #6498CC
+      :text-decoration     none
+  
+  div.caption
+    :font-size             14px
+    :font-weight           bold
+    :color                 #444
+    :margin-top            10px
+    :padding               0px 20px 0px 20px
+
+    a
+      :color               #444
+
+// Regular Post
+            
+  div.regular
+    :font-size             12px
+    :color                 #444
+    :line-height           17px
+
+    h2
+      :font-size           36px
+      :line-height         34px
+  
+    blockquote
+      :font-style          italic
+      :border-left         solid 2px #444
+      :padding-left        10px
+                        
+// Quote Post
+
+  div.quote
+    h2
+      :font-size           36px
+      :line-height         34px
+      a
+        :color             #6498CC
+
+    p
+      :font                Bold 28px Helvetica, sans-serif
+      :letter-spacing      -1px
+      :color               #666
+
+    a
+      :color               #666
+
+    big
+      :font                Bold 60px Georgia, serif
+      :line-height         8px
+      :vertical-align      -20px
+
+    span.source
+      :font                Bold 16px Verdana, Geneva, Arial, sans-serif
+      :color               #444
+      :letter-spacing      -1px
+
+      a
+        :color             #444
+  
+  div.source
+    :font-size             16px
+    :font-weight           Bold
+    :color                 #555
+    :margin-top            5px
+  
+    a
+      :color               #555
+
+// Link Post
+            
+  div.link
+    h2
+      :font-size           36px
+      :line-height         34px
+
+    a.link
+      :font                Bold 20px Verdana, Geneva, Arial, sans-serif
+      :letter-spacing      -1px
+      :color               #C00
+  
+    span.description
+      :font-size           13px
+      :font-weight         normal
+      :letter-spacing      -1px
+      :color               #444
+            
+// Conversation Post
+                        
+  div.conversation
+    ul
+      :list-style-type     none
+      :margin              0px
+      :padding             0px 0px 0px 1px
+  
+      li
+        :font-size         12px
+        :padding           4px 10px 4px 8px
+        :color             #444
+        :margin-bottom     1px
+  
+        span.label
+          :font-weight     bold
+          
+        span.user_1
+          :color           #C00
+              
+        span.user_2
+          :color           #00C
+              
+        span.user_3
+          :color           #0A0
+          
+      li.odd
+        :background-color  #F4F4F4
+  
+      li.even
+        :background-color  #E8E8E8
+
+    h2
+      :font-size           36px
+      :line-height         34px
+      :position            relative
+      :top                 -4px
+      :margin-top          0px
+      :padding-top         0px
+
+// Photo Post
+
+  div.photo
+    h2
+      :font-size           36px
+      :line-height         34px
+
+    p.caption
+      :font-size           11px
+      :color               #444
+      :margin-top          5px
+      a
+        :color             #444
+
+// Video Post
+            
+  div.video
+    :width                 400px
+    :margin                auto
+
+    h2
+      :font-size           36px
+      :line-height         40px
+      :letter-spacing      -1px
+      :font-weight         Bold
+      :font-family         'Trebuchet MS', Geneva, Arial, sans-serif
+      :margin              0px 0px 5px 0px
+
+// Footer
+            
+div#footer
+  :margin                  40px 0px 30px 0px
+  :text-align              center
+  :font-size               15px
+  :font-weight             bold
+  :color                   #444
+
+  a
+    :text-decoration       none
+    :color                 #444
+
+    &:hover
+      :text-decoration     underline
+    
+  div#credit
+    :font                  Normal 13px Verdana, Geneva, Arial, sans-serif
+    :margin-top            15px
+
+// EOF