Improve layout a bit

template/index.html

@@ -1,6 +1,10 @@
 {% extends "_base.html" %}
-{% block title %}Koodiklinikan palkkakysely, {{ year }}{% endblock %}
 {% block body %}
+    <header>
+        <a href="https://koodiklinikka.fi">
+            <img src="{{ logo_svg }}" alt="koodiklinikan logo" style="height: 3em">
+        </a>
+    </header>
     <h1>Koodiklinikan palkkakysely, {{ year }}</h1>
     <h2>Tunnusluvut</h2>
     <ul>
@@ -29,6 +33,7 @@
         <li><a href="raw.tsv">Raakadata (TSV)</a></li>
         <li><a href="raw.xlsx">Raakadata (XLSX)</a></li>
     </ul>
+    Viittaathan dataa käyttäessäsi tähän sivustoon: <a href="{{ site_url }}">{{ site_url }}</a>
 {% endblock %}
 {% block footer %}
     <footer>

template/style.css

@@ -1,11 +1,11 @@
 body {
-    padding: 0 10px;
+    padding: 1em;
     font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 body.static-body {
     max-width: 650px;
-    margin: 40px auto;
+    margin: auto;
 }
 
 body.table-body {
@@ -23,7 +23,15 @@ body.table-body td, body.table-body th {
 }
 
 h1, h2, h3 {
-    line-height: 1.2
+    line-height: 1.2;
+}
+
+a:link {
+    color: #2181b7;
+}
+
+a:visited {
+    color: #4e1ecb;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -40,3 +48,16 @@ h1, h2, h3 {
         color: #ccf
     }
 }
+
+header {
+    border-bottom: 2px solid #2a6180;
+    padding-bottom: 1em;
+    line-height: 1;
+}
+
+footer {
+    border-top: 2px solid #2a6180;
+    padding: 1em;
+    margin-top: 1em;
+    text-align: center;
+}