From 6ee246f0a6cd24bbb23210de7fec09a4c24c978d Mon Sep 17 00:00:00 2001
From: Aaron Mueller <mail@aaron-mueller.de>
Date: Mon, 30 Sep 2013 01:19:45 +0200
Subject: [PATCH] Damn, time is running and I have n time to make it pretty :(

---
 resources/public/css/screen.css         | 24 ++++++++++++++++---
 src/ldview/views/templates/entries.html | 32 ++++++++++---------------
 src/ldview/views/templates/layout.html  |  2 +-
 3 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/resources/public/css/screen.css b/resources/public/css/screen.css
index 94b1153..c8bafcb 100644
--- a/resources/public/css/screen.css
+++ b/resources/public/css/screen.css
@@ -4,19 +4,31 @@
   font-size: 0;
 }
 
-#container {
+body {
+  background-color: #222;
+}
+
+#entries {
   margin: auto;
   text-align: center;
-  padding: 0 20px;
+  margin: 0 20px;
+  border-left: 1px solid #333;
 }
 
 div.entry {
-  display: inline;
+  float: left;
+  display: block;
   white-space: nowrap;
   width:200px;
   height: 200px;
   vertical-align: top;
   position: relative;
+  border-right: 1px solid #333;
+  border-bottom: 1px solid #333;
+}
+div.entry:hover {
+  opacity: 0.5;
+  cursor: pointer;
 }
 
 div.entry img {
@@ -27,6 +39,7 @@ div.entry img {
   padding-bottom: 100px;
 }
 .open-entry div.shadow {
+  display: block;
   position: absolute;
   top: 0;
   left: 0;
@@ -36,6 +49,7 @@ div.entry img {
   height: 200px;
 }
 .open-entry div.details {
+  display: block;
   position: absolute;
   top: 200px;
   height: 100px;
@@ -44,3 +58,7 @@ div.entry img {
   left: -200px; /* TODO: Make dynamic */
   width: 800px; /* TODO: Make dynamic */
 }
+
+.shadow, .details {
+  display: none;
+}
diff --git a/src/ldview/views/templates/entries.html b/src/ldview/views/templates/entries.html
index e6d5611..01b6f99 100644
--- a/src/ldview/views/templates/entries.html
+++ b/src/ldview/views/templates/entries.html
@@ -1,24 +1,16 @@
 {% extends "ldview/views/templates/layout.html" %}
 {% block content %}
-
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry open-entry">
-  <div class="shadow"></div>
-  <div class="details"></div>
-  <img src="{{servlet-context}}/img/sample.png" alt="entry-#" />
+<div id="entries">
+  {% for entry in entries %}
+  <div class="entry">
+    <div class="shadow">
+      <p>{{entry.title}}</p>
+      <em>{{entry.author.name}}</em>
+    </div>
+    <div class="details"></div>
+    <a href="http://www.ludumdare.com/compo/ludum-dare-27/?action=preview&uid={{entry.ld_uid}}"><img src="{{servlet-context}}/img/ld/thumbs/{{entry.ld_uid}}_0.png" alt="{{entry.title}}" /></a>
+  </div>
+  {% endfor %}
 </div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
-<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
+<br style="clear: both" />
 {% endblock %}
diff --git a/src/ldview/views/templates/layout.html b/src/ldview/views/templates/layout.html
index 3444be8..e399d85 100644
--- a/src/ldview/views/templates/layout.html
+++ b/src/ldview/views/templates/layout.html
@@ -10,7 +10,7 @@
 </head>
 <body>
 
-<a href="{{servlet-context}}/">Home</a>
+<h1>Ludum Dare submissions viewer</h1>
 
 <div id="container">
   {% block content %}