diff options
| -rw-r--r-- | Main.hs | 13 | ||||
| -rw-r--r-- | data/script.js | 7 | ||||
| -rw-r--r-- | data/style.css | 20 |
3 files changed, 31 insertions, 9 deletions
@@ -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; +} + |