rdfa 0.0.1

data/rdfa-typo/stylesheets/content.css

@@ -0,0 +1,408 @@
+/*--------------------------------------------------------------
+ Header
+ --------------------------------------------------------------*/
+
+#header { 
+	background: url(/images/theme/header_shadow.gif) repeat-x left bottom;
+}
+
+#header a:link,
+#header a:visited { 
+	color:#000;
+	text-decoration: none;
+}
+
+#header a:hover,
+#header a:active {
+	color:#930; background: transparent;
+	text-decoration: none;
+}
+
+#header img{
+	float:left;
+	margin:0;
+	padding:0;
+	height:50px;
+	margin-right: 10px;
+}
+
+#header h1 {
+	font: bold 40px georgia, serif; 
+	letter-spacing: -1px; 
+	margin: 0;
+	padding:0;
+}
+
+#header h2 {
+	font: normal 12px verdana, arial, sans-serif;  
+	color:lightgray;
+	padding:0;
+	margin:0;
+	margin-top:-7px;
+}
+
+/*--------------------------------------------------------------
+ Content
+ --------------------------------------------------------------*/
+
+#content {}
+
+#content h1,
+#content h2,
+#content h3,
+#content h4,
+#content h5 { 
+	font-family: "lucidamac bold", "lucida grande", arial, sans-serif; 
+	letter-spacing: -1px;
+}
+
+#content h1 { 
+	font-size: 24px;
+	margin: 0 0 0.3em;	
+}
+
+#content h2 { 
+	font-size: 22px;
+	margin: 0 0 0.3em;	
+}
+
+#content h3 { 
+	font-size: 20px;
+	margin: 1.2em 0 0.3em;	
+}
+
+#content h4 { 
+	font-size: 18px;
+	margin: 1.2em 0 0.3em;	
+	border-bottom: 1px dotted #bbb;
+}
+
+#content h5 {
+	font-size: 18px;
+	background: #ffd;
+	margin: 1.2em 0 0.3em;	
+	border-bottom: 1px dotted #aaa;
+}
+
+#content p {
+	line-height: 15px; 
+	margin: 0 0 1.2em;
+}
+
+#content ul,
+#content ol {
+	margin: 1em;
+	padding:0;
+}
+
+#content ul {
+	list-style-type: square;
+}
+
+#content li {
+	line-height: 15px; 
+	margin: 0 0 0 1em; padding: 0;
+}
+
+#content blockquote {
+	color: #555;
+	border-left: 5px solid #ccc; 
+	margin: 1.3em 1em; padding: 0 1em;
+}
+
+#content code { 
+	font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
+}
+
+#content pre {
+	color: #63FF00;
+	background: #000;
+	overflow: auto;
+	font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
+	margin: 0.9em 0; padding: 8px;
+}
+
+/* Article Entries - class names based on http://microformats.org/wiki/hatom] */
+#content .article { 
+	margin: 0 0 3em 0;
+}
+
+#content .article .title {
+	font-size: 24px;
+	line-height: 94%;
+	letter-spacing: -1.5px; 
+	margin: 0;
+}
+
+#content .article .title a:link,
+#content .article .title a:visited { 
+	color: #930;
+	text-decoration: none;
+}
+
+#content .article .title a:hover,
+#content .article .title a:active { 
+	color: #000;
+	background: transparent;
+}
+
+#content .article .title .comment_count { color: #eee; }
+
+#content .article .author {
+	color: #bbb;
+	font: normal 16px/14px "lucidamac bold", "lucida grande", arial, verdana, sans-serif;
+	letter-spacing: -1px;
+	margin: 0 0 1em;
+}
+
+#content .article .author cite a,
+#content .article .author cite a:hover { /* author mailto: link (if any) */
+	color: #aaa; background: transparent;
+	text-decoration: none;
+}
+
+#content .article .author abbr { /* posted date */
+	font-weight: bold;
+	color: #aaa;
+}
+
+#content .article .content {}
+
+#content .article ul.meta { 
+	font-size: 10px;
+	background: #eee;
+	margin: 0; padding: 5px;
+	border: 1px solid #ddd;
+	list-style-type: none;
+}
+
+#content .article ul.meta li { 
+	line-height: 13px;
+	margin: 0; padding: 0;
+}
+
+#content .article .meta a:link,
+#content .article .meta a:visited {
+	color: #555;
+}
+
+#content .article .meta a:hover,
+#content .article .meta a:active  {
+	color: #fff;
+}
+
+
+/* Comments and Trackbacks */
+#content ol.comments,
+#content ol.trackbacks {
+	list-style-type: none;
+	margin: 0; padding: 0;
+}
+
+#content .comment,
+#content .trackback {
+	border: 2px solid #ddd;
+	margin: 0 0 1.5em; padding: 1em;
+}
+
+#content .comment.preview { 
+	background: #ffc;
+	border: 3px solid #fab444;
+}
+
+#content .comment   .author,
+#content .trackback .author { 
+	font-weight: bold;
+	margin-bottom: 1em;
+}
+
+#content .comment   .author cite,
+#content .trackback .author cite {
+	font-size: 16px;
+	letter-spacing: -1px;
+}
+
+#content .comment   .author abbr, 
+#content .trackback .author abbr { color: #999; }
+
+#content .comment .author .gravatar { 
+	margin: 0 0 0.5em 0.5em;
+	float: right; 
+}
+
+/* uncomment to enable a default gravatar
+#content .comment .author div {
+	margin: 0 0 0.5em 0.5em;
+ 	width: 60px; height: 60px;
+	background: url(/images/theme/gravatar.gif) no-repeat left top;
+	float: right; 
+}*/
+
+
+#content form.comments {
+	background: #f2f2f2;
+	border-top: 1px solid #ddd;
+	padding: 1em 0.5em;
+}
+
+#content form.comments fieldset { 
+	border: none;
+}
+
+#content form.comments legend { 
+	display: none;
+}
+
+#content form.comments label { 
+	font-weight: bold;
+}
+
+#content form.comments textarea { 
+	width: 90%; height: 150px;
+	padding: 3px;
+}
+
+/*--------------------------------------------------------------
+ Sidebar
+ --------------------------------------------------------------*/
+#sidebar {
+	font-size: 11px; 
+}
+
+#sidebar h3 { 
+	font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
+	margin: 0 0 0.5em;
+}
+
+#sidebar h3 a:link,
+#sidebar h3 a:visited {
+	color: #000; text-decoration: none;
+}
+
+#sidebar h3 a:hover,
+#sidebar h3 a:active {
+	background: transparent; text-decoration: underline;
+}
+
+#sidebar ul {
+	list-style-type: none; 
+	margin: 0 0 2em; padding: 0;
+}
+
+#sidebar li { 
+	margin: 0;
+	padding: 1px 0;
+}
+
+#sidebar em { font-style: normal; }
+
+/* Live-search and results */
+#sidebar .search p { 
+	margin: 0;
+}
+
+#sidebar .search p input {
+	font-size: 11px; width: 92%;
+}
+
+#sidebar .search .loading {
+	background: url(/images/theme/spinner.gif) no-repeat left 50%;
+	margin: 1em 0; padding: 0 0 0 20px;
+	height: 15px;
+}
+
+#sidebar .search .results { 
+	margin: 0 0 1.25em;
+}
+
+#sidebar .search .results h3 {
+	margin-top: 1em;
+}
+
+#sidebar .search .results p { 
+	font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
+	margin: 0 0 0.5em;
+}
+
+#sidebar .search .results ul { 
+	margin: 0; padding: 3px;
+}
+
+#sidebar .search .results li { background: #ffc; padding: 0.2em; }
+
+#sidebar .search .results a:link,
+#sidebar .search .results a:visited {
+	color: #222;
+}
+
+#sidebar .search .results a:hover, 
+#sidebar .search .results a:active  {
+	color: #fff;
+}
+
+/* Flickr sidebar-node */
+#sidebar #flickr {
+	margin: 0 0 2em;
+	clear: both;
+}
+
+#sidebar #flickr div {
+}
+
+#sidebar #flickr img { 
+	margin: 0 0 5px;
+	padding: 5px;
+	border: 1px solid #ddd;
+	display: block;
+}
+        
+#sidebar #flickr img:hover {
+	background: #ffc;
+}
+        
+#sidebar #flickr a { 
+	border: none;
+}
+
+/*--------------------------------------------------------------
+ Footer
+ --------------------------------------------------------------*/
+
+#footer {
+	border-top: 1px solid #ccc; 
+	font-size: 90%; 
+}
+
+#footer a:link,
+#footer a:visited { 
+	color: #000;
+}
+
+#footer a:hover,
+#footer a:active { 
+	color: #fff;
+	background: #000;
+}
+
+#footer hr {
+	display: none;
+}
+
+#footer p {
+	width: 40%;
+	float: left; 
+	margin: 0; padding: 0; 
+}
+
+#footer ul {
+	width: 40%;
+	margin: 0; padding: 0;
+	list-style-type: none; 
+	text-align: right; 
+	float: right; 
+}
+
+#footer li {
+	margin: 0; padding: 0 0 0 1em;
+	display: inline; 
+}

