giraffesoft-webby 0.9.5

data/examples/webby/content/css/coderay.css

@@ -0,0 +1,96 @@
+
+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/examples/webby/content/css/site.css

@@ -0,0 +1,196 @@
+---
+extension: css
+filter:    sass
+layout:    nil   # no layout
+sass_options:
+  :style: :expanded
+---
+!text        = #000
+!border      = #CCC
+!header      = #111
+!link        = #125AA7
+!link_hover  = #000
+!blockquote  = #666
+!code        = #000
+!box_bg      = #EEE
+!highlight   = #B2CCFF
+!quiet       = #666
+!alt         = #666
+
+@import blueprint/screen.css
+
+body
+  :margin       0
+  :color =      !text
+  :font-family  Verdana, sans-serif
+  :background   white url('background.gif') repeat-x left top
+
+// Headings
+// ------------------------------------------------------------------------
+h1,h2,h3,h4,h5,h6
+  :color =      !header
+  :font-weight  bold
+
+h2,h3,h4,h5,h6
+  :border-bottom = 2px solid !highlight
+
+// Text Elements
+// ------------------------------------------------------------------------
+a
+  :color =   !link
+  &:hover
+    :color = !link_hover
+
+blockquote
+  :color =   !blockquote
+
+pre
+  :margin-left   18px
+  :padding       8px 8px 8px 18px
+  :color =       !code
+  :font-family   monospace, courier
+  :overflow      auto
+//  :background =  !box_bg
+//  :border =      1px solid !border
+  :border-left = 3px solid !border
+
+hr
+  :background = !highlight
+  :color =      !highlight
+
+code
+  :background-color = !box_bg
+
+// Tables
+// ------------------------------------------------------------------------
+table
+  :border-top =    1px solid !border
+  :border-left =   1px solid !border
+th,td
+  :border-bottom = 1px solid !border
+  :border-right =  1px solid !border
+
+// Default Classes
+// ------------------------------------------------------------------------
+.quiet
+  :color = !quiet
+.alt
+  :color = !alt
+
+// My Site Stylings
+// ------------------------------------------------------------------------
+#header
+  :margin              0 0 25px 0
+  :padding-top         20px
+  a
+    :color =           !header
+    :text-decoration   none
+  h1
+    :margin            0
+    :font-size         2.0em
+    :letter-spacing    0.25em
+  p
+    :font-style        italic
+    :font-weight       normal
+    :color =           !quiet
+  ul
+    :float             right
+    :margin            0
+    :padding           0
+    :text-align        right
+    :font-size         1.0em
+    :list-style-type   circle
+    li
+      :display         inline
+      :margin          0 0 0 2.5em
+      a
+        :color =       !quiet
+        :font-weight   bold
+        &:hover
+          :color =     !header
+
+#footer
+  :margin-top        18px
+  :font-size         0.8em
+  hr
+    :margin-bottom   18px
+  p
+    :text-align      center
+
+.CodeRay
+  pre
+    :font             12px monospace, courier
+
+div.toc
+  :float              right
+  :padding            8px
+  :margin-left        16px
+  :margin-bottom      16px
+  :background-color = !highlight
+  :border =           1px solid !border
+  ol
+    :margin-bottom    0.5em
+    ol
+      :margin-bottom  0
+  p.title
+    :margin-bottom    0.25em
+    :font-weight      bold
+    :font-size        1.2em
+    :text-align       center
+
+ul
+  ul
+    :margin-bottom    0
+
+span.heading-num
+  :margin-right  10px
+
+p.fn
+  :color =       !blockquote
+  :margin-left   1.5em
+
+p.span-2
+  :clear         left
+
+pre.option
+  :float         left
+  :margin-left   80px
+  :width         500px
+  :clear         both
+
+div.label
+  :float         left
+  :clear         left
+  :margin-right  10px
+  :width         110px
+  :font-weight   bold
+
+div.desc
+  :float         left
+  :margin
+    :right       0
+    :bottom      1.5em
+  :width         510px
+  ul
+    :margin-bottom 0
+
+p.TODO
+  :color            white
+  :background-color red
+  :font-weight      bold
+  :padding          5px 0.5em
+
+p.pull
+  :float         left
+  :clear         left
+  :margin        0 10px 0 -120px
+  :width         110px
+  :text-align    right
+
+p.pulltext
+  :float         left
+  :clear         right
+  :margin-right  10px
+  :width         670px
+
+// EOF

data/examples/webby/content/css/uv/twilight.css

