zenweb 2.18.1 → 3.0.0.b1

data/example-site/about/index.html.md

@@ -0,0 +1,8 @@
+---
+title: About example.com
+layout: site
+...
+
+# About Me
+
+Blah blah blah

data/example-site/atom.xml.erb

@@ -0,0 +1,43 @@
+---
+title: example.com
+domain: http://example.com
+author: John Doe
+email: john.doe@example.com
+feed_url: http://example.com/atom.xml
+rss_length: 15
+layout: nil
+...
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+
+  {%
+    posts = site.pages_by_date.first(rss_length)
+  %}
+
+  <id>{{ domain }}/</id>
+  <title>{{ title }}</title>
+  <updated>{{ posts.first.date.iso8601 }}</updated>
+
+  <author>
+    <name>{{ author }}</name>
+    <email>{{ email }}</email>
+  </author>
+
+  <link href="{{ feed_url }}" rel="self"/>
+  <link href="{{ domain }}/"/>
+
+  <rights> © {{ author }} - {{ email }} </rights>
+
+  {% for post in posts %}
+    <entry>
+      <id>{{ domain }}{{ post.url }}</id>
+      <title>{{ h post.title }}</title>
+      <updated>{{ post.date.iso8601 }}</updated>
+
+      <link rel="alternate" href="{{ domain }}{{ post.url }}"/>
+
+      <published>{{ post.date.iso8601 }}</published>
+      <content type="html">{{ h post.subrender }}</content>
+    </entry>
+  {% end %}
+</feed>

data/example-site/blog/2012-01-02-page1.html.md

@@ -0,0 +1,5 @@
+---
+title: Example Page 1
+...
+
+Not really much here to see.

data/example-site/blog/2012-01-03-page2.html.md

@@ -0,0 +1,5 @@
+---
+title: Example Page 2
+...
+
+This is my Résumé.

data/example-site/blog/2012-01-04-page3.html.md

@@ -0,0 +1,5 @@
+---
+title: Example Page 3
+...
+
+Not really much here to see.

data/example-site/blog/_config.yml

@@ -0,0 +1 @@
+layout: post

data/example-site/blog/index.html.erb

@@ -0,0 +1,19 @@
+---
+title: example.com
+layout: site
+...
+
+<h1 class="section top">Post Archive</h1>
+
+{% for page in site.categories.blog %}
+<div class="post">
+    <h1 class="title">
+        <a href="{{ page.url }}">{{ page.title }}</a>
+    </h1>
+    <h3 class="date">{{ page.date.datetime }}</h3>
+
+    {% if page["excerpt"] %} <p>{{ markdown page.excerpt }}</p> {% end %}
+
+    <a class="readmore" href="{{ page.url }}">read more &raquo;</a>
+</div>
+{% end %}

data/example-site/config.ru

@@ -0,0 +1,33 @@
+require 'rubygems'
+require './.isolate.rb'
+require 'rack'
+
+# The project root directory
+$root = ::File.dirname(__FILE__)
+
+# Common Rack Middleware
+use Rack::ShowStatus      # Nice looking 404s and other messages
+use Rack::ShowExceptions  # Nice looking errors
+
+#
+# From Rack::DirectoryIndex:
+# https://github.com/craigmarksmith/rack-directory-index/
+#
+module Rack
+  class DirectoryIndex
+    def initialize(app)
+      @app = app
+    end
+    def call(env)
+      index_path = ::File.join($root, 'public', Rack::Request.new(env).path.split('/'), 'index.html')
+      if ::File.exists?(index_path)
+        return [200, {"Content-Type" => "text/html"}, [::File.read(index_path)]]
+      else
+        @app.call(env)
+      end
+    end
+  end
+end
+
+use Rack::DirectoryIndex
+run Rack::Directory.new $root

data/example-site/css/colors.css.less

@@ -0,0 +1,71 @@
+@background: #eee;
+@links: #0a0;
+@headers: #888;
+@accent_lines: #caa;
+@divider_lines: #aaa;
+
+body {
+    background-color: @background;
+}
+
+div#container {
+    background: @background + #333;
+}
+
+a {
+    color: @links;
+}
+
+h1.section {
+    border-bottom-color: @divider_lines;
+}
+
+h1.title a {
+    color: black;
+}
+
+h1.title a:hover {
+    text-decoration: none;
+}
+
+h3.date {
+    color: @headers;
+}
+
+pre, code {
+    outline-color: @divider_lines;
+    background: @background;
+}
+
+#header h1 a {
+    color: #000;
+}
+
+#header h1 a:hover {
+    color: #000;
+}
+
+#header a {
+    color: @headers;
+}
+
+#header a:hover {
+    color: @links;
+}
+
+#header ul li {
+    border-left-color: @accent_lines;
+}
+
+div.post h2 {
+    border-bottom-color: @divider_lines;
+}
+
+div#footer {
+    color: @headers;
+    border-top-color: @accent_lines;
+}
+
+div#copyright {
+    color: @background - #222;
+}

