Add badgets

2025-09-27 23:00:46 +03:00
parent f38a8badcf
commit 184bc16a30
2 changed files with 47 additions and 12 deletions
@@ -160,6 +160,12 @@ footer {
  margin-top: .5rem;
  gap: .5rem;

+  & + &,
+  & + .block,
+  .block + & {
+    margin-top: .5rem;
+  }
+
  .block {
    margin-top: 0;
  }
@@ -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>
-
-      <p><a href="//g.codrs.ru/Sweetbread">Gitea</a></p>
-      <p><a href="https://github.com/VerySweetBread">GitHub</a></p>
+    <h3>Development</h3>
+    <div class="blocks badges">
+      <a class="block" href="//g.codrs.ru/Sweetbread">
+        <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>
-      
-      <p><a href="//b.codrs.ru/risdeveau">Fediverse</a></p>
-      <p><a href="https://gamebanana.com/members/3899828">GameBanana</a></p>
-      <p><a href="https://steamcommunity.com/id/risdeveau">Steam</a></p>
-      <p><a href="mailto:risdeveau@codrs.ru">Mail</a></p>
+    <h3>Contacts</h3>
+    <div class="blocks badges">
+      <a class="block" href="//b.codrs.ru/risdeveau">
+        <img class="icon" src="/static/icon/service/sharkey.webp" />
+        Fediverse
+      </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>