bike 0.2.1

data/skel/skin/css/coax.less

@@ -0,0 +1,244 @@
+@header-color: white;
+@header-bg: #000000;
+@container-bg: white;
+@background: #666699;
+
+@width: 950px;
+@right: 240px;
+@border: 3px;
+@left: @width - @right - @border - 60;
+
+body, html {
+  margin: 0;
+  padding: 0;
+  background: @background;
+  font-family: sans-serif;
+  a {
+    text-decoration: none;
+  }
+}
+
+#container {
+  width: @width;
+  margin: 0 auto;
+  background: @container-bg;
+}
+
+#header {
+  background: @header-bg;
+  border-bottom: @border solid @background;
+  padding-top: 1em;
+  padding-left: 20px;
+  h1 {
+    font-size: 40pt;
+    color: @header-color;
+    padding: .3em 0 0 0;
+    margin:0;
+    > a {
+      color: @header-color;
+    }
+  }
+  div.crumb {
+    color: red;
+    margin: .2em 0 .5em .4em;
+    > a {
+      color: @header-color;
+    }
+  }
+}
+
+#center {
+  float: left;
+  width: @left;
+  padding: 20px;
+  background: @container-bg;
+  border-right: @border solid @background;
+}
+
+#right {
+  float: right;
+  width: @right;
+  padding: 10px;
+  background: @container-bg;
+
+  margin-left: -1 * @border;
+  border-left: @border solid @background;
+}
+
+#footer {
+  clear: both;
+  border-top: @border solid @background;
+  padding-bottom: 3em;
+  padding-left: 2em;
+  background: @header-bg;
+}
+* html #footer {
+  height: 1px;
+}
+
+.column {
+  position: relative;
+  float: left;
+  ul {
+    list-style-type: none;
+    margin: 1em 0 0em 1em;
+  }
+}
+
+#center {
+  h2 {
+    padding: 0;
+    margin: 0;
+    color: red;
+  }
+
+  > p {
+    margin: 1em 0 1em 0;
+  }
+
+  pre {
+    margin: 0;
+  }
+
+  ul {
+    margin: 0 0 1em 0;
+    padding: 0;
+  }
+
+  li {
+    div.label {
+      margin: 0;
+      padding: .5em 10px .5em 10px;
+      width: 50%;
+      -moz-border-radius-topleft: .5em;
+      -moz-border-radius-topright: .5em;
+      -webkit-border-top-left-radius: .5em;
+      -webkit-border-top-right-radius: .5em;
+      background: black;
+      color: white;
+      a {
+        color: white;
+        font-weight: bold;
+      }
+      input {
+        margin: 0;
+        padding: 1px .2em;
+        border: none;
+        -moz-border-radius: .2em;
+        -webkit-border-radius: .2em;
+      }
+    }
+
+    div.ibody {
+      margin: 0 0 1em 0;
+      padding: .5em 1em .5em .5em;
+      border: solid black 2px;
+      -moz-border-radius-topright: .5em;
+      -moz-border-radius-bottomleft: .5em;
+      -moz-border-radius-bottomright: .5em;
+      -webkit-border-top-right-radius: .5em;
+      -webkit-border-bottom-left-radius: .5em;
+      -webkit-border-bottom-right-radius: .5em;
+      textarea {
+        width: 100%;
+        -moz-border-radius: .3em;
+        -webkit-border-radius: .3em;
+      }
+      ul {
+        list-style-type: disc;
+        margin-left: 1.5em;
+      }
+    }
+  }
+
+  dl {
+    width: 80%;
+    margin: 0 0 1em 1em;
+    padding: 0;
+    dt {
+      font-size: large;
+      font-weight: bold;
+    }
+    dd {
+      margin: .5em 0 1em 1em;
+    }
+  }
+
+  th {
+    width: 20%;
+    text-align: right;
+    vertical-align: top;
+    padding: 1em 1em 1.5em 1em;
+  }
+
+  td {
+    text-align: left;
+    vertical-align: top;
+    padding: 1em 1em 1.5em 0em;
+    img {
+      vertical-align: top;
+    }
+  }
+
+  table.summary {
+    width: 100%;
+    margin: 0;
+    th {
+      width: auto;
+      text-align: left;
+      vertical-align: top;
+      padding: .5em 2.5em .5em .5em;
+      margin: 0;
+      background: @header-bg;
+      color: white;
+    }
+    td {
+      width: auto;
+      text-align: left;
+      vertical-align: top;
+      padding: .5em 2.5em .5em .5em;
+    }
+  }
+
+  table.forum {
+    width: 100%;
+    padding: 0;
+    margin: 0 0 1em 0;
+    th {
+      width: 80px;
+      text-align: left;
+      vertical-align: top;
+      padding: .5em 2.5em .5em .5em;
+      margin: 0;
+      border: solid @header-bg 2px;
+      background: @header-bg;
+      color: white;
+      -moz-border-radius-topleft: .5em;
+      -moz-border-radius-bottomleft: .5em;
+      -webkit-border-top-left-radius: .5em;
+      -webkit-border-bottom-left-radius: .5em;
+    }
+    td {
+      width: auto;
+      text-align: left;
+      vertical-align: top;
+      padding: .5em 2.5em .5em .5em;
+      border: solid @header-bg 2px;
+      -moz-border-radius-topright: .5em;
+      -moz-border-radius-bottomright: .5em;
+      -webkit-border-top-right-radius: .5em;
+      -webkit-border-bottom-right-radius: .5em;
+      div.subject {
+        font-size: x-large;
+        font-weight: bold;
+        margin-bottom: 0.5px;
+      }
+      p.wiki {
+        margin-top: 0;
+      }
+      textarea {
+        width: 100%;
+      }
+    }
+  }
+}