data/rdfa-typo/stylesheets/layout.css

@@ -0,0 +1,73 @@
+/**
+ * Controls the main layout (width, height, margin, padding)
+ *
+ * #container
+ *   #header
+ *   #page
+ *     #content
+ *     #sidebar
+ *   #footer
+ */
+body {
+	text-align: center;
+	margin: 0; padding: 1em; 
+}
+
+#container {
+	width: 740px;
+	text-align: left; 
+	margin: 0 auto; padding: 0;
+}
+
+#header {
+	height: 60px; 
+	margin: 0 0 15px; padding: 0;
+}
+
+
+#page {
+	clear:both;
+}
+
+#content {
+	width: 500px;
+}
+
+#sidebar {
+	width: 200px;
+}
+
+#footer {
+	height: 40px; 
+	margin: 10px 0 0; padding: 10px 0 0;
+	clear:both; 
+}
+
+/*--------------------------------------------------------------
+ Sidebar Alignment: you can have left or right
+ --------------------------------------------------------------*/
+
+/* BEGIN: Right Sidebar */
+#sidebar {
+	float: right; text-align: left;
+	padding-left: 15px; 
+	border-left: 1px dotted #ddd; 
+}
+#content {
+	float: left;
+	padding-left: 5px; 
+}
+/* END: Right Sidebar */
+
+
+/* BEGIN: Left Sidebar
+#sidebar {
+	float: left; text-align: right;
+	padding-right: 20px; 
+	border-right: 1px dotted #ddd; 
+}
+
+#content {
+	float: right; text-align: left;
+}
+/* END: Left Sidebar */

