Doplnění a oprava index.html, aktulizace styl.css

css/style.css

@@ -169,3 +169,30 @@ header {
   text-align: center;
   gap: 10px;
 }
+
+.subtext {
+  color: var(--muted);
+  margin-top: -10px;
+  margin-bottom: 10px;
+}
+
+.card {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 16px;
+  color: inherit;
+  text-decoration: none;
+  transition: all .3s ease;
+  background: linear-gradient(180deg, rgba(255, 255, 255, .03), transparent);
+  text-align: center;
+  /* ← TADY */
+}
+
+section a {
+  color: var(--link);
+  text-decoration: underline;
+}
+
+section a:hover {
+  color: var(--accent);
+}

index.html

@@ -24,9 +24,8 @@
     <header>
       <img src="img/avatar.jpg" alt="Zdeněk Kreml" class="avatar">
       <h1>Zdeněk Kreml · Archos</h1>
-      <p class="intro">Starám se o komunitní servery, žiju v Arch Linuxu a podporuju open source.
+      <p class="intro">Spravuju komunitní servery a žiju v Arch Linuxu. Zajímám se o bezpečnost, GrapheneOS a otevřený
-        Jsem člen Arch Linux CZ, zajímám se o bezpečnost, GrapheneOS a technologie.
+        software. Ve volném čase jezdím na kole.</p>
-        Když nejsem u serverů, jsem na kole.</p>
       <nav>
         <a href="#projekty">Projekty</a>
         <a href="#odkazy">Odkazy</a>
@@ -37,7 +36,7 @@
     <main>
       <section id="projekty">
         <h2>Projekty</h2>
-
+        <p class="subtext">Služby a platformy, které spravuji a provozuji.</p>
         <div class="cards">
 
           <a class="card" href="https://oscloud.cz">
@@ -89,30 +88,55 @@
       </section>
       <section id="odkazy">
         <h2>Odkazy</h2>
+        <p class="subtext">Osobní profily a identita.</p>
         <div class="cards">
-          <a class="card" href="https://mamutovo.cz/@archos" rel="me">
+          <a class="card" href="https://mastodon.arch-linux.cz/@archos" rel="me">
             <h3>Mastodon</h3>
             <p>Krátké postřehy a novinky.</p>
           </a>
-          <a class="card" href="https://github.com/">
+          <a class="card" href="https://git.arch-linux.cz/Archos">
-            <h3>Git</h3>
+            <h3>Gitea</h3>
             <p>Repozitáře a skripty.</p>
           </a>
-          <a class="card" href="https://oscloud.cz">
+          <a class="card" href="https://keyoxide.org/hkp/EBAB6510473A1F1C34AEC4C0FA7A7D45E7FC2AB1">
-            <h3>OSCloud</h3>
+            <h3>Keyoxide</h3>
-            <p>Hlavní web a dokumentace.</p>
+            <p>Moje ověřená kryptografická identita.</p>
           </a>
         </div>
       </section>
 
       <section id="kontakt">
         <h2>Kontakt</h2>
-        <p>Email: <a href="mailto:ahoj@example.com">ahoj@example.com</a></p>
+
-        <p class="pgp">PGP: ABCD 1234 EFGH 5678 90AB CDEF 1234 5678 90AB</p>
+        <p>Email:
+          <a
+            href="mailto:&#122;&#100;&#101;&#110;&#101;&#107;&#64;&#122;&#107;&#114;&#101;&#109;&#108;&#46;&#99;&#122;">
+            &#122;&#100;&#101;&#110;&#101;&#107;&#64;&#122;&#107;&#114;&#101;&#109;&#108;&#46;&#99;&#122;
+          </a>
+        </p>
+
+        <p>Signal:
+          <a href="https://signal.me/#eu/2c2OFyvNQ_3-yEsTg27rK-EqwEm5yPspOe_Vae7z303jFYVHj8VK-6TigJlJTs0V">
+            Otevřít v Signal
+          </a>
+        </p>
+
+        <p>Threema:
+          <a href="https://threema.id/UTRZMENC">UTRZMENC</a>
+        </p>
+
+        <p>Matrix:
+          <a href="https://matrix.to/#/@archos:mxchat.cz">@archos:mxchat.cz</a>
+        </p>
+
+        <p>PGP:
+          <code>EBAB 6510 473A 1F1C 34AE C4C0 FA7A 7D45 E7FC 2AB1</code>
+        </p>
+
       </section>
 
       <footer>
-        © <span id="y"></span> Zdeněk Kreml · <a href="/feed.xml">RSS</a>
+        © <span id="y"></span> Zdeněk Kreml · <a href="/feed.xml" <a>Gitea</a>
       </footer>
     </main>
   </div>