Mer pirking på #12. Nå er det linker og søketing på toppen av sida, og linken til kategorier på bøkene fører faktisk til kategorien.

python/web/media/styles/scaffold.css

@@ -76,6 +76,20 @@ img.aligncenter {
   text-shadow: 1px 1px 1px #44A4BD;
 }
 
+.shelf {
+  color: #27606E;
+  font-family: verdana, sans-serif, arial, courier new; 
+  text-align: center; 
+}
+
+.caption {
+  color: #27606E;
+  font-family: verdana, sans-serif, arial, courier new; 
+  text-align: center; 
+  font-weight: bolder;
+  text-shadow: 1px 1px 1px #44A4BD;
+}
+
 .links {
   float: center;
   color: #27606E;
@@ -99,7 +113,7 @@ img.aligncenter {
 }
 
 .input {
-  width: 320px;
+  width: 300px;
 }
 
 .heading {

python/web/templates/base/main.html

@@ -15,18 +15,14 @@
       <a href="/kart/" class="link">Hyllekart</a> |
       <a href="/kategori/" class="link">Kategorier</a> |
       <a href="/bok/" class="link">Bøker</a> |
-      <a href="/person/" class="link">Forfattere og andre personer</a> <br/>
+      <a href="/person/" class="link">Forfattere og andre personer</a> 
-    </div>
-    <hr/>
-    {% block content %}
-    {% endblock %}
-    <br/><br/>
-    <hr/>
-    <div class="field">
       <form action="/let/" method="get">
         <input type="search" name="searchterm" class="input" placeholder="Søk etter bøker, forfattere eller kategorier" autofocus> 
         <input type="submit" value="Søk!">
       </form>
     </div>
+    <hr/>
+    {% block content %}
+    {% endblock %}
   </body>
 </html>

python/web/templates/book/view.html

@@ -21,7 +21,7 @@
 <br>
 {% endfor %}
 {% if book.category %}
-  <span class="key">Kategori:</span> {{ book.category }} <br>
+<span class="key">Kategori:</span> <a href="/kategori/{{ book.category.id }}">{{ book.category }}</a> <br>
 {% endif %}
 {% if book.shelves %}
   <span class="key">Hylle:</span> {{ book.shelves }} <br>

python/web/templates/map/index.html

@@ -7,7 +7,9 @@ Hyllekart
 
 {% block content %}
 {% for shelf in shelf_lists %}
-<table border="1">
+<span class="img">
+<table border="1" class="shelf" >
+  <caption class="caption">Hylle {% if forloop.last %}B{% else %}A{% endif %}</caption>
   {% for row in shelf.1 %}
   <tr>
     {% for column in row %}
@@ -22,7 +24,11 @@ Hyllekart
   </tr>
   {% endfor %}
 </table>
-<li><a href="/kart/{{ shelf_name }}">{{ shelf_name }}</a></li>
+</span>
+<!---<li><a href="/kart/{{ shelf_name }}">{{ shelf_name }}</a></li>---!>
 {% endfor %}
+<br/>
+<br/>
+<br/>
 {% endblock %}