Pretty popup

2 files changed, 25 insertions, 2 deletions

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;
+}
+