data/rdfa-typo/views/articles/_article.rhtml

@@ -0,0 +1,47 @@
+<% rdfa_post article.permalink_url do %>
+<div class="article" id="article-<%= article.id %>">
+  <h2 class="title">
+	<% rdfa_title(article.title) do %>
+		<%= (controller.action_name.include? 'permalink') ? article.title : link_to(article.title, article.permalink_url) %>
+	<% end %>	
+    <%= content_tag(:span, article.published_comments.size, :class => 'comment_count') if article.published_comments.size > 0 %>
+  </h2>
+
+  <p class="author">
+    Posted by <cite><%= rdfa_creator author_link(article) %></cite> the 
+	<% rdfa_date article.published_at do %><%= article.published_at.to_formatted_s(:short) %><% end %>
+  </p>
+
+  <div class="content">
+    <%= rdfa_post_content article.html(:body) %>
+
+    <% if article.extended? -%>
+      <div class="extended">
+        <% if controller.action_name == 'index' -%>
+          <p><%= link_to_permalink article,"Continue reading..." %></p>
+        <% else -%>
+          <%= article.html(:extended) %>
+        <% end -%>
+      </div>
+    <% end -%>
+  </div>
+
+  <ul class="meta">
+    <%= content_tag(:li, category_links(article), :class => 'categories') unless article.categories.empty? %>
+ 	<!-- content_tag(:li, tag_links(article), :class => 'tags') unless article.tags.empty? -->
+	<li class=tags>Tags
+	<% for tag in article.tags %>
+		<%= rdfa_link_to_tag tag.display_name, tag.permalink_url %>
+	<% end %>
+	<li>
+    <li>Meta
+      <%= trackbacks_link(article) << ',' if article.allow_pings? %>
+      <%= comments_link(article) << ',' if article.allow_comments? %>
+      <a href="<%= article.permalink_url %>" rel="bookmark">permalink</a>,
+      <a href="<%= url_for :controller => 'xml', :action=>'feed', :type=>'article', :format => 'rss',  :id => article %>">rss</a>,
+      <a href="<%= url_for :controller => 'xml', :action=>'feed', :type=>'article', :format => 'atom', :id => article %>">atom</a>
+    </li>
+  </ul>
+</div>
+
+<% end %>

