From 3ae7439fd8a2f9a8b4359b00ef3b0808aa45f9d4 Mon Sep 17 00:00:00 2001
From: Lars-Dominik Braun <lars@6xq.net>
Date: Tue, 28 Apr 2015 11:10:30 +0200
Subject: Pretty popup

---
 Main.hs        | 13 ++++++-------
 data/script.js |  7 +++++--
 data/style.css | 20 ++++++++++++++++++++
 3 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/Main.hs b/Main.hs
index 1d5195a..8b0229c 100644
--- a/Main.hs
+++ b/Main.hs
@@ -210,13 +210,12 @@ page db attrib = doctypehtml_ $ do
 		div_ [id_ "background"] ""
 		div_ [id_ "popup"] $ do
 			h2_ ""
-			p_ [class_ "subtitle"] ""
-			p_ [class_ "ref"] $ do
-				span_ [class_ "year"] ""
-				", "
-				a_ [class_ "doi"] ""
-				", "
-				a_ [class_ "scholar"] "Scholar"
+			p_ [class_ "longname"] ""
+			ul_ [class_ "ref"] $ do
+				li_ [class_ "title"] ""
+				li_ [class_ "year"] ""
+				li_ $ a_ [class_ "doi"] ""
+				li_ $ a_ [class_ "scholar"] "Scholar"
 			p_ [class_ "description"] ""
 		extjs "script.js"
 
diff --git a/data/script.js b/data/script.js
index 58d94f3..50c06ac 100644
--- a/data/script.js
+++ b/data/script.js
@@ -6,11 +6,14 @@ $(document).ready (function () {
 	$('#algo tr').click (function () {
 		var data = $(this).data ('proto');
 		$('#popup h2').text (data.name);
-		$('#popup .subtitle').text (data.longname);
+		$('#popup .longname').text (data.longname);
+
+		$('#popup .title').text (data.title);
+		$('#popup .year').text (data.year);
 		$('#popup .doi').text ('doi:' + data.doi);
 		$('#popup .doi').attr ('href', 'http://doi.org/' + data.doi);
 		$('#popup .scholar').attr ('href', 'http://scholar.google.com/scholar?q=' + encodeURIComponent (data.title));
-		$('#popup .year').text (data.year);
+
 		$('#popup .description').text (data.description);
 
 		$('#popup').fadeIn ('normal');
diff --git a/data/style.css b/data/style.css
index 81b9190..41b5a9e 100644
--- a/data/style.css
+++ b/data/style.css
@@ -25,3 +25,23 @@ td.features ul {
 	opacity: 0.5;
 }
 
+.ref {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+
+.ref li {
+	display: inline;
+	margin: 0;
+	padding: 0;
+}
+
+.ref li:after {
+	content: ", ";
+}
+
+.ref .title {
+	font-style: italic;
+}
+
-- 
cgit v1.2.3