M layouts/article_item.htm → layouts/article_item.htm

@@ -2,7 +2,7 @@ -----
 filter: erb
 -----
 <div class="article-item"> 
-	<h4><a href="/articles/<%= @article.attributes[:permalink]%>/"><%= @article.attributes[:title]%></a></h4><% unless (@article.attributes[:tags].empty?) then %><div class="article-tags"><%=	"Tagged as: "+@article.attributes[:tags].map{ |t| %{<a href="/tags/#{t}" class="tag">#{t}</a>} }.join(", ") %>
+	<h4><a href="/articles/<%= @article.attributes[:permalink]%>/"><%= @article.attributes[:title]%></a></h4><% unless (@article.attributes[:tags].empty?) then %><div class="article-tags"><%=	@article.attributes[:tags].map{ |t| %{<span class="tag"><a href="/tags/#{t}/">#{t}</a></span>} }.join(" &middot; ") %>
 	</div>
 	<% end %><%	if (@article.attributes[:summary] && !@no_summary) then %><div class="article-summary"><%= @article.attributes[:summary] %>
 	</div><% end %>

M resources/css/elements.css → resources/css/elements.css

@@ -60,18 +60,6 @@ {
 	margin-left: 0;
 }
 
-.tag, .link, #taglist a, #timeline a, #navigation a
-{
-	margin: 0 1px;
-	border: none;
-}
-
-.tag:hover, .link:hover, #navigation a:hover, #taglist a:hover
-{
-	color: #FF0900;
-	border: none;
-}
-
 /*** HOME Page ***/
 
 #services li
@@ -123,6 +111,13 @@ .article-item
 {
 	padding: 0.5em 0;
 	display: block;
+}
+
+.tag
+{
+	font-weight: bold;
+	font-style: italic;
+	font-size: 0.95em;
 }
 
 /** Share buttons **/

M resources/css/layout.css → resources/css/layout.css

@@ -145,7 +145,7 @@ 
 #services
 {
 	margin:auto;
-	width: 900px;
+	width: 1000px;
 }
 
 .inner-border 

M resources/css/text.css → resources/css/text.css

@@ -4,13 +4,12 @@ h2, h3, h4, h5
 {
 	margin: 0;
 	font-family: Georgia, Serif;
-	font-weight: normal;
-	color: #B80000;
 }
 
 h1
 {
 	font-size: 2em;
+	font-family: Georgia, Serif;
 }
 
 h2
@@ -53,7 +52,6 @@ 
 #navigation a
 {
 	font-size: 2em;
-	font-family: Georgia, Serif;
 }
 
 
@@ -91,16 +89,19 @@ {
 	font-size: 1.2em;
 	margin: 0;
 	padding: 0;
+	font-family: sans-serif;
 }
 
 .article-tags
 {
+	padding-top: -0.1em;
 	font-size: 90%;
 	padding-left: 1em;
 }
 
 .article-summary
 {
+	padding-top: 0.5em;
 	padding-left: 1em;
 	font-style: italic;
 }