Pimpa opp hyllene litt, i henhold til #12.

python/web/media/styles/scaffold.css

@@ -68,6 +68,37 @@ img.aligncenter {
   margin-right: auto;
 }
 
+table.shelf{
+  width: 100px;
+  height: 100px;
+  border: 2px solid #27606E;
+  background-color: #44A4BD rgba(0.1,0.1,0.1,0.5);
+  color: #27606E;
+  box-shadow: 64px 64px 24px 40px rgba(0,0,0,0.4), 12px 12px 0px 18px rgba(0,0,0,0.4) inset;
+  font-family: "Trebuchet MS", sans-serif;
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 1.4em;
+  font-style: normal;
+  border-collapse:separate;
+}
+
+.shelf tfoot td {
+  color: #9CD009;
+  font-size:32px;
+  text-align:center;
+  padding:10px 0px;
+  text-shadow:1px 1px 1px #444;
+}
+
+.shelf tfoot th {
+  color:#666;
+}
+
+.highlight {
+  background-color: #3399CC;
+}
+
 .key {
   color: #27606E;
   font-family: verdana, sans-serif, arial, courier new; 
@@ -102,6 +133,7 @@ img.aligncenter {
 .link {
   color: #27606E;
   font-family: verdana, sans-serif, arial, courier new; 
+  text-decoration: none;
   text-align: center; 
   font-weight: bolder;
   text-shadow: 1px 1px 1px #44A4BD;

python/web/templates/book/index.html

@@ -0,0 +1,14 @@
+{% extends "base/main.html" %}
+
+{%block title%}
+Bøker
+{% endblock %}
+
+{% block content %}
+<h2>Bøker:</h2>
+<ul>
+  {% for book in books %}
+    <li><a href="/bok/{{ book.isbn }}">{{ book.title }}</a></li>
+  {% endfor %}
+</ul>
+{% endblock %}

python/web/templates/person/index.html

@@ -0,0 +1,14 @@
+{% extends "base/main.html" %}
+
+{%block title%}
+Personer
+{% endblock %}
+
+{% block content %}
+<h2>Personer:</h2>
+<ul>
+  {% for person in persons %}
+  <li><a href="/person/{{ person.id }}">{{ person.first_name }} {{ person.last_name }}</a></li>
+  {% endfor %}
+</ul>
+{% endblock %}