From 14328c7ad3d5dfe301ff9c897576f63207205726 Mon Sep 17 00:00:00 2001
From: Kevin Veen-Birkenbach <kevin@veen.world>
Date: Thu, 23 Nov 2023 09:26:56 +0100
Subject: [PATCH] Optimized homepage

---
 index.html | 89 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 46 insertions(+), 43 deletions(-)
diff --git a/index.html b/index.html
index 4a9a68e..90a9fb4 100644
--- a/index.html
+++ b/index.html
@@ -58,21 +58,6 @@
         font-size: 0.7em;
       }
     </style>
-    <!-- Matomo -->
-    <script>
-      var _paq = window._paq = window._paq || [];
-      /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-      _paq.push(['trackPageView']);
-      _paq.push(['enableLinkTracking']);
-      (function() {
-        var u="//matomo.veen.world/";
-        _paq.push(['setTrackerUrl', u+'matomo.php']);
-        _paq.push(['setSiteId', '1']);
-        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-      })();
-    </script>
-    <!-- End Matomo Code -->
   </head>
   <body>
     <div class="container">
@@ -152,7 +137,7 @@
       <p></p>
       <div class="row">
         <div class="col">
-          <h3>I'm on:</h3>
+          <h3>Social Media</h3>
           <ul class="list-group list-group-flush">
             <li class="list-group-item">
               <a rel="me" href="https://github.com/kevinveenbirkenbach">
@@ -178,11 +163,6 @@
                 linkedin.com
               </a>
             </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://www.duolingo.com/profile/kevinbirkenbach">
-                <i class="fa-solid fa-language"></i> duolingo
-              </a>
-            </li>
             <li class="list-group-item">
               <a rel="me" href="https://www.facebook.com/kevinveenbirkenbach">
                 <i class="fa-brands fa-facebook"></i> facebook
@@ -191,58 +171,81 @@
           <ul>
         </div>
         <div class="col">
-          <h3>I host:</h3>
+          <h3>Fediverse</h3>
           <ul class="list-group list-group-flush">
             <li class="list-group-item">
               <a rel="me" href="https://cloud.veen.world/u/kevinveenbirkenbach" class="link">
-                <i class="fa-solid fa-link"></i>
+                <i class="fa-solid fa-cloud"></i>
                 cloud.veen.world
               </a>
             </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://git.veen.world/kevinveenbirkenbach" class="link">
-                <i class="fa-solid fa-link"></i>
-                git.veen.world
-              </a>
-            </li>
-            <li class="list-group-item">
-              <a rel="me" href="https://blog.veen.world">
-                <i class="fa-solid fa-link"></i>
-                blog.veen.world
-              </a>
-            </li>
             <li class="list-group-item">
               <a rel="me" href="https://mastodon.veen.world/@kevinveenbirkenbach">
-                <i class="fa-solid fa-link"></i>
+                <i class="fa-brands fa-mastodon"></i>
                 mastodon.veen.world
               </a>
             </li>
             <li class="list-group-item">
               <a rel="me" href="https://pixelfed.veen.world/kevinveenbirkenbach">
-                <i class="fa-solid fa-link"></i>
+                <i class="fa-solid fa-camera"></i>
                 pixelfed.veen.world
               </a>
             </li>
             <li class="list-group-item">
               <a rel="me" href="https://peertube.veen.world/a/kevinveenbirkenbach">
-                <i class="fa-solid fa-link"></i>
+                <i class="fa-solid fa-video"></i>
                 peertube.veen.world
               </a>
             </li>
+            <li class="list-group-item">
+              <a rel="me" href="https://blog.veen.world">
+                <i class="fa-solid fa-blog"></i>
+                blog.veen.world
+              </a>
+            </li>
+          <ul>
+        </div>
+        <div class="col">
+          <h3>Other</h3>
+          <ul class="list-group list-group-flush">
+            <li class="list-group-item">
+              <a rel="me" href="https://matomo.veen.world/" class="link">
+                <i class="fa-solid fa-chart-simple"></i>
+                matomo.veen.world
+              </a>
+            </li>
+            <li class="list-group-item">
+              <a rel="me" href="https://baserow.veen.world/" class="link">
+                <i class="fa-solid fa-table"></i>
+                baserow.veen.world
+              </a>
+            </li>
+            <li class="list-group-item">
+              <a rel="me" href="https://git.veen.world/kevinveenbirkenbach" class="link">
+                <i class="fa-solid fa-code"></i>
+                git.veen.world
+              </a>
+            </li>
+            <li class="list-group-item">
+              <a rel="me" href="https://www.duolingo.com/profile/kevinbirkenbach">
+                <i class="fa-solid fa-language"></i> duolingo.com
+              </a>
+            </li>
+            <li class="list-group-item">
+              <a rel="me" href="imprint.html">
+                <i class="fa-solid fa-scale-balanced"></i> imprint
+              </a>
+            </li>
           <ul>
         </div>
         <div class="col">
           <h3>Contact</h3>
-          <div itemscope itemtype="http://schema.org/LocalBusiness">
+          <div itemscope itemtype="http://schema.org/LocalBusiness" class="small">
             <p itemprop="name">Kevin Veen-Birkenbach <br/> Beratungs- und Coachingdienstleistungen</p>
             <p itemprop="address">Afrikanische Straße 43<br>DE-13351 Berlin<br>Germany</p>
             <p>Phone: <span itemprop="telephone"><a href="tel:+491781798023">+491781798023</a></span><br>
             Email: <span itemprop="email"><a href="mailto:kevin@veen.world">kevin@veen.world</a></span><br>
             PGP-Key: <a href="https://s.veen.world/pgp">s.veen.world/pgp</a></p>
-            <a href="imprint.html">
-              <i class="fa-solid fa-link"></i>
-              imprint
-            </a>
           </div>
         </div>
       </div>
