Add badgets

static/style/main.scss

@@ -160,6 +160,12 @@ footer {
   margin-top: .5rem;
   gap: .5rem;
 
+  & + &,
+  & + .block,
+  .block + & {
+    margin-top: .5rem;
+  }
+
   .block {
     margin-top: 0;
   }

templates/personal/risdeveau/index.html

@@ -14,29 +14,58 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <style>
+    h3 {
+      margin-block-end: 0;
+    }
+
     img {
       width: 13rem;
     }
+
+    .badges .block {
+      flex: 1;
+    }
   </style>
 </head>
 <body>
   <main>
-    <div class="block">
     <h3>Development</h3>
-
+    <div class="blocks badges">
-      <p><a href="//g.codrs.ru/Sweetbread">Gitea</a></p>
+      <a class="block" href="//g.codrs.ru/Sweetbread">
-      <p><a href="https://github.com/VerySweetBread">GitHub</a></p>
+        <img class="icon" src="/static/icon/service/gitea.webp" />
+        Gitea
+      </a>
+      <a class="block" href="https://github.com/VerySweetBread">
+        <img class="icon" src="https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png" />
+        GitHub
+      </a>
+      <a class="block" href="https://git.kolibrios.org/Sweetbread">
+        <img class="icon" src="https://git.kolibrios.org/assets/img/logo.svg" />
+        KolibriOS Git
+      </a>
     </div>
 
-    <div class="block">
     <h3>Contacts</h3>
-      
+    <div class="blocks badges">
-      <p><a href="//b.codrs.ru/risdeveau">Fediverse</a></p>
+      <a class="block" href="//b.codrs.ru/risdeveau">
-      <p><a href="https://gamebanana.com/members/3899828">GameBanana</a></p>
+        <img class="icon" src="/static/icon/service/sharkey.webp" />
-      <p><a href="https://steamcommunity.com/id/risdeveau">Steam</a></p>
+        Fediverse
-      <p><a href="mailto:risdeveau@codrs.ru">Mail</a></p>
+      </a>
+      <a class="block" href="https://gamebanana.com/members/3899828">
+        <img class="icon" src="https://images.gamebanana.com/static/img/favicon/favicon.ico" />
+        GameBanana
+      </a>
+      <a class="block" href="https://steamcommunity.com/id/risdeveau">
+        <img class="icon" src="https://store.steampowered.com/favicon.ico" />
+        Steam
+      </a>
+      <a class="block" href="mailto:risdeveau@codrs.ru">
+        <img class="icon" src="" />
+        Mail
+      </a>
     </div>
 
+    <h3>Wallets</h3>
     <div class="blocks">
       <div class="block">
         <p style="text-align: center;">EVM (ETH, POL, BNB)</p>