data/example-site/css/styles.css

@@ -0,0 +1,223 @@
+/* @override http://localhost:4000/css/styles.css */
+
+@import url(/css/colors.css);
+
+/* @group Basics */
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    background-image: url(/img/bg.png);
+    background-repeat: repeat-x;
+    font-family: 'Helvetica Neue', Helvetica, sans-serif;
+    font-size: 15px;
+    max-width: 960px;
+    margin: 0 auto;
+}
+
+pre, code {
+    font-family: Monaco, Courier, monospace;
+}
+
+div#container {
+    padding: 2em;
+    margin-bottom: 2em;
+}
+
+td { padding: 1em; }
+
+a {
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+h1, h2, h3 {
+    font-weight: 300;
+}
+
+ul {
+  // list-style: none;
+}
+/* @end */
+
+
+/* @group header */
+#header {
+    position: relative;
+
+    margin-top: 12px;
+    margin-bottom: 1em;
+}
+
+#header h1 {
+    font-size: 2.5em;
+}
+
+#header h1 a:hover {
+    text-decoration: none;
+}
+
+#header ul {
+    position: absolute;
+    right: 0;
+    bottom: 20px;
+    padding-top: 0.5em;
+}
+
+#header ul li {
+    display: inline;
+}
+
+#header ul li {
+    display: inline;
+    border-left-style: solid;
+    border-left-width: 2px;
+    padding: 0 8px;
+}
+
+#header ul li:first-child {
+    border-left: none;
+    padding-left: 0;
+}
+
+#header ul li:last-child {
+    padding-right: 0;
+}
+/* @end */
+
+
+/* @group footer */
+div#footer {
+    border-top-style: solid;
+    border-top-width: 1px;
+    padding-top: 0.5em;
+    line-height: 1.2em;
+}
+
+div#contact, div#presence {
+    width: 50%;
+    float: left;
+}
+
+div#presence {
+    text-align: right;
+}
+
+div#copyright {
+    margin-top: 5em;
+    margin-bottom: 2em;
+    text-align: center;
+}
+/* @end */
+
+
+/* @group posts */
+h1.section {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    margin-top: 1em;
+    margin-bottom: 0.5em;
+}
+
+h1.top {
+    margin-top: 0;
+}
+
+h1.title {
+    font-size: 2.5em;
+}
+
+h3.date {
+    font-size: 1.1em;
+}
+
+a.readmore {
+    display: block;
+    text-align: right;
+}
+
+p {
+    margin-top: 1em;
+    margin-bottom: 1em;
+    text-align: justify;
+}
+
+p, ul {
+    line-height: 1.5em;
+}
+
+div.post h2 {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    margin-top: 0.7em;
+}
+/* @end */
+
+
+/* @group code snippets */
+pre, code {
+    outline-width: 1px;
+    outline-style: solid;
+}
+
+pre {
+    padding: 1em;
+    overflow: auto;
+    margin-top: 1.5em;
+    margin-bottom: 1.5em;
+}
+
+code {
+    padding: 0 3px 1px 3px;
+    /* don't break code across lines */
+    white-space: nowrap;
+}
+
+/* syntax highlight blocks */
+pre code {
+    padding: 0;
+    outline: 0;
+    white-space: pre;
+}
+/* @end */
+
+
+/* @group activity list */
+ul.activity li {
+    position: relative;
+}
+
+ul.activity li h2 {
+    font-size: 1.1em;
+    margin-bottom: 0.2em;
+}
+
+ul.activity li h3.date {
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+
+ul.activity li p {
+    margin-top: 0;
+    margin-right: 7em;
+}
+
+ul#recent_posts li {
+    margin-top: 1em;
+}
+
+ul#recent_activity li a {
+    font-family: monospace;
+}
+
+ul#recent_activity li p {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+/* @end */

data/example-site/css/syntax.css