data/rdfa-typo/views/articles/_comment.rhtml

@@ -0,0 +1,14 @@
+<li class="comment" id="comment-<%= comment.id %>">
+  <div class="author">
+    <%= content_tag(:div, gravatar_tag(comment.email)) if this_blog.use_gravatar and comment.email %>
+    <cite><%= (comment.url.blank?) ? h(comment.author) : link_to(h(comment.author), comment.url) %></cite>
+    <abbr title="<%= comment.created_at.xmlschema %>"><%= distance_of_time_in_words comment.article.published_at, comment.created_at %> later:</abbr>
+  </div>
+  <div class="content">
+    <%= comment.html %>
+  </div>
+  <% unless comment.published -%>
+  <div class="spamwarning"><%= _("This comment has been flagged for moderator approval.") %></div>
+  <% end -%>
+</li>
+

data/rdfa-typo/views/articles/_comment_form.rhtml

@@ -0,0 +1,52 @@
+<%= form_remote_tag :url      => {:action => 'comment', :id => @article},
+                    :position => :bottom,
+                    :update   => {:success => 'commentList'},
+                    :loading  => "loading()",
+                    :complete => "complete(request)",
+                    :failure  => "failure(request)",
+                    :html     => {:id => 'commentform', :class => 'comments' } %>
+
+<div id="preview" style="display:none"></div>
+
+<fieldset>
+  <legend>Comments</legend>
+  <p>
+    <label>Name:<br />
+      <%= text_field "comment", "author" %>
+      <small>(<%= link_to_function("leave url/email &#187;", "Effect.toggle('extra_fields', 'blind', {duration: .3})") %>)</small>
+    </label>
+  </p>
+
+  <div id="extra_fields" style="display:none;">
+      <p>
+        <label>Email: <%= content_tag('small', "(#{link_to('gravatar', 'http://gravatar.com')} enabled)") if this_blog.use_gravatar %><br />
+          <%= text_field "comment", "email" %>
+        </label>
+      </p>
+      <p>
+        <label>Url:<br />
+          <%= text_field "comment", "url" %>
+        </label>
+      </p>
+  </div>
+
+  <p>
+    <label>
+      Comments:
+      <%= content_tag('small', link_to("Textile enabled", "http://hobix.com/textile/")) if this_blog.comment_text_filter.include? 'textile' %>
+      <%= content_tag('small', link_to("Markdown enabled", "http://daringfireball.net/projects/markdown/")) if this_blog.comment_text_filter.include? 'markdown' %>
+      <br />
+      <%= text_area 'comment', 'body' %>
+    </label>
+  </p>
+
+  <p>
+    <%= submit_to_remote('preview', 'Preview!',
+                         :update => 'preview',
+                         :complete => "Element.show('preview')",
+                         :url    => { :action => 'comment_preview' }) %>
+    <%= submit_tag 'Submit', :id => 'form-submit-button',  :onclick => "$('commentform').onsubmit();this.disabled=true;Element.hide('preview');return false;" %>
+    <%= image_tag '/images/theme/spinner.gif', :id => 'comment_loading', :style => 'display:none' %>
+  </p>
+</fieldset>
+<%= end_form_tag %>

data/rdfa-typo/views/articles/_comment_list.rhtml

