shinmun 0.1

data/example/public/stylesheets/style.css

@@ -0,0 +1,141 @@
+
+#header { 
+    height: 40px;
+}
+
+#header h1 {
+    font-size: 20px;
+    font-weight: bold;
+    padding: 20px 20px 5px 0;
+    display: inline;
+}
+
+#header h1 a {
+    color: #069;
+    text-decoration: none;
+}
+
+#header h1 a:hover {
+    color: #222;
+    text-decoration: none;
+}
+
+#header h2 {
+    color: #69c;
+    font-size: 16px;
+    font-weight: bold;
+    padding: 0 0 0 0;
+    display: inline;
+}
+
+#footer {
+    border-top: 1px solid #ccc;
+    padding: 1em;
+    text-align: center;
+}
+
+#navi ul {
+    clear: both;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+#navi ul li {
+    float: left;
+    border-right: 1px solid #fff;
+}
+
+#navi a { 
+    background: #69c;
+    color: #fff;
+    font-size: 12px;
+    font-weight: normal;
+    padding: 4px 15px;
+    text-decoration: none;    
+}
+
+#navi a.active { 
+    font-weight: bold;
+    background: #369;
+}
+
+#header-text { 
+    background: #369;
+    margin-bottom: 10px;
+}
+
+#header-text h1 { 
+    color: #fff;
+    padding: 5px 0px 0px 60px;
+    border-bottom: 1px solid #69c;
+}
+
+.right ul {
+    color:#336699;
+    list-style-type:square;
+    padding:0pt 2em;
+}
+
+.right h4 {
+    color: #369;
+    margin-bottom: 1em;
+}
+
+.right a { 
+    text-decoration: none;
+}
+
+.about { 
+    color: #666;
+}
+
+.article { 
+    padding: 1em;
+}
+
+.article h2 { 
+    margin-top:0px;
+}
+
+.article .date { 
+    color: #666;
+}
+
+.article .tags a {
+    color: #69c;
+    text-decoration: none;
+}
+
+.comments {
+    margin-bottom: 2em;
+}
+
+.comments .comment {
+    margin-top: 2em;
+    border: 1px solid #ccc;
+}
+
+.comments .comment .top {
+    background: #F0F0F0;
+    color: #333;
+    padding: 3px 5px;
+}
+
+.comments .comment .top a { 
+    text-decoration: none;
+}
+
+.comments .comment .text {
+    background: #F8F8F8;    
+    padding: 3px 5px;
+}
+
+blockquote{
+    border-top: 3px double #69c;
+    border-bottom: 3px double #69c;
+    padding: 5px;
+    font-style: oblique;
+    margin-left: 5%;
+    margin-right: 5%;
+}

data/example/public/stylesheets/typography.css

@@ -0,0 +1,59 @@
+/* -------------------------------------------------------------- 
+   
+   typography.css
+   * Sets up some sensible default typography.
+   
+   Based on work by:
+   * Nathan Borror     [playgroundblues.com]
+   * Jeff Croft        [jeffcroft.com]
+   * Christian Metts   [mintchaos.com]
+   * Wilson Miner      [wilsonminer.com]
+   * Richard Rutter    [clagnut.com]
+   
+   Read more about using a baseline here:
+   * alistapart.com/articles/settingtypeontheweb
+   
+   */
+
+/* This is where you set your desired font size. The line-heights 
+   and vertical margins are automatically calculated from this. 
+   The percentage is of 16px (0.75 * 16px = 12px). */
+
+body {
+    font-size: 80%;
+    color: #222;
+    font-family: Arial, sans-serif; 
+}
+
+code { 
+    background: #f0f0f0;
+}
+
+h1,h2,h3,h4,h5,h6 { 
+    color: #369; 
+    font-family: Arial, sans-serif; 
+    font-weight: bold;
+}
+
+a {
+    color: #369;
+}
+
+a:visited {
+    color: #369;
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+    text-decoration: none;
+}
+
+h1 { font-size: 2em; line-height: 1; margin-top: 0.5em; margin-bottom: 0.5em; }
+h2 { font-size: 1.5em; margin-top: 0.75em; margin-bottom: 0.75em; }
+h3 { font-size: 1.3em; line-height: 1; margin-top: 1em; margin-bottom: 1em; }
+h4 { font-size: 1.2em; line-height: 1.25; margin-top: 1.25em; margin-bottom: 1.25em; }
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
+h6 { font-size: 1em; font-weight: bold; }
+
+
+
+

