summaryrefslogtreecommitdiffstats
path: root/hyperkitty
diff options
context:
space:
mode:
authorAurélien Bompard <aurelien@bompard.org>2013-01-20 16:10:20 -0600
committerAurélien Bompard <aurelien@bompard.org>2013-01-23 06:07:59 -0500
commit0f294dd468ceeaf6a18c0595c8058efd1503dfec (patch)
tree52b4755e58d77ba9d42f17980c823154aa478f17 /hyperkitty
parentff8a5af67943bf7c25c1d1e1fd58ace60d3c2a87 (diff)
downloadhyperkitty-0f294dd468ceeaf6a18c0595c8058efd1503dfec.tar.gz
hyperkitty-0f294dd468ceeaf6a18c0595c8058efd1503dfec.tar.xz
hyperkitty-0f294dd468ceeaf6a18c0595c8058efd1503dfec.zip
Small overhaul of the list of lists
Diffstat (limited to 'hyperkitty')
-rw-r--r--hyperkitty/static/css/hyperkitty.css27
-rw-r--r--hyperkitty/templates/index.html31
2 files changed, 43 insertions, 15 deletions
diff --git a/hyperkitty/static/css/hyperkitty.css b/hyperkitty/static/css/hyperkitty.css
index 4aa3662..6a9f85a 100644
--- a/hyperkitty/static/css/hyperkitty.css
+++ b/hyperkitty/static/css/hyperkitty.css
@@ -7,6 +7,7 @@ body {
#logo {
display: block;
margin: 80px auto;
+ clear: both;
}
ul.nav.auth {
@@ -15,6 +16,32 @@ ul.nav.auth {
}
+/* List of lists */
+
+h1.lists {
+ margin-bottom: 0.5em;
+}
+
+ul.lists .list-name {
+ font-size: 120%;
+ color: black;
+ font-weight: bold;
+}
+ul.lists li a {
+ display: block;
+ float: left;
+ padding: 2em;
+ margin: 0 3em 3em 0;
+ border: 1px solid #ccc;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+ul.lists li a:hover {
+ text-decoration: none;
+ background-color: #eee;
+}
+
.Sb {
-webkit-box-sizing: border-box;
diff --git a/hyperkitty/templates/index.html b/hyperkitty/templates/index.html
index c1aa609..909675a 100644
--- a/hyperkitty/templates/index.html
+++ b/hyperkitty/templates/index.html
@@ -8,21 +8,22 @@
{% block content %}
-<h1>{% trans 'Available lists' %}</h1>
-
-<table class="table table-bordered table-striped">
- <tbody>
- {% for mlist in lists %}
- <tr>
- <td>{{ mlist }}</td>
- <td><a href="{% url list_overview mlist_fqdn=mlist %}"> Overview </a></td>
- <td><a href="{% url archives mlist_fqdn=mlist %}"> Archives </a></td>
- </tr>
- {% empty %}
- <tr><td>No archived list yet.</td></tr>
- {% endfor %}
- </tbody>
-</table>
+<h1 class="lists">{% trans 'Available lists' %}</h1>
+
+{% if lists %}
+<ul class="lists unstyled">
+ {% for mlist in lists %}
+ <li>
+ <a href="{% url list_overview mlist_fqdn=mlist %}">
+ <p class="list-name">{{ mlist }}</p>
+ <p>overview{% if mlist.display_name %} of {{ mlist.display_name }}{% endif %}</p>
+ </a>
+ </li>
+ {% endfor %}
+</ul>
+{% else %}
+<p>No archived list yet.</p>
+{% endif %}
<img id="logo" alt="HyperKitty" src="{{STATIC_URL}}img/logo.png" />