style index

code/static/css/styles.css

@@ -1,53 +1,79 @@
-html{
-	min-height: 100%;
-	position: relative;
-}
-
-body{
-    color: slategray;
-	background-color: ghostwhite;
-	min-height: 600px;
-	font: 14px/1.3 'Segoe UI',Arial, sans-serif;
-}
-
-a:visited {
-    color: darkslategray;
-}
-a:link {
-    color: slategray;
-}
-
-
-
-/* list view */
-
-.clear {
-  clear: both;
-}
-
-#list_title {
-  float:left;
-  margin-left: 5em;
-}
-
-#list_menu {
-  float:right;
-  padding: 8px;
-  border: 4px solid lightslategray;
-  background-color: #f3f3fb;
-}
-#list_table {
-  border-collapse: collapse;
-}
-td {
-  min-width: 10em;
-  padding: 0px;
-}
-tr:nth-child(even) {
-  background: #f3f3fb
-}
-
-
-.td_right {
-  text-align: right;
-}
+html{
+	min-height: 100%;
+	position: relative;
+}
+
+body{
+    color: slategray;
+	background-color: ghostwhite;
+	min-height: 600px;
+	font: 14px/1.3 'Segoe UI',Arial, sans-serif;
+}
+
+a:visited {
+    color: darkslategray;
+}
+a:link {
+    color: slategray;
+}
+
+#page {
+   padding-bottom:60px;
+}
+#footer {
+   position: absolute;
+   bottom: 0;
+   width: 80vw;
+   height: 23px;
+   background: #f3f3fb;
+   text-align: center;
+   padding-top: 7px;
+}
+td,th {
+  min-width: 10em;
+  padding-right: 2em;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+}
+tr:nth-child(even) {
+  background: #f3f3fb
+}
+
+.td_right {
+  text-align: right;
+}
+
+/* list view */
+
+.clear {
+  clear: both;
+}
+
+#list_title {
+  float:left;
+  margin-left: 5em;
+}
+
+#list_menu {
+  float:right;
+  padding: 8px;
+  border: 4px solid lightslategray;
+  background-color: #f3f3fb;
+}
+#list_table {
+  border-collapse: collapse;
+  margin-left: 2em;
+}
+
+/* index */
+
+#index_title {
+  float:left;
+  margin-left: 5em;
+}
+
+#index_table {
+  border-collapse: collapse;
+  margin-left: 2em;
+  font-size: medium;
+}

code/templates/index.html

@@ -1,18 +1,20 @@
-{% extends "layout.html" %}
-{% block body %}
-  <table class=entriesall>
-   <tr>
-    <th>name
-    <th>expires
-    <th>upload
-   </tr>
-  {% for entry in entries %}
-    <tr>
-      <td><a href="{{ url_for('list_view',name=entry.name) }}">{{ entry.name }}</a>
-      <td>{{ entry.expire|safe }}
-      <td>{{ entry.upload|safe }}
-  {% else %}
-    <li>no shares
-  {% endfor %}
-  </table>
-{% endblock %}
+{% extends "layout.html" %}
+{% block body %}
+  <div id=index_title><h1>Flees</h1></div>
+  <div class=clear></div>
+  <table id=index_table>
+   <tr>
+    <th>Name
+    <th class=td_right>Expires
+    <th class=td_right>Upload
+   </tr>
+  {% for entry in entries %}
+    <tr>
+      <td><a href="{{ url_for('list_view',name=entry.name) }}">{{ entry.name }}</a>
+      <td class=td_right>{% if entry.expire %}{{ entry.expire|safe }}{% else %}-{% endif %}
+      <td class=td_right>{% if entry.upload %}yes{% else %}no{% endif %}
+  {% else %}
+    <li>no shares
+  {% endfor %}
+  </table>
+{% endblock %}

code/templates/layout.html

@@ -11,5 +11,6 @@
 {% endfor %}
 {% block body %}{% endblock %}
 </div>
+<div id=footer><a href="http://bitbucket.org/MoonQ/flees">Flees</a></div>
 </body>