feat: loga aplikací v img/apps/, aktualizována apps.html

apps.html

@@ -170,7 +170,7 @@ h1 span { color: var(--accent); }
   width: 100%;
   height: 100%;
   object-fit: cover;
-  border-radius: 14px;
+  border-radius: 12px;
 }
 
 /* CARD BODY */
@@ -297,7 +297,7 @@ h1 span { color: var(--accent); }
 
   <!-- ANDROID -->
   <div class="card" data-platforms="android">
-    <div class="app-logo">🦣</div>
+    <div class="app-logo"><img src="img/apps/tusky.png" alt="Tusky"></div>
     <div class="card-body">
       <div class="card-name">Tusky</div>
       <div class="card-tags">
@@ -310,7 +310,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="android">
-    <div class="app-logo">🐘</div>
+    <div class="app-logo"><img src="img/apps/pachli.png" alt="Pachli"></div>
     <div class="card-body">
       <div class="card-name">Pachli</div>
       <div class="card-tags">
@@ -323,7 +323,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="android">
-    <div class="app-logo">🌐</div>
+    <div class="app-logo"><img src="img/apps/fedilab.png" alt="Fedilab"></div>
     <div class="card-body">
       <div class="card-name">Fedilab</div>
       <div class="card-tags">
@@ -336,7 +336,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="android">
-    <div class="app-logo">📱</div>
+    <div class="app-logo"><img src="img/apps/mastodon.png" alt="Mastodon"></div>
     <div class="card-body">
       <div class="card-name">Mastodon</div>
       <div class="card-tags">
@@ -349,7 +349,7 @@ h1 span { color: var(--accent); }
 
   <!-- iOS -->
   <div class="card" data-platforms="ios">
-    <div class="app-logo">🦷</div>
+    <div class="app-logo"><img src="img/apps/ivory.webp" alt="Ivory"></div>
     <div class="card-body">
       <div class="card-name">Ivory</div>
       <div class="card-tags">
@@ -361,7 +361,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="ios">
-    <div class="app-logo">🧊</div>
+    <div class="app-logo"><img src="img/apps/icecubes.webp" alt="Ice Cubes"></div>
     <div class="card-body">
       <div class="card-name">Ice Cubes</div>
       <div class="card-tags">
@@ -374,7 +374,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="ios">
-    <div class="app-logo">💬</div>
+    <div class="app-logo"><img src="img/apps/toot.webp" alt="Toot!"></div>
     <div class="card-body">
       <div class="card-name">Toot!</div>
       <div class="card-tags">
@@ -386,7 +386,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="ios">
-    <div class="app-logo">📱</div>
+    <div class="app-logo"><img src="img/apps/mastodon_ios.webp" alt="Mastodon"></div>
     <div class="card-body">
       <div class="card-name">Mastodon</div>
       <div class="card-tags">
@@ -399,7 +399,7 @@ h1 span { color: var(--accent); }
 
   <!-- WEB -->
   <div class="card" data-platforms="web">
-    <div class="app-logo">🐣</div>
+    <div class="app-logo"><img src="img/apps/phanpy.svg" alt="Phanpy"></div>
     <div class="card-body">
       <div class="card-name">Phanpy</div>
       <div class="card-tags">
@@ -412,7 +412,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="web">
-    <div class="app-logo">🫎</div>
+    <div class="app-logo"><img src="img/apps/elk.png" alt="Elk"></div>
     <div class="card-body">
       <div class="card-name">Elk</div>
       <div class="card-tags">
@@ -425,7 +425,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="web">
-    <div class="app-logo">📌</div>
+    <div class="app-logo"><img src="img/apps/pinafore.webp" alt="Pinafore"></div>
     <div class="card-body">
       <div class="card-name">Pinafore</div>
       <div class="card-tags">
@@ -451,7 +451,7 @@ h1 span { color: var(--accent); }
   </div>
 
   <div class="card" data-platforms="pocitac">
-    <div class="app-logo">🌿</div>
+    <div class="app-logo"><img src="img/apps/sengi.png" alt="Sengi"></div>
     <div class="card-body">
       <div class="card-name">Sengi</div>
       <div class="card-tags">

img/apps/phanpy.svg

@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 64 64'><path fill='#a4bff7' d='M37.774 11.471c14.639 3.752 19.034 16.557 15.889 31.304-.696 3.261-2.563 6.661-6.356 8.693-3.204 1.717-8.07 2.537-15.338.55l-9.634-2.404C11.651 46.992 8.378 38.733 10.027 31.823c3.627-15.201 15.543-23.48 27.747-20.352Z'/><path fill='#d8e7fe' d='M36.76 15.429c12.289 3.15 15.547 14.114 12.907 26.493-.947 4.44-4.937 9.365-16.664 6.143l-9.684-2.417c-7.854-1.923-10.53-7.8-9.318-12.877 3.016-12.639 12.611-19.943 22.759-17.342Z'/><path fill='#6081e6' d='M27.471 24.991c-1.457-.698-7.229 3.213-7.663 8.926-.182 2.39 4.55 3.237 5.071-.169.725-4.743 3.715-8.218 2.592-8.757Zm10.746 2.005c-2.083.327-.382 5.901-.595 10.727-.123 2.8 4.388 3.464 4.703 2.011 1.098-5.073-2.066-13.058-4.108-12.738Z'/></svg>