7 files changed, 80 insertions, 9 deletions

@@ -1,3 +1,28 @@
-%article#blog-post
-  %h2#blog-title= blog.title
-  %section#blog-content.entry-content= blog.body.html_safe
+%article.blog-post.h-entry
+  %data.u-url{ value: url_for(blog) }
+  %header
+    .post-calendar{ class: "post-date-#{(blog.visible_date.year - 2007) % 4 + 1}" }
+      %span.post-month= blog.visible_date.strftime("%^b")
+      %span.post-day= blog.visible_date.day
+    .blog-title
+      %h2.p-name= link_to_unless_current blog.title, blog
+      .post-author= blog.user.login.capitalize
+      %ul.post-tag-3
+        - blog.tags.each do |tag|
+          %li= link_to tag, tag_url(tag.name), class: "p-category"
+  %blockquote#blog-content.entry-content.bubble.rounded.bottom.e-content
+    - if short and blog.has_read_more
+      = markdown(blog.short_body)
+      = link_to "Read more...", blog
+    - else
+      = markdown(blog.body)
+  %cite.bubble.blog-cite
+    %span.p-author.h-card
+      %strong.p-name= blog.user.login.capitalize
+      %data.u-url{ value: root_url }
+    on
+    %time.dt-published{ datetime: blog.visible_date.strftime("%Y-%m-%dT%H:%M:%SZ%z") }= blog.visible_date.strftime("%B #{blog.visible_date.day.ordinalize}, %Y at %-I:%M:%S%P")
+  .post-vote{ id: "blog-vote-section-#{blog.id}" }
+    %span.vote-link{ id: "blog-upvote-link-#{blog.id}" }= link_to_unless (not blog.published or blog.already_upvoted?(request.remote_ip)), "👍", upvote_blog_path(blog), remote: true, rel: "nofollow", class: "blog-upvote-link", method: :post
+    %span.post-rating{ id: "blog-rating-#{blog.id}" }= blog.upvotes
+    %span.vote-link{ id: "blog-downvote-link-#{blog.id}" }= link_to_unless (not blog.published or blog.already_downvoted?(request.remote_ip)), "👎", downvote_blog_path(blog), remote: true, rel: "nofollow", class: "blog-downvote-link", method: :post
@@ -0,0 +1,5 @@
+- if not @main_page
+  = will_paginate @blogs
+- @blogs.each do |blog|
+  = render blog, short: true
+= will_paginate @blogs
@@ -0,0 +1,15 @@
+atom_feed do |feed|
+  feed.title("Four Island")
+  feed.updated(@blogs[0].published_at) if @blogs.length > 0
+
+  @blogs.limit(10).each do |blog|
+    feed.entry(blog, published: blog.published_at) do |entry|
+      entry.title(blog.title)
+      entry.content(markdown(blog.body), type: 'html')
+
+      entry.author do |author|
+        author.name("hatkirby")
+      end
+    end
+  end
+end
@@ -0,0 +1,9 @@
+#blog-archive
+  %h2 Blog Archive
+  .bubble.rounded
+    - @blogs.chunk {|blog| blog.published_at.strftime("%B %Y") }.each do |chunk|
+      %h3= chunk[0]
+      - chunk[1].each do |blog|
+        %p.archive-link
+          = link_to blog.title, blog
+          %small= blog.published_at.strftime("%-d %b %Y")
@@ -1,6 +1,10 @@
-.breadcrumb= link_to "← Back to home page", root_path
-= render @blog
-%footer#blog-footer
-  This entry was posted on
-  = succeed "." do
-    %time= @blog.published_at.strftime("%B #{@blog.published_at.day.ordinalize}, %Y at %-I:%M:%S%P")
+- title @blog.title
+- unless @prev.nil?
+  .back-post= link_to "← #{@prev.title}", @prev
+- unless @next.nil?
+  .next-post= link_to "#{@next.title} →", @next
+.clear
+= render @blog, short: false
+= show_comments(@blog)
+- content_for :meta_sidebar_content do
+  = link_to "Edit this post", edit_admin_blog_url(@blog.id)
@@ -0,0 +1 @@
+= render "list"
@@ -0,0 +1,12 @@
+$("#blog-rating-<%= @blog.id %>").html('<%= escape_javascript("#{@blog.upvotes - @blog.downvotes}") %>');
+
+<% if @blog.already_upvoted? request.remote_ip %>
+  $("#blog-upvote-link-<%= @blog.id %>").html("👍");
+<% elsif @blog.already_downvoted? request.remote_ip %>
+  $("#blog-downvote-link-<%= @blog.id %>").html("👎");
+<% else %>
+  $("#blog-upvote-link-<%= @blog.id %>").html('<%= escape_javascript(link_to("👍", upvote_blog_path(@blog), remote: true, rel: "nofollow", class: "blog-upvote-link", method: :post)) %>');
+  $("#blog-downvote-link-<%= @blog.id %>").html('<%= escape_javascript(link_to("👎", downvote_blog_path(@blog), remote: true, rel: "nofollow", class: "blog-downvote-link", method: :post)) %>');
+<% end %>
+
+$("#blog-vote-section-<%= @blog.id %>").effect('highlight', {}, 2000);