diff --git a/apps.html b/apps.html
index 1ab7249..94932ff 100644
--- a/apps.html
+++ b/apps.html
@@ -3,225 +3,475 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Mobilní aplikace – Mamutovo</title>
+<title>Aplikace – Mamutovo</title>
 <style>
-  @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;700;800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;700;800&display=swap');
 
-  :root {
-    --bg: #0f0f0f;
-    --surface: #1a1a1a;
-    --surface2: #242424;
-    --accent: #6364ff;
-    --accent2: #ff6b6b;
-    --text: #f0f0f0;
-    --muted: #888;
-    --border: #2e2e2e;
-    --radius: 10px;
+:root {
+  --bg: #0d0d0d;
+  --surface: #161616;
+  --surface2: #1e1e1e;
+  --surface3: #252525;
+  --accent: #00c896;
+  --accent2: #ff6b6b;
+  --accent3: #fbbf24;
+  --text: #f0f0f0;
+  --muted: #777;
+  --muted2: #555;
+  --border: #282828;
+  --radius: 10px;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  background: var(--bg);
+  color: var(--text);
+  font-family: 'Syne', sans-serif;
+  min-height: 100vh;
+}
+
+/* HEADER */
+.header {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 2.5rem 1.5rem 1.5rem;
+}
+
+.badge {
+  display: inline-block;
+  background: var(--surface2);
+  border: 1px solid var(--border);
+  color: var(--muted);
+  font-family: 'Space Mono', monospace;
+  font-size: 0.78rem;
+  padding: 0.4rem 1rem;
+  border-radius: 999px;
+  margin-bottom: 1.2rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  text-decoration: none;
+  transition: border-color 0.15s, color 0.15s;
+}
+
+.badge:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+
+h1 {
+  font-size: clamp(1.6rem, 4vw, 2.4rem);
+  font-weight: 800;
+  letter-spacing: -0.02em;
+  margin-bottom: 0.4rem;
+}
+
+h1 span { color: var(--accent); }
+
+.subtitle {
+  color: var(--muted);
+  font-size: 0.9rem;
+  margin-bottom: 1.8rem;
+}
+
+/* FILTER BUTTONS */
+.filters {
+  max-width: 960px;
+  margin: 0 auto 1.5rem;
+  padding: 0 1.5rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+}
+
+.ftag {
+  font-family: 'Space Mono', monospace;
+  font-size: 0.72rem;
+  padding: 0.35rem 0.9rem;
+  border-radius: 999px;
+  border: 1px solid var(--border);
+  background: transparent;
+  color: var(--muted);
+  cursor: pointer;
+  transition: all 0.15s;
+}
+
+.ftag:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+  background: rgba(0,200,150,0.06);
+}
+
+.ftag.active {
+  border-color: var(--accent);
+  color: var(--accent);
+  background: rgba(0,200,150,0.1);
+}
+
+/* GRID */
+.grid {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 0 1.5rem 3rem;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 0.9rem;
+}
+
+@media (max-width: 600px) {
+  .grid {
+    grid-template-columns: 1fr;
   }
+}
 
-  * { box-sizing: border-box; margin: 0; padding: 0; }
+/* CARD */
+.card {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1.1rem 1.1rem 1rem;
+  display: flex;
+  gap: 0.9rem;
+  align-items: flex-start;
+  transition: border-color 0.2s, transform 0.15s;
+  animation: fadeIn 0.3s ease both;
+}
 
-  body {
-    background: var(--bg);
-    color: var(--text);
-    font-family: 'Syne', sans-serif;
-    min-height: 100vh;
-    padding: 0 1rem;
-  }
+.card:hover {
+  border-color: var(--accent);
+  transform: translateY(-2px);
+}
 
-  /* --- HERO --- */
-  .hero {
-    max-width: 680px;
-    margin: 0 auto;
-    padding: 3rem 0 2rem;
-    text-align: center;
-  }
+.card[hidden] { display: none; }
 