@@ -0,0 +1,7 @@
+<ol id="commentList" class="comments">
+  <% if @article.published_comments.any? -%>
+    <%= render(:partial => "comment", :collection => @article.published_comments) %>
+  <% else -%>
+    <li class="dummy_comment" style="display:none">No comments</li>
+  <% end -%>
+</ol>

data/rdfa-typo/views/articles/_search.rhtml

@@ -0,0 +1,16 @@
+<div id="search" class="search">
+    <% form_tag({ :controller => 'articles', :action => 'search' },
+                { :method => 'get', :id => 'sform' }) do -%>
+      <p><input type="text" id="q" name="q" value="" /></p>
+    <% end -%>
+
+    <div id="loading" class="loading" style="display:none;">Searching...</div>
+    <div id="results" class="results"></div>
+  <%= observe_field 'q',
+                    :url        => { :controller => 'live', :action => 'search' },
+                    :frequency  => 1,
+                    :loading    => "Element.show('loading')",
+                    :complete   => "Element.hide('loading')",
+                    :update     => 'results',
+                    :with       => "'q=' + escape($F('q'))" %>
+</div>

data/rdfa-typo/views/articles/_trackback.rhtml

@@ -0,0 +1,9 @@
+<li class="trackback" id="trackback-<%= trackback.id %>">
+  <div class="author">
+    <a href="<%= trackback.url %>" rel="nofollow"><%= trackback.title %></a>
+    <abbr>From <cite><%= trackback.blog_name %></cite></abbr>
+  </div>
+  <div class="content">
+    <%= trackback.excerpt %>
+  </div>
+</li>

data/rdfa-typo/views/articles/comment_preview.rhtml

@@ -0,0 +1,10 @@
+<div class="comment preview">
+  <div class="author">
+    <%= content_tag(:div, gravatar_tag(@comment.email)) if this_blog.use_gravatar and @comment.email %>
+    <cite><%= (@comment.url.blank?) ? h(@comment.author) : link_to(h(@comment.author), @comment.url) %></cite>
+    <abbr>is about to say</abbr>
+  </div>
+  <div class="content">
+    <%= @comment.html %>
+  </div>
+</div>

data/rdfa-typo/views/articles/index.rhtml

@@ -0,0 +1,5 @@
+<%= render :partial => 'article', :collection => @articles %>
+
+<% unless @pages.item_count <= this_blog.limit_article_display -%>
+<p class="pagination">Older posts: <%= pagination_links @pages, :params => { :action => @controller.action_name } %></p>
+<% end -%>

data/rdfa-typo/views/articles/read.rhtml

@@ -0,0 +1,42 @@
+<!--
+<rdf:RDF
+  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+  xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
+  xmlns:dc="http://purl.org/dc/elements/1.1/">
+<rdf:Description
+  rdf:about=""
+  trackback:ping="<%= @article.trackback_url %>"
+  dc:title="<%=h @article.title.gsub(/-+/, '-') %>"
+  dc:identifier="<%= @article.permalink_url %>"
+  dc:description="<%=h (@article.html.strip_html[0..255]).gsub(/-+/, '-') %>"
+  dc:creator="<%= h @article.author %>"
+  dc:date="<%= @article.updated_at.xmlschema %>" />
+</rdf:RDF>
+-->
+
+<%= render :partial => 'article', :object => @article %>
+
+<% if @article.allow_pings? -%>
+  <h5><a name="trackbacks">Trackbacks</a></h5>
+  <p>
+    Use the following link to trackback from your own site:<br />
+    <%= @article.trackback_url %>
+  </p>
+
+  <% unless @article.published_trackbacks.blank? -%>
+  <ol id="trackbacks" class="trackbacks">
+    <%= render(:partial => "trackback", :collection => @article.published_trackbacks) %>
+  </ol>
+  <% end -%>
+<% end -%>
+
+<% if @article.allow_comments? or @article.published_comments.size > 0 -%>
+  <h5><a name="comments">Comments</a></h5>
+  <p><a href="#commentform">Leave a response</a></p>
+
+  <div id="comments_div">
+    <%= render :partial => "comment_list" %>
+  </div>
+<% end -%>
+
+<%= render :partial => 'comment_form' if @article.allow_comments? %>