data/example/templates/feed.rxml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<rss version="2.0"> 
+  <channel>
+    <title><%= @category ? @blog_title + ' - ' + @category : @blog_title %></title>
+    <link><%= @blog_url %></link>
+    <description><%= @category ? 'Category ' + @category : @blog_description %></description>
+    <language><%= @blog_language %></language>
+    <copyright><%= @blog_author %></copyright>
+    <pubDate><%= rfc822 Time.now %></pubDate>
+    <% for post in @posts %>
+      <item>
+	<title><%= post.title %></title>
+	<description><%= strip_tags post.summary %></description>
+	<link><%= post.link %></link>
+	<author><%= @blog_author %></author>
+	<guid><%= post.link %></guid>
+	<pubDate><%= rfc822 post.date %></pubDate>
+      </item>
+    <% end %>
+  </channel> 
+</rss>

data/example/templates/layout.rhtml

@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title><%= @blog_title %> - <%= @title %></title>
+    <meta http-equiv="Content-Language" content="English" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link rel="alternate" type="application/rss+xml" title="RSS" href="<%= @root + (@category || 'index').downcase %>.rss" />
+    <%= stylesheet_link_tag :reset, :grid, :typography, :style, 'highlight/default' %>
+    <script>var Blog = { root: '<%= @root %>', guid: '<%= @guid %>' };</script>
+  </head>
+  <body>
+    <div class="container">
+
+      <div id="header" class="column span-20 last">
+	<h1><a href="<%= @root %>index.html"><%= @blog_title %></a></h1>
+	<h2><%= @blog_description %></h2>
+      </div>
+
+      <div id="navi"  class="column span-20 last">
+	<%= navi_link 'Home', 'index' %>
+	<% for category in @categories %>
+	  <%= navi_link category, 'categories/' + category.downcase %>
+	<% end %>
+	<%= navi_link 'About', 'about' %>
+      </div>
+
+      <div id="header-text" class="column span-20 last">
+	<h1><%= @header %></h1>
+      </div>
+
+      <div class="content column span-15"> 
+	<%= @content %>
+      </div>
+
+      <div class="right column span-5 last"> 
+	<h4>Subscribe</h4>
+	<h4>About</h4>
+	<h4>Archives</h4>
+	<ul>
+	  <% for year, month in @months %>
+	    <li><%= month_link year, month %></li> 
+	  <% end %>
+	</ul>
+      </div>
+    </div>
+
+    <%= javascript_tag 'jquery', 'jquery-form', 'template', 'prettyDate', 'highlight', 'comments', 'wmd' %>
+
+    <script type="text/javascript">
+      hljs.initHighlightingOnLoad('ruby', 'html', 'css', 'php', 'javascript', 'sql', 'lisp', 'xml', 'java');
+    </script>
+
+  </body>
+</html>

data/example/templates/page.rhtml

@@ -0,0 +1,4 @@
+<div class="article">
+  <h2><%= @title %></h2>
+  <%= @body %>
+</div>

data/example/templates/post.rhtml

@@ -0,0 +1,57 @@
+<div class="article">
+  <div class="date">
+    <%= date @date %>
+  </div>
+  <h2><%= @title %></h2>  
+  <%= @body %>
+
+  <h3>Comments</h3>
+
+  <div class="comments-loading" style="display:none">
+    <%= image_tag 'loading.gif' %>
+    Loading Comments...
+  </div>
+
+  <div class="comments">  
+    <div id="comments-template">
+      <div class="comment">
+	<div class="_ top">
+	  <a class="_" href="{website}">{name}</a> said
+	  <a class="_" title="{time}"></a>:
+	</div>
+	<div class="text"></div>
+      </div>
+    </div>
+  </div>
+
+  <hr/>  
+
+  <div class="comment-form-loading" style="display:none">
+    <%= image_tag 'loading.gif' %>
+    Posting Comment...
+  </div>
+
+  <div class="comment-form">
+    <h4>Leave a comment</h4>
+    <form>
+      <input type="hidden" name="guid" value="<%= @guid %>"/>
+      <p>
+	<label>Name</label><br/>
+	<input type="text" name="name" size="40"/>
+      </p>
+      <p>
+	<label>Website</label><br/>
+	<input type="text" name="website"  size="40"/>
+      </p>
+      <p>
+	<label>Comment</label><br/>
+	<textarea name="text" cols="60" rows="10"></textarea>
+      </p>
+      <p>
+	<input type="submit" value="Post comment"/>
+      </p>
+    </form>
+  </div>
+</div>
+
+

data/example/templates/posts.rhtml

@@ -0,0 +1,10 @@
+<div class="articles">
+  <% for post in @posts %>
+    <div class="article">
+      <div class="date"><%= date post.date %></div>
+      <h2><%= post_link post %></h2>
+      <%= post.summary %>
+    </div>
+    <hr/>
+  <% end %>
+</div>