-  a.badge { text-decoration: none; }
-  a.badge:hover { border-color: var(--accent); color: var(--accent); }
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(6px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
 
-  .badge {
-    display: inline-block;
-    background: var(--surface2);
-    border: 1px solid var(--border);
-    color: var(--muted);
-    font-family: 'Space Mono', monospace;
-    font-size: 0.85rem;
-    padding: 0.45rem 1.1rem;
-    border-radius: 999px;
-    margin-bottom: 1.5rem;
-    letter-spacing: 0.05em;
-    text-transform: uppercase;
-  }
+/* LOGO */
+.app-logo {
+  width: 64px;
+  height: 64px;
+  min-width: 64px;
+  border-radius: 14px;
+  background: var(--surface3);
+  border: 1px solid var(--border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 2rem;
+  line-height: 1;
+  overflow: hidden;
+  flex-shrink: 0;
+}
 
-  h1 {
-    font-size: clamp(1.4rem, 4vw, 2.5rem);
-    font-weight: 700;
-    line-height: 1.1;
-    margin-bottom: 1rem;
-    letter-spacing: -0.02em;
-    word-break: break-word;
-    overflow-wrap: break-word;
-  }
+.app-logo img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 12px;
+}
 
-  h1 span { color: var(--accent); }
+/* CARD BODY */
+.card-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+  flex: 1;
+  min-width: 0;
+}
 
-  .tagline {
-    color: var(--muted);
-    font-size: 1.05rem;
-    line-height: 1.6;
-    max-width: 480px;
-    margin: 0 auto 2.5rem;
-  }
+.card-name {
+  font-size: 1rem;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
-  /* --- SECTIONS --- */
-  .sections {
-    max-width: 680px;
-    margin: 0 auto 3rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-  }
+/* TAGS */
+.card-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.3rem;
+}
 
-  .section {
-    background: var(--surface);
-    border: 1px solid var(--border);
-    border-radius: var(--radius);
-    padding: 1.4rem 1.6rem;
-    transition: border-color 0.2s;
-  }
+.tag {
+  font-family: 'Space Mono', monospace;
+  font-size: 0.62rem;
+  padding: 0.15rem 0.5rem;
+  border-radius: 999px;
+  border: 1px solid;
+}
 
-  .section:hover { border-color: var(--accent); }
+.tag-platform {
+  color: var(--accent);
+  background: rgba(0,200,150,0.07);
+  border-color: rgba(0,200,150,0.18);
+}
 
-  .section h2 {
-    font-size: 1rem;
-    font-weight: 700;
-    margin-bottom: 0.8rem;
-    letter-spacing: -0.01em;
-    color: var(--text);
-  }
+.tag-free {
+  color: #94d5a0;
+  background: rgba(148,213,160,0.07);
+  border-color: rgba(148,213,160,0.18);
+}
 
-  .section a {
-    color: var(--accent);
-    text-decoration: none;
-  }
+.tag-paid {
+  color: var(--accent3);
+  background: rgba(251,191,36,0.07);
+  border-color: rgba(251,191,36,0.18);
+}
 
-  .section a:hover { text-decoration: underline; }
+.tag-open {
+  color: #7eb8f7;
+  background: rgba(126,184,247,0.07);
+  border-color: rgba(126,184,247,0.18);
+}
 
-  /* --- APP LIST --- */
-  .app-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-  }
+/* BUTTON */
+.btn-dl {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  font-family: 'Space Mono', monospace;
+  font-size: 0.7rem;
+  font-weight: 700;
+  padding: 0.4rem 0.85rem;
+  border-radius: 7px;
+  border: 1px solid var(--border);
+  background: var(--surface2);
+  color: var(--text);
+  cursor: pointer;
+  text-decoration: none;
+  transition: all 0.15s;
+  align-self: flex-start;
+  margin-top: 0.2rem;
+}
 
-  .app-item {
-    display: flex;
-    flex-direction: column;
-    gap: 0.2rem;
-    padding-bottom: 0.75rem;
-    border-bottom: 1px solid var(--border);
-  }
+.btn-dl:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
 
-  .app-item:last-child {
-    padding-bottom: 0;
-    border-bottom: none;
-  }
+/* FOOTER */
+.footer-note {
+  max-width: 960px;
+  margin: 0 auto 3rem;
+  padding: 1rem 1.5rem 0;
+  border-top: 1px solid var(--border);
+  text-align: center;
+  color: var(--muted);
+  font-size: 0.82rem;
+  line-height: 1.6;
+}
 
