lokka 0.1.1

data/public/theme/p0t/article.haml

@@ -0,0 +1,10 @@
+.article.section
+  .header
+    %h2.title= link_to post.title, post.link
+  .body
+    ~ post.body
+  .footer
+    .created_at= l post.created_at.to_time
+    .comment== #{link_to "#{t.comments} (#{post.comments.size})", "#{post.link}#comment_form"}
+    - if logged_in?
+      %p= link_to t.edit, post.edit_link

data/public/theme/p0t/entries.haml

@@ -0,0 +1,9 @@
+.articles.section
+  - @posts.each do |post|
+    = partial :article, :locals => {:post => post}
+  .pager
+    %ul
+      - if @posts.pager.previous_page
+        %li.previous= link_to t.newer, "?page=#{@posts.pager.previous_page}"
+      - if @posts.pager.next_page
+        %li.next= link_to t.older, "?page=#{@posts.pager.next_page}"

data/public/theme/p0t/entry.haml

@@ -0,0 +1,7 @@
+= partial :article, :locals => {:post => @entry}
+%ul.comments
+  - @entry.comments.reverse.each do |comment|
+    %li.comment{:id => "comment-#{comment.id}"}
+      .body= hbr comment.body
+      .name= link_to_unless comment.homepage.blank?, comment.name, comment.homepage
+= comment_form

data/public/theme/p0t/layout.haml

@@ -0,0 +1,68 @@
+!!! XML
+!!!
+%html
+  %head
+    %meta{'http-equiv' => 'Content-Type', 'content' => 'text/html; charset=utf-8'}
+    %meta{'http-equiv' => 'Content-Style-Type', 'content' => 'text/css'}
+    %meta{'http-equiv' => 'Content-Script-Type', 'content' => 'text/javascript'}
+    - if entry?
+      %title== #{@entry.title} - #{@site.title}
+    - else
+      %title= @site.title
+    %link{:rel => 'shortcut icon', :href => "#{@theme.path}/favicon.ico"}
+    %link{:title => @site.title, :rel => 'alternate', :href => '/index.atom', :type => 'application/atom+xml'}
+    %link{:rel => 'stylesheet', :href => "#{@theme.path}/style.css", :type => 'text/css'}
+    %script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", :type => "text/javascript"}
+    = header
+  %body
+    #header
+      %h1= link_to @site.title, '/'
+      .description= @site.description
+    - unless index? or entry?
+      #bread_crumb= bread_crumb
+    #nav
+      %ul
+        - if logged_in?
+          %li= link_to t.admin_page, '/admin/'
+          %li= link_to t.new_post, '/admin/posts/new'
+          %li= link_to t.logout, '/admin/logout'
+        - else
+          %li= link_to t.login, '/admin/'
+        %li
+          %form{:action => '/search/', :method => 'get'}
+            %input{:type => 'text', :name => 'query'}
+    #content
+      #main= yield
+      #aside
+        %dl
+          %dt= t.profile
+          %dd
+            - if about = Page.first(:slug => 'about')
+              = about.body
+              - if logged_in?
+              %p{:style => 'text-align:right'}= link_to t.edit, about.edit_link
+          %dt= t.recent_entries
+          %dd
+            %ul
+              - Post.recent.each do |post|
+                %li= link_to post.title, post.link
+          %dt= t.recent_comments
+          %dd
+            %ul
+              - Comment.recent.each do |comment|
+                %li= link_to truncate(strip_tags(comment.body), :length => 16), comment.link
+          %dt= t.tags
+          %dd
+            %ul
+              - Tag.all.each do |tag|
+                %li= link_to tag.name, tag.link
+          %dt= t.archives
+          %dd
+            %ul
+              - months.each do |m|
+                %li= link_to "#{m.year}年#{m.month}月", "/#{m.year}/#{m.month}/"
+    #footer
+      .poweredby
+        powered by
+        = link_to 'Lokka', 'http://lokka.org/'
+    = footer

data/public/theme/p0t/style.css

