From d197b659ea9c9d284086686555c1227116c9c4b1 Mon Sep 17 00:00:00 2001
From: Luke Shumaker <lukeshu@sbcglobal.net>
Date: Tue, 3 Jan 2017 19:18:51 -0500
Subject: change index style

---
 TODO.org         |  3 ---
 bin/index.md.erb |  3 ++-
 src/main.scss    | 58 +++++++++++++++++++++-----------------------------------
 3 files changed, 24 insertions(+), 40 deletions(-)

diff --git a/TODO.org b/TODO.org
index 0eba4da..7855b7c 100644
--- a/TODO.org
+++ b/TODO.org
@@ -9,8 +9,5 @@
 - external link (and wiki-style icon!)
 - move breadcrumbs
 - single-space footer (and possible box)
-- tags on right
-- no bullets on indexes
-- make dates hover text
 * wish
 - case insenstive URLs
diff --git a/bin/index.md.erb b/bin/index.md.erb
index f7a463b..621a323 100644
--- a/bin/index.md.erb
+++ b/bin/index.md.erb
@@ -1,6 +1,7 @@
 ---
 title: "<%= @path %>"
+class: "index"
 ---
 
 <% @pages.sort_by{|a|a.published}.reverse.each do |a| %>
- * <time><%= a.published.strftime('%Y-%m-%d') %></time> - [<%= a.title %>](<%= a.url %>)<% if a.updated != a.published %> (last updated <time><%= a.updated.strftime('%Y-%m-%d') %></time>)<% end %> <% a.tags.each do |t| %><%= t.html %><% end %><% end %>
+ * <a href="<%= a.url %>" title="Published on <%= a.published.strftime('%Y-%m-%d') %><% if a.updated != a.published %> (updated on<%= a.updated.strftime('%Y-%m-%d') %>)<% end %>"><%= a.title %></a><span><% a.tags.each do |t| %><%= t.html %><% end %></span><% end %>
diff --git a/src/main.scss b/src/main.scss
index c40cb52..552fde2 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -84,46 +84,15 @@ article {
 	max-width: 6.5in;
 	margin: 0 auto;
 
-	#constructionBanner {
-		height: 50px;
-		background-color: #f89406;
-	}
-
-	#constructionMessage {
+	.tag {
+		font-size: 60%;
+		font-family: sans-serif;
+		color: white;
+		text-decoration: none;
 		text-align: center;
-		padding: 12px;
-	}
-
-	#search {
-		padding: 10px;
-	}
-
-	#sidebar {
-		border: 1px solid black;
-		padding: 5px;
-		margin: 5px;
-		float: right;
-	}
-
-	li {
-		font-size: 14px;
-	}
-
-	.spacer {
-		width: 50px;
-		display: inline;
-		padding: 0px 50px 0px 50px;
-	}
 
-	.tag {
-		font-size: 11px;
-		height: 13px;
 		padding: 4px 7px 5px 7px;
 		border-radius: 2px;
-		text-align: center;
-		text-decoration: none;
-		color: white;
-		font-family: sans-serif;
 	}
 	.tag.FF { background: FireBrick; }
 	.tag.SS { background: SeaGreen; }
@@ -140,6 +109,23 @@ footer {
 	font-size: smaller;
 }
 
+body.index {
+	article {
+		ul {
+			list-style: none;
+			display: table;
+			li {
+				display: table-row;
+				line-height: 1.3em;
+				& > * {
+					display: table-cell;
+					padding-right: 0.1em;
+				}
+			}
+		}
+	}
+}
+
 body.dnd {
 	background: url(dnd/Background.png) repeat-y;
 	background-size: 100%;
-- 
cgit v1.2.3