-  .app-name {
-    font-weight: 700;
-    font-size: 0.95rem;
-  }
+.footer-note a {
+  color: var(--accent);
+  text-decoration: none;
+  font-family: 'Space Mono', monospace;
+  font-size: 0.78rem;
+}
 
-  .app-name a {
-    color: var(--text);
-    text-decoration: none;
-  }
-
-  .app-name a:hover {
-    color: var(--accent);
-    text-decoration: none;
-  }
-
-  .app-desc {
-    color: var(--muted);
-    font-size: 0.88rem;
-    line-height: 1.5;
-  }
-
-  /* --- FOOTER NOTE --- */
-  .footer-note {
-    max-width: 680px;
-    margin: 0 auto 3rem;
-    text-align: center;
-    color: var(--muted);
-    font-size: 0.82rem;
-    line-height: 1.6;
-    padding-top: 1rem;
-    border-top: 1px solid var(--border);
-  }
-
-  .footer-note a {
-    color: var(--accent);
-    text-decoration: none;
-    font-family: 'Space Mono', monospace;
-    font-size: 0.78rem;
-  }
-
-  .footer-note a:hover { text-decoration: underline; }
+.footer-note a:hover { text-decoration: underline; }
 </style>
 </head>
 <body>
 
-<div class="hero">
+<div class="header">
   <a href="https://fedi.mamutovo.cz" class="badge">🦣 MAMUTOVO · APLIKACE</a>
-  <h1>Mobilní <span>aplikace</span></h1>
-  <p class="tagline">Doporučené appky pro Mastodon na Android a iOS.</p>
+  <h1>Aplikace pro <span>Mastodon</span></h1>
+  <p class="subtitle">Doporučené klienty pro Android, iOS, web a počítač.</p>
 </div>
 
-<div class="sections">
+<div class="filters">
+  <button class="ftag active" data-filter="vse">Vše</button>
+  <button class="ftag" data-filter="android">Android</button>
+  <button class="ftag" data-filter="ios">iOS</button>
+  <button class="ftag" data-filter="web">Web</button>
+  <button class="ftag" data-filter="pocitac">Počítač</button>
+</div>
 
-  <div class="section">
-    <h2>Android</h2>
-    <div class="app-list">
-      <div class="app-item">
-        <div class="app-name"><a href="https://tusky.app">Tusky</a></div>
-        <div class="app-desc">Jednoduchý a přehledný, skvělý pro začátečníky.</div>
-      </div>
-      <div class="app-item">
-        <div class="app-name"><a href="https://pachli.app">Pachli</a></div>
-        <div class="app-desc">Fork Tusky s aktivním vývojem a více funkcemi.</div>
-      </div>
-      <div class="app-item">
-        <div class="app-name"><a href="https://fedilab.app">Fedilab</a></div>
-        <div class="app-desc">Pokročilý, podporuje více účtů.</div>
-      </div>
-      <div class="app-item">
-        <div class="app-name"><a href="https://play.google.com/store/apps/details?id=org.joinmastodon.android">Mastodon</a></div>
-        <div class="app-desc">Oficiální aplikace.</div>
+<div class="grid" id="grid">
+
+  <!-- ANDROID -->
+  <div class="card" data-platforms="android">
+    <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">
+        <span class="tag tag-platform">Android</span>
+        <span class="tag tag-free">Zdarma</span>
+        <span class="tag tag-open">Otevřená</span>
       </div>
+      <a href="https://tusky.app" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
     </div>
   </div>
 
-  <div class="section">
-    <h2>iOS</h2>
-    <div class="app-list">
-      <div class="app-item">
-        <div class="app-name"><a href="https://tapbots.com/ivory">Ivory</a></div>
-        <div class="app-desc">Nejlepší UX, placená.</div>
+  <div class="card" data-platforms="android">
+    <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">
+        <span class="tag tag-platform">Android</span>
+        <span class="tag tag-free">Zdarma</span>
+        <span class="tag tag-open">Otevřená</span>
       </div>