@@ -0,0 +1,359 @@
+body {
+  margin: 0;
+  font-size: medium;
+  font-family: "メイリオ", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Verdana, HiraMaruPro-W4, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, sans-serif;
+}
+
+a:link {
+  color: #2844ac;
+}
+
+a:visited {
+  color: #2844ac;
+}
+
+a:hover {
+  color: #ec189a;
+}
+
+a:hover {
+  color: #ec189a;
+}
+
+img {
+  border: 0;
+}
+
+form {
+  margin: 0;
+  padding: 0;
+}
+
+h1 {
+  font-size: 2.3em;
+  letter-spacing: 2px;
+  margin: 10px 0 3px 0px;
+  padding: 0;
+  line-height: 1;
+}
+
+h2 {
+  font-size: 1.45em;
+  font-weight: bold;
+  color: black;
+  margin: 0 0 0.6em 0;
+}
+
+ul {
+  list-style: square;
+}
+
+#nav {
+  position: absolute;
+  top: 20px;
+  right: 50px;
+}
+
+#nav ul {
+  float: right;
+  text-align: right;
+  font-size: 0.9em;
+  font-weight: bold;
+}
+#nav ul a {
+  color: white;
+  text-decoration: none;
+}
+#nav ul li {
+  display: inline;
+  margin-left: 10px;
+}
+#nav ul li form {
+  display: inline;
+}
+#nav ul li form input {
+  border: 1px solid #999999;
+  font-size: 0.9em;
+  font-weight: normal;
+  width: 100px;
+}
+
+li {
+  margin: 5px 0;
+}
+
+pre {
+  line-height: 100%;
+  padding: 1.2em 0.6em;
+  background-color: #eeeeee;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+code {
+  font-size: 1em;
+}
+
+blockquote {
+  padding: 1em;
+  margin: 0;
+  background-color: #eeeeee;
+}
+
+#header {
+  border-top: 8px solid #ec189a;
+  padding: 1em 0 0 130px;
+  height: 140px;
+  background: url(images/logo.png) no-repeat 30px 5px;
+  background-color: black;
+}
+#header .description {
+  color: white;
+  margin: 1em 0 0 0;
+  font-size: 0.8em;
+}
+#header a {
+  color: white;
+  text-decoration: none;
+}
+
+#bread_crumb ol {
+  margin: 1.5em 2em 0 2em;
+  padding: 0px;
+  list-style: none;
+}
+
+#bread_crumb ol li {
+  display: inline;
+  font-size: 14px;
+}
+
+#bread_crumb ol li:before {
+  content: " > ";
+}
+
+#bread_crumb ol li:first-child:before {
+  content: "";
+}
+
+#content {
+  width: 100%;
+}
+
+#main {
+  float: left;
+  width: 80%;
+}
+
+#aside {
+  float: right;
+  width: 20%;
+}
+#aside dl {
+  margin: 1.5em 4em 0em 0em;
+}
+#aside dt {
+  font-size: 1em;
+  font-weight: bold;
+}
+#aside dd {
+  margin: 14px 0px 14px 18px;
+  font-size: 0.8em;
+}
+#aside .section a {
+  text-decoration: none;
+}
+
+#aside ul {
+  margin: 0;
+  padding: 0;
+}
+
+#aside li {
+  margin: 5px 0;
+  padding: 0;
+}
+
+.article {
+  margin: 1.5em 4em 2em 4em;
+}
+.article .title {
+  text-align: left;
+  padding: 0;
+}
+.article .title a {
+  text-decoration: none;
+}
+.article .body {
+  text-align: left;
+  margin-bottom: 1em;
+  line-height: 150%;
+}
+.article .footer {
+  padding: 0;
+  text-align: right;
+  font-size: 0.8em;
+}
+.article .time {
+  display: inline;
+  margin-right: 0.3em;
+}
+.article .edit {
+  display: inline;
+  margin-left: 0.3em;
+}
+.article .delete {
+  display: inline;
+  margin-left: 0.3em;
+}
+.article form {
+  text-align: left;
+}
+
+#footer {
+  clear: both;
+  width: 100%
+  text-align: center;
+  padding: 1em 0em;
+}
+
+#footer .poweredby {
+  text-align: center;
+}
+
+.icon {
+  vertical-align: middle;
+  border: none;
+  margin: 0 0.6em 0.3em 0;
+}
+
+label.label {
+  font-weight: bold;
+  text-align: left;
+}
+label.checkbox {
+  font-weight: normal;
+}
+
+input.text_field {
+  font-size: 14px;
+  padding: 5px;
+  width: 800px;
+  border: 1px solid #999999;
+}
+input.text_field_small {
+  font-size: 14px;
+  width: 150px;
+  border: 1px solid #999999;
+}
+input.text_field_mini {
+  font-size: 22px;
+  padding: 5px;
+  width: 400px;
+}
+
+textarea {
+  border: 1px solid #999999;
+  padding: 5px;
+}
+textarea.text_area {
+  width: 800px;
+  height: 400px;
+}
+
+#article_body_editor {
+  font-size: 14px;
+  width: 100%;
+  height: 400px;
+  border: 1px solid #999999;
+}
+
+.export {
+  margin: 0 10px;
+}
+
+.fieldWithErrors {
+  border: solid 2px red;
+}
+
+#errorExplanation {
+  border: 2px solid red;
+  padding: 7px;
+  margin-bottom: 10px;
+  background-color: #f0f0f0;
+}
+#errorExplanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px;
+  background-color: #cc0000;
+  color: white;
+}
+#errorExplanation h2 ul li {
+  list-style: square;
+}
+
+.notice {
+  background: #eeeeee;
+  padding: 10px 15px;
+  margin: 10px 0px;
+  border-top: solid 1px #0b53c1;
+  border-bottom: solid 1px #0b53c1;
+}
+
+.warn {
+  background: #ffeeee;
+  padding: 10px 15px;
+  margin: 10px 0px;
+  border-top: solid 1px red;
+  border-bottom: solid 1px red;
+}
+
+.pagination {
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.clearfix {
+  display: inline-table;
+}
+
+ul.comments {
+  list-style: none;
+  margin: 1.5em 4em;
+  padding: 0;
+}
+
+.comment {
+  margin-bottom: 1.5em;
+}
+
+.comment .body {
+  margin-bottom: 0.5em;
+}
+
+h4.comment {
+  margin: 0em 4em;
+}
+
+#comment_form {
+  margin: 1.5em 4em;
+}
+
+.gist pre {
+  color: black;
+}