Added battle names to recent page

2 files changed, 30 insertions, 23 deletions

diff --git a/page.css b/page.css
index 99e6b01..a7733a1 100644
--- a/page.css
+++ b/page.css
@@ -31,21 +31,6 @@ h2 {
 	padding: 0.2em 0.5em;
 }
 
-table {
-	width: 100%;
-	border: 1px solid #59595b;
-	padding: 0.2em;
-	border-spacing: 0;
-}
-
-table td:last-child {
-	text-align: right;
-}
-
-tr:hover {
-	background: #353331;
-}
-
 a:link {
 	color: #a96e3d;
 }
@@ -72,4 +57,26 @@ footer {
 	color: #777;
 	font-size: 80%;
 	padding: 1em;
-}
\ No newline at end of file
+}
+
+.recent-item .id {
+	color: #555;
+	font-size: 80%
+}
+
+.recent-item > header {
+	text-align: inherit;
+}
+
+.recent-item > header > .last-modified {
+	float: right;
+}
+
+.recent-item {
+	padding: 0.2em;
+	border-bottom: 1px solid #242529;
+}
+
+.recent-item:hover {
+	background: #1e1f23;
+}
diff --git a/recent.tmpl b/recent.tmpl
index 14b8bba..6d20a8c 100644
--- a/recent.tmpl
+++ b/recent.tmpl
@@ -12,15 +12,15 @@
 
 <section>
 <h2>Recent</h2>
-<table>
 {{range .}}
-	<tr>
-		<td><a href="/view/{{.Id}}">{{.Id}}</a>
-		<td>some wrecks
-		<td>some grids
-		<td>{{.LastModified.Format "January 02, 2006 15:04 UTC"}}
+<div class="recent-item">
+	<header>
+		<a href="/view/{{.Id}}">{{.Name}}</a>
+		<span class="last-modified">{{.LastModified.Format "January 02, 2006 15:04 UTC"}}</span>
+	</header>
+	<span class="id">{{.Id}}</span>
+</div>
 {{end}}
-</table>
 <h2>About</h2>
 <p><strong>Derelict</strong> is a tool for 3D visualizations of after the battle wreckage fields for EVE Online. Main
 aim of the project is to create a toolset for creators and services to present battles as 3D visualizations to their