move legal links

index.html

@@ -121,6 +121,16 @@
       .definition .description {
         text-align: justify;
       }
+      .legal {
+        margin-top: 2.5em;
+        padding-top: 1em;
+        border-top: 1px solid #d6dde3;
+        font-size: 14px;
+        color: #444;
+      }
+      .legal a {
+        margin-right: 1em;
+      }
       @media(max-width: 700px) {
         .broken-up {
           display: block;
@@ -167,8 +177,6 @@
         <li><a href="https://blog.veitheller.de">Blog</a></li>
         <li><a href="https://veitheller.de/talks.html">Talks & Publications</a></li>
         <li><a href="https://veitheller.de/static/resume.pdf">CV</a></li>
-        <li><a href="./imprint.html">Imprint</a></li>
-        <li><a href="./gdpr_notice.html">GDPR Notice</a></li>
       </ul>
       <p>
         Nice to meet you! I’m Veit, an independent technologist in Erlangen. I help
@@ -319,6 +327,10 @@
           invitation</a>!
         </p>
       </details>
+      <footer class="legal">
+        <a href="./imprint.html">Imprint</a>
+        <a href="./gdpr_notice.html">GDPR Notice</a>
+      </footer>
     </div>
     <script>
 // convenience for your linking pleasure. sorry for the hack.