-      <div class="app-item">
-        <div class="app-name"><a href="https://apps.apple.com/app/ice-cubes-for-mastodon/id6444915884">Ice Cubes</a></div>
-        <div class="app-desc">Zdarma, open source.</div>
+      <a href="https://pachli.app" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="android">
+    <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">
+        <span class="tag tag-platform">Android</span>
+        <span class="tag tag-free">Zdarma</span>
+        <span class="tag tag-open">Otevřená</span>
       </div>
-      <div class="app-item">
-        <div class="app-name"><a href="https://apps.apple.com/app/toot-for-mastodon/id1229021451">Toot!</a></div>
-        <div class="app-desc">Kvalitní a udržovaná appka.</div>
+      <a href="https://fedilab.app" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="android">
+    <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">
+        <span class="tag tag-platform">Android</span>
+        <span class="tag tag-free">Zdarma</span>
       </div>
-      <div class="app-item">
-        <div class="app-name"><a href="https://apps.apple.com/app/mastodon-for-iphone/id1571998974">Mastodon</a></div>
-        <div class="app-desc">Oficiální aplikace.</div>
+      <a href="https://play.google.com/store/apps/details?id=org.joinmastodon.android" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
+    </div>
+  </div>
+
+  <!-- iOS -->
+  <div class="card" data-platforms="ios">
+    <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">
+        <span class="tag tag-platform">iOS</span>
+        <span class="tag tag-paid">Placené</span>
       </div>
+      <a href="https://tapbots.com/ivory" class="btn-dl" target="_blank" rel="noopener">Otevřít →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="ios">
+    <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">
+        <span class="tag tag-platform">iOS</span>
+        <span class="tag tag-free">Zdarma</span>
+        <span class="tag tag-open">Otevřená</span>
+      </div>
+      <a href="https://apps.apple.com/app/ice-cubes-for-mastodon/id6444915884" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="ios">
+    <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">
+        <span class="tag tag-platform">iOS</span>
+        <span class="tag tag-paid">Placené</span>
+      </div>
+      <a href="https://apps.apple.com/app/toot-for-mastodon/id1229021451" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="ios">
+    <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">
+        <span class="tag tag-platform">iOS</span>
+        <span class="tag tag-free">Zdarma</span>
+      </div>
+      <a href="https://apps.apple.com/app/mastodon-for-iphone/id1571998974" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
+    </div>
+  </div>
+
+  <!-- WEB -->
+  <div class="card" data-platforms="web">
+    <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">
+        <span class="tag tag-platform">Web</span>
+        <span class="tag tag-free">Zdarma</span>
+        <span class="tag tag-open">Otevřená</span>
+      </div>
+      <a href="https://phanpy.cz" class="btn-dl" target="_blank" rel="noopener">Otevřít →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="web">
+    <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">
+        <span class="tag tag-platform">Web</span>
+        <span class="tag tag-free">Zdarma</span>
+        <span class="tag tag-open">Otevřená</span>
+      </div>
+      <a href="https://elk.zone" class="btn-dl" target="_blank" rel="noopener">Otevřít →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="web">
+    <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">
+        <span class="tag tag-platform">Web</span>
+        <span class="tag tag-free">Zdarma</span>
+        <span class="tag tag-open">Otevřená</span>
+      </div>
+      <a href="https://pinafore.social" class="btn-dl" target="_blank" rel="noopener">Otevřít →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="web">
+    <div class="app-logo"><img src="img/apps/mastodeck.webp" alt="Mastodeck"></div>
+    <div class="card-body">
+      <div class="card-name">Mastodeck</div>
+      <div class="card-tags">
+        <span class="tag tag-platform">Web</span>
+        <span class="tag tag-free">Zdarma</span>
+      </div>
+      <a href="https://mastodeck.com/" class="btn-dl" target="_blank" rel="noopener">Otevřít →</a>
+    </div>
+  </div>
+
+  <!-- POČÍTAČ -->
+  <div class="card" data-platforms="pocitac">
+    <div class="app-logo"><img src="img/apps/mast.webp" alt="Mast"></div>
+    <div class="card-body">
+      <div class="card-name">Mast</div>
+      <div class="card-tags">
+        <span class="tag tag-platform">Počítač</span>
+        <span class="tag tag-paid">Placené</span>
+      </div>
+      <a href="https://apps.apple.com/app/mast-for-mastodon/id1437429129" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
+    </div>
+  </div>
+
+  <div class="card" data-platforms="pocitac">
+    <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">
+        <span class="tag tag-platform">Počítač</span>
+        <span class="tag tag-free">Zdarma</span>
+        <span class="tag tag-open">Otevřená</span>
+      </div>
+      <a href="https://nicolasconstant.github.io/sengi" class="btn-dl" target="_blank" rel="noopener">Stáhnout →</a>
     </div>
   </div>
 