@@ -0,0 +1,137 @@
+pre.twilight .DiffInserted {
+   background-color: #253B22;
+   color: #F8F8F8;
+}
+pre.twilight .DiffHeader {
+   background-color: #0E2231;
+   color: #F8F8F8;
+   font-style: italic;
+}
+pre.twilight .CssPropertyValue {
+   color: #F9EE98;
+}
+pre.twilight .CCCPreprocessorDirective {
+   color: #AFC4DB;
+}
+pre.twilight .Constant {
+   color: #CF6A4C;
+}
+pre.twilight .DiffChanged {
+   background-color: #4A410D;
+   color: #F8F8F8;
+}
+pre.twilight .EmbeddedSource {
+   background-color: #A3A6AD;
+}
+pre.twilight .Support {
+   color: #9B859D;
+}
+pre.twilight .MarkupList {
+   color: #F9EE98;
+}
+pre.twilight .CssConstructorArgument {
+   color: #8F9D6A;
+}
+pre.twilight .Storage {
+   color: #F9EE98;
+}
+pre.twilight .line-numbers {
+   background-color: inherit;
+   color: #999999;
+}
+pre.twilight .CssClass {
+   color: #9B703F;
+}
+pre.twilight .StringConstant {
+   color: #DDF2A4;
+}
+pre.twilight .CssAtRule {
+   color: #8693A5;
+}
+pre.twilight .MetaTagInline {
+   color: #E0C589;
+}
+pre.twilight .MarkupHeading {
+   color: #CF6A4C;
+}
+pre.twilight .CssTagName {
+   color: #CDA869;
+}
+pre.twilight .SupportConstant {
+   color: #CF6A4C;
+}
+pre.twilight .DiffDeleted {
+   background-color: #420E09;
+   color: #F8F8F8;
+}
+pre.twilight .CCCPreprocessorLine {
+   color: #8996A8;
+}
+pre.twilight .StringRegexpSpecial {
+   color: #CF7D34;
+}
+pre.twilight .EmbeddedSourceBright {
+   background-color: #9C9EA4;
+}
+pre.twilight .InvalidIllegal {
+   background-color: #241A24;
+   color: #F8F8F8;
+}
+pre.twilight .SupportFunction {
+   color: #DAD085;
+}
+pre.twilight .CssAdditionalConstants {
+   color: #CA7840;
+}
+pre.twilight .MetaTagAll {
+   color: #AC885B;
+}
+pre.twilight .StringRegexp {
+   color: #E9C062;
+}
+pre.twilight .StringEmbeddedSource {
+   color: #DAEFA3;
+}
+pre.twilight .EntityInheritedClass {
+   color: #9B5C2E;
+   font-style: italic;
+}
+pre.twilight .CssId {
+   color: #8B98AB;
+}
+pre.twilight .CssPseudoClass {
+   color: #8F9D6A;
+}
+pre.twilight .StringVariable {
+   color: #8A9A95;
+}
+pre.twilight .String {
+   color: #8F9D6A;
+}
+pre.twilight .Keyword {
+   color: #CDA869;
+}
+pre.twilight {
+   background-color: #141414;
+   color: #F8F8F8;
+}
+pre.twilight .CssPropertyName {
+   color: #C5AF75;
+}
+pre.twilight .DoctypeXmlProcessing {
+   color: #494949;
+}
+pre.twilight .InvalidDeprecated {
+   color: #D2A8A1;
+   font-style: italic;
+}
+pre.twilight .Variable {
+   color: #7587A6;
+}
+pre.twilight .Entity {
+   color: #9B703F;
+}
+pre.twilight .Comment {
+   color: #5F5A60;
+   font-style: italic;
+}

data/examples/webby/content/index.txt

@@ -0,0 +1,37 @@
+--- 
+title:      Webby
+created_at: 2007-08-21 11:25:06.000000 -06:00
+filter:     textile
+--- 
+*Webby* is a fantastic little website management system. It would be called a _content management system_ if it were a bigger kid. But, it's just a runt with a special knack for transforming text. And that's really all it does - manages the legwork of turning text into something else, an *ASCII Alchemist* if you will.
+
+Webby works by combining the contents of a *page* with a *layout* to produce HTML. The layout contains everything common to all the pages - HTML headers, navigation menu, footer, etc. - and the page contains just the information for that page. You can use your favorite markup language to write your pages; Webby supports quite a few.
+
+Install Webby and try it out!
+
+pre. sudo gem install webby
+
+h2. Features
+
+* choose your templating language: *ERB*, *Textile*, *Markdown*, *HAML*, *SASS*
+* support for "UltraViolet":http://ultraviolet.rubyforge.org/ and "CodeRay":http://coderay.rubychan.de/ syntax highlighting
+* embeddable DOT scripts for "Graphviz":http://www.graphviz.org/ graphs
+* "LaTeX":http://www.latex-project.org/ snippets for mathematical formulas
+* automatically clean up generated content using "Tidy":http://tidy.sourceforge.net/
+* quick and speedy - only builds pages that have changed
+* deploy anywhere - it's just HTML, no special server stuff required
+* happy "rake":http://docs.rubyrake.org/ tasks for deploying your website to a server
+* build new pages from templates for quicker blog posts and news items
+
+h2. But Wait! There's More!
+
+Webby has a great _autobuild_ feature that continuously generates HTML whenever the *pages* or *layouts* change. The HTML is served up using Webrick, a simple webserver that is bundled with Ruby. Whenever you change a page, you can immediately see those changes without having to run any commands.
+
+pre. $ webby autobuild
+[10:21:26]  INFO: starting autobuild (Ctrl-C to stop)
+[10:21:26]  INFO: creating output/index.html
+[10:22:57]  INFO: creating output/index.html
+
+Webby is not limited to producing HTML. By no means! Do you ever get tired of repeating the same color code *#D3C4A2* in your CSS files? Webby can help. Need some customized JavaScript for your website. Webby can help. Anytime you find yourself repeating the same bit of text over and over, then you should be using Webby.
+
+Read the "tutorial":/tutorial section for a quick introduction to Webby, and enjoy the wonders of *ASCII Alchemy*.