Change main page to use lists, increase list margins.

src/index.xhtml

@@ -45,13 +45,13 @@
 
             <div class="box" id="contact">
                 <h2>Contact</h2>
-                <p>
-                    <b>Mail:</b> <a href="res/mail.png">Link to graphic with address</a> (<a href="res/nicolaslenz.pgp">PGP-Key</a>)<br/>
-                    <b>Matrix messenger:</b> @Eisfunke:matrix.org<br/>
-                    <b>Telegram messenger:</b> @Eisfunke<br/>
-                    <b>Signal messenger:</b> Available<br/>
-                    <b>Steam:</b> <a href="https://steamcommunity.com/id/eisfunke">Eisfunke</a>
-                </p>
+                <ul>
+                    <li><b>Mail:</b> <a href="res/mail.png">Link to graphic with address</a> (<a href="res/nicolaslenz.pgp">PGP-Key</a>)</li>
+                    <li><b>Matrix messenger:</b> @Eisfunke:matrix.org</li>
+                    <li><b>Telegram messenger:</b> @Eisfunke</li>
+                    <li><b>Signal messenger:</b> Available</li>
+                    <li><b>Steam:</b> <a href="https://steamcommunity.com/id/eisfunke">Eisfunke</a></li>
+                </ul>
             </div>
 
             <div class="box" id="qr">
@@ -70,10 +70,10 @@
 
             <div class="box" id="projects">
                 <h2>Projects</h2>
-                <p>
-                    <b><a href="https://eisfunke.com">eisfunke.com</a>:</b> My blog about technology, science, politics and photography.<br/>
-                    <b><a href="https://github.com/Eisfunke/katrin">katrin</a>:</b> The vague idea of a innovative, dependently-typed functional programming and markup language.
-                </p>
+                <ul>
+                    <li><b><a href="https://eisfunke.com">eisfunke.com</a>:</b> My blog about technology, science, politics and photography.</li>
+                    <li><b><a href="https://github.com/Eisfunke/katrin">katrin</a>:</b> The vague idea of a innovative, dependently-typed functional programming and markup language.</li>
+                </ul>
             </div>
 
             <div class="box" id="interests">

src/style/stylesheet.sass

@@ -89,7 +89,8 @@ ul
     list-style-type: square
 
 li
-    margin: 3px 3px
+    margin-top: 0.3rem
+    margin-bottom: 0.3rem
 
 
 // Links