@@ -229,7 +479,34 @@
 
 <div class="footer-note">
   <a href="start.html">← Zpět na průvodce</a>
+  &nbsp;·&nbsp;
+  <a href="https://mamutovo.cz/@archos">@archos@mamutovo.cz</a>
 </div>
 
+<script>
+(function () {
+  const filters = document.querySelectorAll('.ftag');
+  const cards   = document.querySelectorAll('.card');
+
+  filters.forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      const filter = btn.dataset.filter;
+
+      filters.forEach(function (b) { b.classList.remove('active'); });
+      btn.classList.add('active');
+
+      cards.forEach(function (card) {
+        if (filter === 'vse') {
+          card.hidden = false;
+        } else {
+          const platforms = card.dataset.platforms.split(' ');
+          card.hidden = !platforms.includes(filter);
+        }
+      });
+    });
+  });
+})();
+</script>
+
 </body>
 </html>
diff --git a/img/apps/elk.png b/img/apps/elk.png
new file mode 100644
index 0000000..2a12f33
Binary files /dev/null and b/img/apps/elk.png differ
diff --git a/img/apps/fedilab.png b/img/apps/fedilab.png
new file mode 100644
index 0000000..1ba3ae3
Binary files /dev/null and b/img/apps/fedilab.png differ
diff --git a/img/apps/icecubes.webp b/img/apps/icecubes.webp
new file mode 100644
index 0000000..ced5b90
Binary files /dev/null and b/img/apps/icecubes.webp differ
diff --git a/img/apps/ivory.webp b/img/apps/ivory.webp
new file mode 100644
index 0000000..fe97143
Binary files /dev/null and b/img/apps/ivory.webp differ
diff --git a/img/apps/mast.webp b/img/apps/mast.webp
new file mode 100644
index 0000000..2c315f8
Binary files /dev/null and b/img/apps/mast.webp differ
diff --git a/img/apps/mastodeck.webp b/img/apps/mastodeck.webp
new file mode 100644
index 0000000..f88f16d
Binary files /dev/null and b/img/apps/mastodeck.webp differ
diff --git a/img/apps/mastodon.png b/img/apps/mastodon.png
new file mode 100644
index 0000000..a822b95
Binary files /dev/null and b/img/apps/mastodon.png differ
diff --git a/img/apps/mastodon_ios.webp b/img/apps/mastodon_ios.webp
new file mode 100644
index 0000000..daebac1
Binary files /dev/null and b/img/apps/mastodon_ios.webp differ
diff --git a/img/apps/pachli.png b/img/apps/pachli.png
new file mode 100644
index 0000000..f45d148
Binary files /dev/null and b/img/apps/pachli.png differ
diff --git a/img/apps/phanpy.svg b/img/apps/phanpy.svg
new file mode 100644
index 0000000..b5622d0
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/img/apps/pinafore.webp b/img/apps/pinafore.webp
new file mode 100644
index 0000000..a1c0ac2
Binary files /dev/null and b/img/apps/pinafore.webp differ
diff --git a/img/apps/sengi.png b/img/apps/sengi.png
new file mode 100644
index 0000000..6635416
Binary files /dev/null and b/img/apps/sengi.png differ
diff --git a/img/apps/toot.webp b/img/apps/toot.webp
new file mode 100644
index 0000000..e91af4f
Binary files /dev/null and b/img/apps/toot.webp differ
diff --git a/img/apps/tusky.png b/img/apps/tusky.png
new file mode 100644
index 0000000..601a1ff
Binary files /dev/null and b/img/apps/tusky.png differ