@@ -0,0 +1,171 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+
+.CodeRay {
+  background-color: hsl(0,0%,95%);
+  border: 1px solid silver;
+  color: black;
+}
+.CodeRay pre {
+  margin: 0px;
+}
+
+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 {
+  background-color: hsl(180,65%,90%);
+  color: gray;
+  text-align: right;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.CodeRay .line-numbers a {
+  background-color: hsl(180,65%,90%) !important;
+  color: gray !important;
+  text-decoration: none !important;
+}
+
+.CodeRay .line-numbers a:target       { color: blue !important; }
+.CodeRay .line-numbers .highlighted   { color: red !important; }
+.CodeRay .line-numbers .highlighted a { color: red !important; }
+
+.CodeRay span.line-numbers { padding: 0px 4px; }
+.CodeRay .line             { display: block; float: left; width: 100%; }
+.CodeRay .code             { width: 100%; }
+
+.CodeRay .debug { color: white !important; background: blue !important; }
+
+.CodeRay .annotation          { color:#007 }
+.CodeRay .attribute-name      { color:#b48 }
+.CodeRay .attribute-value     { color:#700 }
+.CodeRay .binary              { color:#509 }
+.CodeRay .char .content       { color:#D20 }
+.CodeRay .char .delimiter     { color:#710 }
+.CodeRay .char                { color:#D20 }
+.CodeRay .class               { color:#B06; font-weight:bold }
+.CodeRay .class-variable      { color:#369 }
+.CodeRay .color               { color:#0A0 }
+.CodeRay .comment             { color:#777 }
+.CodeRay .comment .char       { color:#444 }
+.CodeRay .comment .delimiter  { color:#444 }
+.CodeRay .complex             { color:#A08 }
+.CodeRay .constant            { color:#036; font-weight:bold }
+.CodeRay .decorator           { color:#B0B }
+.CodeRay .definition          { color:#099; font-weight:bold }
+.CodeRay .delimiter           { color:black }
+.CodeRay .directive           { color:#088; font-weight:bold }
+.CodeRay .doc                 { color:#970 }
+.CodeRay .doc-string          { color:#D42; font-weight:bold }
+.CodeRay .doctype             { color:#34b }
+.CodeRay .entity              { color:#800; font-weight:bold }
+.CodeRay .error               { color:#F00; background-color:#FAA }
+.CodeRay .escape              { color:#666 }
+.CodeRay .exception           { color:#C00; font-weight:bold }
+.CodeRay .float               { color:#60E }
+.CodeRay .function            { color:#06B; font-weight:bold }
+.CodeRay .global-variable     { color:#d70 }
+.CodeRay .hex                 { color:#02b }
+.CodeRay .imaginary           { color:#f00 }
+.CodeRay .include             { color:#B44; font-weight:bold }
+.CodeRay .inline              { background-color: hsla(0,0%,0%,0.07); color: black }
+.CodeRay .inline-delimiter    { font-weight: bold; color: #666 }
+.CodeRay .instance-variable   { color:#33B }
+.CodeRay .integer             { color:#00D }
+.CodeRay .key .char           { color: #60f }
+.CodeRay .key .delimiter      { color: #404 }
+.CodeRay .key                 { color: #606 }
+.CodeRay .keyword             { color:#080; font-weight:bold }
+.CodeRay .label               { color:#970; font-weight:bold }
+.CodeRay .local-variable      { color:#963 }
+.CodeRay .namespace           { color:#707; font-weight:bold }
+.CodeRay .octal               { color:#40E }
+.CodeRay .operator            { }
+.CodeRay .predefined          { color:#369; font-weight:bold }
+.CodeRay .predefined-constant { color:#069 }
+.CodeRay .predefined-type     { color:#0a5; font-weight:bold }
+.CodeRay .preprocessor        { color:#579 }
+.CodeRay .pseudo-class        { color:#00C; font-weight:bold }
+.CodeRay .regexp .content     { color:#808 }
+.CodeRay .regexp .delimiter   { color:#404 }
+.CodeRay .regexp .modifier    { color:#C2C }
+.CodeRay .regexp              { background-color:hsla(300,100%,50%,0.06); }
+.CodeRay .reserved            { color:#080; font-weight:bold }
+.CodeRay .shell .content      { color:#2B2 }
+.CodeRay .shell .delimiter    { color:#161 }
+.CodeRay .shell               { background-color:hsla(120,100%,50%,0.06); }
+.CodeRay .string .char        { color: #b0b }
+.CodeRay .string .content     { color: #D20 }
+.CodeRay .string .delimiter   { color: #710 }
+.CodeRay .string .modifier    { color: #E40 }
+.CodeRay .string              { background-color:hsla(0,100%,50%,0.05); }
+.CodeRay .symbol .content     { color:#A60 }
+.CodeRay .symbol .delimiter   { color:#630 }
+.CodeRay .symbol              { color:#A60 }
+.CodeRay .tag                 { color:#070 }
+.CodeRay .type                { color:#339; font-weight:bold }
+.CodeRay .value               { color: #088; }
+.CodeRay .variable            { color:#037 }