Header cleanup #117

Merged
merged 4 commits into from Dec 4, 2012
View
2 app/assets/stylesheets/monologue/blog/application.css
@@ -7,7 +7,7 @@
*= require monologue/blog/skeleton/skeleton
*= require monologue/blog/skeleton/layout
*= require monologue/foundation_icons/social_foundicons
- *= require_tree .
+ *= require monologue/blog/monologue
*= require monologue/blog/fonts
*= require monologue/blog/custom
*/
View
13 app/assets/stylesheets/monologue/blog/monologue.css
@@ -33,7 +33,18 @@ a.social {
font-size: 30px;
}
+.revision-header span {
+ text-transform: uppercase;
+ font-weight: bold;
+}
+.revision-header span:after{
+ content: "|";
+}
+
+.revision-header span:last-child:after {
+ content: "";
+}
/* pagination */
#pagination {
@@ -91,7 +102,7 @@ a.social {
}
/* tags */
-#tags {
+.tags {
margin-top: 20px;
margin-bottom: 20px;
}
View
4 app/views/monologue/posts/_post.html.erb
@@ -2,11 +2,11 @@
<section>
<%= render :partial => 'monologue/posts/revision_header', :locals => {:revision=>revision} %>
- <div id="content" data-monologue="content">
+ <div class="content" data-monologue="content">
<%= truncate_html(revision.content, :length => 1000, :omission => '...') %>
</div>
- <div id="tags" data-monologue="tags">
+ <div class="tags" data-monologue="tags">
<%= render post.tags %>
</div>
<%= link_to t(".readmore"), revision.full_url, :class => "button" %>
View
17 app/views/monologue/posts/_revision_header.html.erb
@@ -1,9 +1,16 @@
<header class="revision-header">
<h1><%= link_to revision.title, revision.full_url %></h1>
<div class="posted">
- <time datetime="<%= revision.published_at %>">
- <%= I18n.localize(revision.published_at.to_date, :format => :long) %>
- </time>
- &nbsp;&nbsp;|&nbsp;&nbsp;<%= revision.user.name %>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="<%= revision.full_url + "#disqus_thread" %>"></a>
+ <span data-monologue="time">
+ <time datetime="<%= revision.published_at %>">
+ <%= I18n.localize(revision.published_at.to_date, :format => :long) %>
+ </time>
+ </span>
+ <span data-monologue="user">
+ <%= revision.user.name %>
+ </span>
+ <span data-monologue="disqus">
+ <a href="<%= revision.full_url + "#disqus_thread" %>"></a>
+ </span>
</div>
-</header>
+</header>
View
4 app/views/monologue/posts/show.html.erb
@@ -8,11 +8,11 @@
<article>
<%= render :partial => 'monologue/posts/revision_header', :locals => {:revision=>@revision}%>
- <div id="content" data-monologue="content">
+ <div class="content" data-monologue="content">
<%= raw @revision.content %>
</div>
- <div id="tags" data-monologue="tags">
+ <div class="tags" data-monologue="tags">
<%= render @revision.post.tags %>
</div>