bump to 2.2.5; friends: emoji avatars + always-2-column grid

src/app/components/WebLayout.tsx

@@ -336,6 +336,7 @@ export default function WebLayout() {
                   key={idx}
                   url={friend.realUrl || friend.url}
                   className="friend"
+                  icon={friend.emoji}
                   name={friend.name}
                   desc={friend.desc}
                 />
@@ -344,7 +345,7 @@ export default function WebLayout() {
           </Section>
 
           <footer className="web-footer glass">
-            <span className="web-footer-label">v2.2.4</span>
+            <span className="web-footer-label">v2.2.5</span>
             © 2025-2026 Martin Dvořák. All rights reserved (not really I dont care, just
             follow the GPL3.0 License)
           </footer>

src/app/components/WindowsDesktop.tsx

@@ -76,7 +76,7 @@ const FRIEND_SHORTCUTS: Shortcut[] = friends.map((f, i) => ({
       : f.url,
   embed: f.iframe,
   color: "#c0392b",
-  icon: "🧙",
+  icon: f.emoji,
   desc: f.desc,
 }));
 
@@ -362,7 +362,7 @@ export default function WindowsDesktop() {
     id: f.id,
     label: f.label,
     title: f.label,
-    glyph: "🧙",
+    glyph: f.icon,
     onOpen: () => openShortcut(f),
   }));
   const allEntries = [...leftEntries, ...serviceEntries, ...friendEntries];

src/app/components/apps.tsx

@@ -255,7 +255,7 @@ function FriendsApp() {
             key={idx}
             url={friend.realUrl || friend.url}
             className="friend"
-            icon="🧙"
+            icon={friend.emoji}
             name={friend.name}
             desc={friend.desc}
           />

src/app/data.ts

@@ -24,6 +24,8 @@ export interface Friend {
   /** The live site: the window's `www` button and the status check use this. */
   realUrl: string;
   desc: string;
+  /** Avatar glyph shown next to the name (web) and as the desktop icon. */
+  emoji: string;
   /** Render in an iframe in a desktop window. */
   iframe: boolean;
   /**
@@ -245,6 +247,7 @@ export const friends: Friend[] = [
     url: "https://skopec.dev/",
     realUrl: "https://skopec.dev/",
     desc: "skopec.dev",
+    emoji: "🧌", // goblin, per the author
     iframe: true,
     proxy: true,
   },
@@ -253,6 +256,7 @@ export const friends: Friend[] = [
     url: "https://bukovinafilip.com/",
     realUrl: "https://bukovinafilip.com/",
     desc: "bukovinafilip.com",
+    emoji: "🧙",
     iframe: true,
   },
   {
@@ -260,6 +264,7 @@ export const friends: Friend[] = [
     url: "https://vlcak.me",
     realUrl: "https://vlcak.me",
     desc: "vlcak.me",
+    emoji: "🧙",
     iframe: true,
   },
   {
@@ -268,6 +273,7 @@ export const friends: Friend[] = [
     url: "https://k0t4tkos-portfolio.com/",
     realUrl: "https://k0t4tkos-portfolio.com/",
     desc: "k0t4tkos-portfolio.com",
+    emoji: "🧙",
     iframe: true,
   },
 ];

src/app/web.css

@@ -482,6 +482,11 @@ html[data-theme="web"] body {
 .services-buttons.services-main {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
+/* Friends: always exactly 2 columns at every width, so the grid stays a clean
+   rectangle/square instead of ending in an orphan "L" row. */
+.services-buttons.friends-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
 
 .service-button {
   position: relative;
@@ -572,25 +577,37 @@ html[data-theme="web"] body {
   color: var(--fg);
 }
 
-/* Friend cards centre their text (the web theme has no icon; the desktop
-   Friends app shows the wizard emoji above the name). */
+/* Friend cards: a big emoji beside the name + website, sized to roughly the
+   two text lines combined so the (wide) card doesn't look empty. */
 .service-button.friend {
-  flex-direction: column;
-  text-align: center;
-  gap: 10px;
-  padding: 18px 16px;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+  padding: 16px 20px;
+}
+/* Let the corner status dot anchor to the card, not to the emoji. */
+.service-button.friend .service-icon-wrap {
+  position: static;
 }
 .service-button.friend .service-text {
-  align-items: center;
-  width: 100%;
-  /* Leave room for the corner status dot so names don't run under it. */
-  padding-inline: 10px;
+  align-items: flex-start;
+  width: auto;
+  min-width: 0;
 }
-/* Friend cards are text-only now, so let long names wrap instead of running
-   under the corner status dot. */
 .service-button.friend .service-name {
   white-space: normal;
 }
+.service-button.friend .service-icon {
+  width: auto;
+  height: auto;
+  font-size: 2.5rem;
+  line-height: 1;
+  filter: none;
+}
+/* Long domains must wrap on narrow cards instead of overflowing. */
+.service-button.friend .service-desc {
+  overflow-wrap: anywhere;
+}
 .service-button.friend .service-status-dot {
   top: 12px;
   right: 12px;
@@ -603,13 +620,6 @@ html[data-theme="web"] body {
   transform: none;
   filter: none;
 }
-/* The desktop Friends app shows a big wizard emoji in place of the old avatars. */
-.service-button.friend .service-icon {
-  width: 64px;
-  height: 64px;
-  font-size: 2.6rem;
-  filter: none;
-}
 
 /* ============================================================
    PROJECTS / HARDWARE
@@ -1203,9 +1213,11 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"]
   .services-buttons.services-main {
     grid-template-columns: 1fr;
   }
-  /* Friends are text-only cards now, so they read fine as a 2x2 grid. */
-  .services-buttons.friends-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+  /* Friend cards stay 2-up here, so tighten the padding to give the text room
+     next to the big emoji. */
+  .service-button.friend {
+    gap: 12px;
+    padding: 12px 14px;
   }
   .social-buttons {
     grid-template-columns: 1fr 1fr;