data/skel/skin/examples/blog/20091214_0001.yaml

@@ -0,0 +1,8 @@
+--- 
+_owner: root
+_timestamp: 
+  created: 2009-12-14 12:01:47.640862 +09:00
+  published: 2009-12-14 12:01:47.640862 +09:00
+  updated: 2009-12-14 12:01:47.640862 +09:00
+body: "Maecenas justo tellus, euismod et tristique vel, dignissim aliquam urna. Duis arcu sem, adipiscing et pretium accumsan, rutrum vitae sem. Maecenas tristique volutpat justo vitae aliquet. Nulla malesuada erat iaculis purus tincidunt commodo. Nulla iaculis arcu vitae lacus cursus laoreet. Quisque pretium leo a velit scelerisque tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;"
+title: "Maecenas justo tellus"

data/skel/skin/examples/blog/20100630_0001.yaml

@@ -0,0 +1,8 @@
+--- 
+_owner: root
+_timestamp: 
+  created: 2010-06-30 09:42:39.020681 +09:00
+  published: 2010-06-30 09:42:39.020681 +09:00
+  updated: 2010-06-30 09:42:39.020681 +09:00
+body: "Proin turpis urna, congue non rutrum non, tincidunt ut felis. Donec pharetra viverra sem, in cursus metus aliquet in. Etiam commodo aliquam sem, nec faucibus mi suscipit porttitor. Vestibulum lobortis tortor eu magna malesuada pulvinar. In et magna hendrerit dui semper vehicula sit amet eu magna."
+title: "Proin turpis urna"

data/skel/skin/examples/blog/20100630_0002.yaml

@@ -0,0 +1,14 @@
+--- 
+_owner: root
+_timestamp: 
+  created: 2010-06-30 23:28:18.996299 +09:00
+  published: 2010-06-30 23:28:18.996299 +09:00
+  updated: 2010-07-01 16:42:28.030389 +09:00
+body: |-
+    Duis varius felis quis elit rutrum adipiscing.
+    * Nunc faucibus eros rhoncus diam pellentesque porta.
+    ** Duis fringilla sem sit amet sem sollicitudin non dapibus augue vulputate.
+    * Curabitur aliquet massa eget sem feugiat ac luctus velit faucibus.
+    * Proin et felis felis.
+    ==Aenean laoreet elit ac massa accumsan ornare.==
+title: "Duis varius felis"

data/skel/skin/examples/blog/20100701_0001.yaml

@@ -0,0 +1,8 @@
+--- 
+_owner: root
+_timestamp: 
+  created: 2010-07-01 11:18:25.711634 +09:00
+  published: 2010-07-01 11:18:25.711634 +09:00
+  updated: 2010-07-01 11:18:25.711634 +09:00
+body: "Integer ultrices pharetra urna, sed aliquet nisl sodales in. Vestibulum eget nulla eu lacus elementum tincidunt et sit amet nisl. Vivamus non justo mauris. Mauris egestas diam ut turpis iaculis consectetur."
+title: "Integer ultrices"

data/skel/skin/examples/blog/20100701_0002.yaml

@@ -0,0 +1,19 @@
+--- 
+_owner: root
+_timestamp: 
+  created: 2010-07-01 16:27:10.665692 +09:00
+  published: 2010-07-01 16:27:10.665692 +09:00
+  updated: 2010-07-01 16:30:34.196737 +09:00
+a: 
+  ? "20100701_0001"
+  : 
+    f: 
+      basename: 090106.jpg
+      size: 4840
+      type: image/jpeg
+body: |-
+    Fusce suscipit neque ac arcu egestas varius. *Donec tempor* est id arcu bibendum elementum. Ut gravida, ligula at condimentum bibendum, sapien erat egestas diam, quis convallis ligula nisi quis sapien. Donec vitae nisi in orci sodales malesuada at venenatis felis. 
+    + Quisque at massa vel tellus
+    + Bibendum commodo sed nec tellus
+    Suspendisse sit amet est diam, luctus iaculis sapien.
+title: "Fusce suscipit neque"

data/skel/skin/examples/blog/frank/20100701_0001.yaml

@@ -0,0 +1,10 @@
+--- 
+_owner: frank
+_timestamp: 
+  created: 2010-07-01 16:33:00.571653 +09:00
+  published: 2010-07-01 16:33:00.571653 +09:00
+  updated: 2010-07-01 16:33:00.571653 +09:00
+body: |
+    This is my blog.
+    Haha!
+title: "Hello, folks..."

data/skel/skin/examples/blog/frank/index.yaml

@@ -0,0 +1,4 @@
+---
+label: "Frank's Blog"
+admin: frank
+group: []

data/skel/skin/examples/blog/index.html

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html 
+  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="bike-label" content="Blog" />
+    <title>@(label)</title>
+    <link rel="stylesheet" href="/css/base.css" type="text/css" media="screen" />
+    <link rel="stylesheet" href="/css/coax.css" type="text/css" media="screen" />
+    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
+    <script type="text/javascript" src="/js/base.js"></script>
+    <link rel="alternate" title="@(label) RSS" href="@(href)read_rss.xml" type="application/rss+xml">
+  </head>
+
+  <body>
+    <div id="container">
+      <div id="header">
+        <h1><a href=".">@(label)</a></h1>
+        $(.crumb)
+      </div>
+
+      <div id="center" class="column">
+        <ul id="main" class="app-blog">
+          <!-- 1..5 may_preview -->
+          <li>
+            <div class="label">$(title = text 32 1..32)</div>
+            <div class="ibody">
+              $(body = textarea-wiki 60*10 1..)
+              <div id="a" class="app-attachment">$(f = img 64*64 1..9000)<br/></div>
+              <div>by $(_owner) @ $(_timestamp meta-timestamp can_update)</div>
+              $(.action_update)
+            </div>
+          </li>
+        </ul>
+      </div>
+
+      <div id="right" class="column">
+        $(.action_signup)
+        $(.me)
+        $(main.action_create)
+        $(main.view_ym)
+      </div>
+
+      <div id="footer"></div>
+    </div>
+  </body>
+
+</html>

data/skel/skin/examples/blog/rss.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel class="bike-xml">
+    <atom:link href="@(href)rss.xml" rel="self" type="application/rss+xml" />
+    <title>@(label)</title>
+    <description></description>
+    <link>@(href)</link>
+    <language>_(en)</language>
+    <generator>Bike</generator>
+    <item class="model">
+      <title>$(title)</title>
+      <link>@(href)</link>
+      <description><![CDATA[$(body)]]></description>
+      <pubDate>$(_timestamp.rfc2822)</pubDate>
+      <guid>@(href)</guid>
+    </item>
+  </channel>
+</rss>

data/skel/skin/examples/contact/20100701_0001-file.txt

@@ -0,0 +1 @@
+hello.

data/skel/skin/examples/contact/20100701_0001.yaml

@@ -0,0 +1,15 @@
+--- 
+comment: |
+    Hello!
+    Hello!
+country: "United States"
+email: john@example.com
+favorite: 
+  - mystery
+  - romance
+file: 
+  basename: t.txt
+  size: 7
+  type: text/plain
+name: John
+rating: "1"

data/skel/skin/examples/contact/20100701_0002.yaml

@@ -0,0 +1,8 @@
+--- 
+comment: Wow.
+country: Germany
+email: lisa@example.com
+favorite: 
+  - action
+name: Lisa
+rating: "4"

data/skel/skin/examples/contact/20100701_0003.yaml

@@ -0,0 +1,9 @@
+--- 
+comment: "Oh no."
+country: Japan
+email: akira@example.com
+favorite: 
+  - action
+  - mystery
+name: Akira
+rating: "5"

data/skel/skin/examples/contact/index.html

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html 
+  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="bike-label" content="Contact Form" />
+    <title>@(label)</title>
+    <link rel="stylesheet" href="/css/base.css" type="text/css" media="screen" />
+    <link rel="stylesheet" href="/css/coax.css" type="text/css" media="screen" />
+    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
+    <script type="text/javascript" src="/js/base.js"></script>
+  </head>
+
+  <body>
+    <div id="container">
+      <div id="header">
+        <h1><a href=".">@(label)</a></h1>
+        $(.crumb)
+      </div>
+
+      <div id="center" class="column">
+        <div id="main" class="app-contact">
+          <!-- 1..100 should_preview -->
+          <table>
+            <tr><th>Name</th><td>$(name = text 1..64)</td></tr>
+            <tr><th>Email</th><td>$(email = text 1..64)</td></tr>
+            <tr><th>Favorite</th><td>$(favorite = checkbox action,mystery,romance mandatory)</td></tr>
+            <tr><th>Rating</th><td>$(rating = radio 1..5 mandatory)</td></tr>
+            <tr><th>Counrty</th><td>$(country = select 'United States',Germany,Japan)</td></tr>
+            <tr><th>Comment</th><td>$(comment = textarea-pre 60*6 1..4096)</td></tr>
+            <tr><th>File</th><td>$(file = file 0..4096)</td></tr>
+          </table>
+        </div>
+      </div>
+
+      <div id="right" class="column">
+        $(.me)
+      </div>
+
+      <div id="footer"></div>
+    </div>
+  </body>
+
+</html>