feat: basics.html – přidány sekce Co je toot a Co je boost

Merge branch 'dev' - v1.2.0

- CATEGORIES rozšířeny: fediverse, cestovani, priroda, jidlo
- Limit featured_tags zvýšen na 6, zobrazení na 4
- Klikací hashtagy u kartiček – filtrování na stránce
- Odkaz na about.mamutovo.cz v hero sekci start.html
- Přidáni noví účty: mirek@rodina-sucha.cz, michal@vltava.cloud,
  sesivany@social.vivaldi.net, jimmac@mastodon.social,
  Oskar456@mastodon.social, jmlich@fosstodon.org,
  ronny@metalhead.club, vancura@mastodon.design

README.md

@@ -1,84 +1,262 @@
 # fedi_start
 
-Onboarding systém pro nové uživatele Mastodonu (CZ/SK komunita).
+Onboarding průvodce pro [Mamutovo.cz](https://mamutovo.cz) – pomáhá nováčkům začít na Fediverse.
 
-## Soubory
+- **Web:** https://fedi.mamutovo.cz
+- **Repo:** https://git.arch-linux.cz/Mamutovo/fedi_start
+- **Účet:** [@archlinuxcz@mamutovo.cz](https://mamutovo.cz/@archlinuxcz)
+
+---
+
+## Obsah projektu
 
 | Soubor | Popis |
 |---|---|
-| `start.html` | Úvodní onboarding stránka |
+| `index.html` | Hlavní stránka |
-| `accounts.html` | Interaktivní seznam CZ účtů s filtry |
+| `start.html` | Krok za krokem onboarding pro nováčky |
-| `accounts.json` | Data účtů (generováno skriptem) |
+| `basics.html` | Základy Mastodonu |
-| `starter-general.csv` | Starter pack pro import do Mastodonu |
+| `accounts.html` | Interaktivní seznam CZ/SK účtů s filtry |
-| `mastodon_cz_accounts.py` | Automatický sběr CZ/SK účtů |
+| `apps.html` | Doporučené aplikace (Android / iOS / Web / Desktop) |
-| `upload_surfer.sh` | Upload dat na Surfer |
+| `accounts.json` | Data účtů (generováno skriptem, nahrává se na Surfer) |
+| `accounts.csv` | Totéž v CSV (nahrává se na Surfer) |
+| `manual_accounts.csv` | Ručně přidané účty (GTS instance a výjimky) |
+| `starter-general.csv` | Starter pack – obecný – pro import do Mastodonu |
+| `starter-tech.csv` | Starter pack – tech – pro import do Mastodonu |
+| `mastodon_cz_accounts.py` | Hlavní skript – scraping CZ/SK účtů |
+| `upload_surfer.sh` | Upload `accounts.json` a `accounts.csv` na Cloudron Surfer |
+
+---
+
+## Lokální vývoj
 
-## Lokální spuštění
 ```bash
+# Spustí lokální HTTP server
 python3 -m http.server 8080
-# http://localhost:8080/accounts.html
+# Otevři v prohlížeči: http://localhost:8080/
 ```
 
-## Generování dat
+---
-```bash
+
-python3 mastodon_cz_accounts.py --output .
+## Skript `mastodon_cz_accounts.py`
+
+Sbírá CZ/SK účty z Mastodonu a GoToSocial instancí, filtruje je a ukládá do `accounts.json` a `accounts.csv`.
+
+### Jak funguje sběr dat
+
+1. Pro každou instanci v `QUERY_INSTANCES` volá `/api/v1/directory` (veřejné Mastodon API).
+2. Načte `manual_accounts.csv` a dohledá každý účet přes `/api/v1/accounts/lookup`.
+3. Sloučí obojí, odstraní duplicity, seřadí a ořízne na `TOP_N` (výchozí 250) automatických účtů + všechny manuální.
+
+### Kritéria pro zařazení (automatické účty)
+
+| Podmínka | Hodnota |
+|---|---|
+| `discoverable = true` | Uživatel chce být nalezen |
+| Aktivní za posledních | 90 dní |
+| Min. počet příspěvků | 10 |
+| Min. počet sledujících | 10 |
+
+**Manuálně přidané účty** (`manual_accounts.csv`) jsou vždy zahrnuty bez ohledu na tato kritéria.
+
+### Sledované instance
+
+CZ/SK instance jsou v konstantě `QUERY_INSTANCES` v hlavičce skriptu:
+
 ```
+mastodonczech.cz, cztwitter.cz, witter.cz, mastodon.pirati.cz,
+f.cz, lgbtcz.social, boskovice.social, mamutovo.cz,
+gts.arch-linux.cz, kompost.cz, spondr.cz, skorpil.cz,
+ajtaci.club, toot.whatever.cz
+```
+
+### Spuštění
+
+```bash
+# Základní spuštění (výstup do aktuálního adresáře)
+python3 mastodon_cz_accounts.py
+
+# Výstup do konkrétního adresáře
+python3 mastodon_cz_accounts.py --output /var/www/start/
+
+# Omezení počtu účtů
+python3 mastodon_cz_accounts.py --top 100
+
+# Ladění
+python3 mastodon_cz_accounts.py --debug
+```
+
+---
+
+## Konfigurace `.env`
+
+Vytvoř soubor `.env` v kořeni projektu (je v `.gitignore`, nikdy ho necommituj):
+
+```ini
+# Volitelný Mastodon token (pro vyšší rate limity)
+MASTODON_TOKEN=tvuj_mastodon_token
+
+# GoToSocial tokeny per-instance (viz sekce níže)
+GTS_TOKEN_GTS_ARCH_LINUX_CZ=tvuj_token_zde
+GTS_TOKEN_DALSI_INSTANCE_CZ=dalsi_token
+
+# Surfer token pro upload na web
+SURFER_TOKEN=tvuj_surfer_token
+
+# Volitelně: jiný Surfer server (výchozí je fedi.mamutovo.cz)
+# SURFER_SERVER=cloud.oscloud.cz
+```
+
+### Proměnné prostředí
+
+| Proměnná | Povinná | Popis |
+|---|---|---|
+| `MASTODON_TOKEN` | ne | Token pro Mastodon API (vyšší rate limity) |
+| `GTS_TOKEN_<DOMAIN>` | pro GTS instance | Read token per GoToSocial instance |
+| `SURFER_TOKEN` | pro upload | Token z Cloudron Surfer |
+| `SURFER_SERVER` | ne | Server Surferu, pokud není výchozí |
+
+Název proměnné pro GTS token se tvoří z domény – tečky a pomlčky se nahradí podtržítkem a vše se převede na VELKÁ PÍSMENA:
+
+```
+gts.arch-linux.cz  →  GTS_TOKEN_GTS_ARCH_LINUX_CZ
+shimon.gts.example →  GTS_TOKEN_SHIMON_GTS_EXAMPLE
+```
+
+---
+
+## GoToSocial instance – jak získat read token
+
+GoToSocial nepodporuje veřejné `/api/v1/directory`, takže každá GTS instance potřebuje vlastní read token. Postup:
+
+### 1. Přihlášení a vytvoření aplikace
+
+Přihlas se na dané GTS instanci a jdi do **Settings → Applications → New application**.
+
+Vyplň:
+- **Název aplikace:** např. `fedi_start scraper`
+- **Scopes:** zaškrtni pouze `read`
+- Ostatní pole nech prázdná nebo vyplň libovolně
+
+Uložíš aplikaci a GTS ti vygeneruje `client_id` a `client_secret`. Poznamenej si obojí.
+
+### 2. Získání authorization code
+
+Otevři v prohlížeči tuto URL (nahraď `INSTANCI.CZ` a `CLIENT_ID`):
+
+```
+https://INSTANCI.CZ/oauth/authorize?client_id=CLIENT_ID&redirect_uri=urn:ietf:wg:oauth:2.0:oob&response_type=code&scope=read
+```
+
+Přihlášený prohlížeč zobrazí stránku s kódem – zkopíruj ho (jednorázový, platí jen chvíli).
+
+### 3. Výměna code za access token
+
+```bash
+curl -X POST "https://INSTANCI.CZ/oauth/token" \
+  -d "client_id=CLIENT_ID" \
+  -d "client_secret=CLIENT_SECRET" \
+  -d "redirect_uri=urn:ietf:wg:oauth:2.0:oob" \
+  -d "grant_type=authorization_code" \
+  -d "code=AUTHORIZATION_CODE" \
+  -d "scope=read"
+```
+
+V odpovědi dostaneš JSON s `access_token`.
+
+### 4. Přidání tokenu do `.env`
+
+```ini
+GTS_TOKEN_GTS_ARCH_LINUX_CZ=ziskany_access_token
+```
+
+### 5. Ověření
+
+```bash
+curl -H "Authorization: Bearer TVUJ_TOKEN" "https://INSTANCI.CZ/api/v1/accounts/verify_credentials"
+```
+
+Pokud vrátí JSON s tvým účtem, token funguje.
+
+---
+
+## Přidání nového účtu
+
+### Mastodon instance
+
+Uživatel se zobrazí automaticky, pokud má v nastavení zapnuté:
+
+> **Settings → Privacy → Appearance in search engines** (nebo česky „Zobrazovat profil ve vyhledávacích algoritmech")
+
+A splňuje kritéria výše (aktivita, min. počet příspěvků atd.).
+
+Pokud chceš účet přidat ručně bez ohledu na kritéria, přidej ho do `manual_accounts.csv`:
+
+```csv
+handle@instance.cz,true,false,
+```
+
+### GoToSocial instance
+
+GTS nemá veřejný adresář, proto:
+
+1. Získej read token (viz postup výše).
+2. Přidej `GTS_TOKEN_<DOMAIN>=token` do `.env`.
+3. Přidej konkrétní účty do `manual_accounts.csv` (GTS adresář je přístupný s tokenem, ale pro jistotu je lepší přidat je ručně).
+4. Přidej instanci do `QUERY_INSTANCES` v `mastodon_cz_accounts.py`.
+
+---
 
 ## Nasazení na VPS
 
+Projekt běží na VPS Hetzner v `/opt/fedi_start/`.
+
 ### Závislosti
+
 ```bash
-pip3 install requests python-dateutil
+# Python (stdlib only, žádné externí balíčky)
+python3 --version  # 3.10+
+
+# Node.js – Cloudron Surfer CLI
 npm install -g cloudron-surfer
 ```
 
-### Nastavení .env
+### Nastavení na serveru
-Vytvoř soubor `.env` v kořeni projektu:
+
-```
+```bash
-MASTODON_TOKEN=tvuj_mastodon_token
+git clone https://git.arch-linux.cz/Mamutovo/fedi_start /opt/fedi_start
-GTS_TOKEN=tvuj_gts_token
+cd /opt/fedi_start
-SURFER_TOKEN=tvuj_surfer_token
+cp .env.example .env  # nebo vytvoř .env ručně
+# Vyplň tokeny v .env
 ```
 
-- **MASTODON_TOKEN** — přístupový token z nastavení Mastodon účtu (Settings → Development → New application)
+### Cron
-- **GTS_TOKEN** — token pro GoToSocial instanci
-- **SURFER_TOKEN** — token z Cloudron Surfer (viz sekce Upload na Surfer)
 
-## Cron
+Automatická aktualizace 4× denně:
 
-Automatické generování dat každý den ve 3:00:
 ```
-0 3 * * * cd /opt/fedi_start && python3 mastodon_cz_accounts.py --output . && bash upload_surfer.sh
+0 6,12,18,0 * * * cd /opt/fedi_start && python3 mastodon_cz_accounts.py --output . && bash upload_surfer.sh >> /var/log/fedi_start.log 2>&1
 ```
 
+---
+
 ## Upload na Surfer
 
-### Instalace
+[Cloudron Surfer](https://cloudron.io/store/io.cloudron.surfer.html) je jednoduchý statický file hosting.
-```bash
-npm install -g cloudron-surfer
-```
 
-### Konfigurace
+### Ruční spuštění uploadu
-```bash
-surfer config --server fedi.mamutovo.cz --token TOKEN
-```
 
-### Spuštění uploadu
 ```bash
 bash upload_surfer.sh
 ```
 
-### CLI — manuální upload
+Skript načte `SURFER_TOKEN` z `.env` a nahraje `accounts.json` + `accounts.csv` do kořene Surfer serveru.
+
+### Manuální Surfer příkazy
+
 ```bash
-# Nahrát konkrétní soubor do kořene
+# Nahrát konkrétní soubory
-surfer put -t $SURFER_TOKEN accounts.json /
-
-# Nahrát více souborů najednou
 surfer put -t $SURFER_TOKEN accounts.json accounts.csv /
 
-# Nahrát celý adresář
-surfer put -t $SURFER_TOKEN dist/ /
-
 # Zobrazit obsah na serveru
 surfer get
 
@@ -86,6 +264,30 @@ surfer get
 surfer del /accounts.json
 ```
 
-## Web
+---
 
-Stránka je dostupná na: https://fedi.mamutovo.cz
+## Struktura dat `accounts.json`
+
+Každý záznam v poli `accounts` obsahuje:
+
+```json
+{
+  "handle":         "uzivatel@instance.cz",
+  "display_name":   "Zobrazované jméno",
+  "note":           "Bio uživatele",
+  "followers":      123,
+  "following":      45,
+  "statuses":       678,
+  "last_active":    "2024-03-15",
+  "avatar":         "https://...",
+  "url":            "https://instance.cz/@uzivatel",
+  "fields":         [...],
+  "tags":           ["linux", "opensource"]
+}
+```
+
+---
+
+## Přispívání
+
+Pull requesty vítány. Repo: https://git.arch-linux.cz/Mamutovo/fedi_start

accounts.html

@@ -384,6 +384,15 @@ select:focus { border-color: var(--accent); }
   border: 1px solid rgba(0,200,150,0.15);
   border-radius: 999px;
   padding: 0.15rem 0.5rem;
+  cursor: pointer;
+  position: relative;
+  z-index: 1;
+  transition: background 0.15s, border-color 0.15s;
+}
+
+.card-tag:hover {
+  background: rgba(0,200,150,0.22);
+  border-color: var(--accent);
 }
 
 .card-stats {
@@ -449,6 +458,7 @@ select:focus { border-color: var(--accent); }
   border-radius: 5px;
   padding: 0.3rem 0.45rem;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 
 /* LIST VIEW CARD */
@@ -581,6 +591,9 @@ select:focus { border-color: var(--accent); }
     <select id="categoryFilter">
       <option value="">Všechny kategorie</option>
     </select>
+    <select id="instanceFilter">
+      <option value="">Všechny instance</option>
+    </select>
     <select id="sortFilter">
       <option value="score">Nejvyšší skóre</option>
       <option value="followers" selected>Nejvíce sledujících</option>
@@ -730,22 +743,47 @@ let viewMode = 'grid'; // 'grid' | 'list'
 // ────────────────────────────────
 // FILTER + SORT
 // ────────────────────────────────
+function filterByTag(tag) {
+  const wrap = document.getElementById('filterTags');
+  const existing = wrap.querySelector(`.ftag[data-tag="${CSS.escape(tag)}"]`);
+  if (existing) {
+    wrap.querySelectorAll('.ftag').forEach(b => b.classList.remove('active'));
+    existing.classList.add('active');
+  } else {
+    const btn = document.createElement('button');
+    btn.className = 'ftag active';
+    btn.dataset.tag = tag;
+    btn.textContent = '#' + tag;
+    btn.addEventListener('click', () => {
+      wrap.querySelectorAll('.ftag').forEach(b => b.classList.remove('active'));
+      btn.classList.add('active');
+      applyFilters();
+    });
+    wrap.querySelectorAll('.ftag').forEach(b => b.classList.remove('active'));
+    wrap.appendChild(btn);
+  }
+  applyFilters();
+}
+
 function applyFilters() {
   const q = document.getElementById('searchInput').value.toLowerCase().trim();
   const cat = document.getElementById('categoryFilter').value;
+  const inst = document.getElementById('instanceFilter').value;
   const sort = document.getElementById('sortFilter').value;
   const activeTag = document.querySelector('.ftag.active')?.dataset.tag || '';
 
   filtered = allAccounts.filter(a => {
+    const handle = a.acct || a.handle || '';
     const matchQ = !q ||
       a.name.toLowerCase().includes(q) ||
       (a.bio || '').toLowerCase().includes(q) ||
-      (a.handle || '').toLowerCase().includes(q) ||
+      handle.toLowerCase().includes(q) ||
       (a.tags || []).some(t => t.toLowerCase().includes(q));
     const matchCat = !cat || a.category === cat;
+    const matchInst = !inst || handle.split('@').pop() === inst;
     const matchTag = !activeTag ||
       (a.tags || []).some(t => t.toLowerCase().includes(activeTag.toLowerCase()));
-    return matchQ && matchCat && matchTag;
+    return matchQ && matchCat && matchInst && matchTag;
   });
 
   filtered.sort((a, b) => {
@@ -763,13 +801,13 @@ function applyFilters() {
 // RENDER
 // ────────────────────────────────
 function fmtDate(iso) {
-  if (!iso) return 'Aktivní: neznámo';
+  if (!iso) return '—';
   const d = new Date(iso);
-  if (isNaN(d)) return 'Aktivní: neznámo';
+  if (isNaN(d)) return '—';
   const dd = String(d.getUTCDate()).padStart(2, '0');
   const mm = String(d.getUTCMonth() + 1).padStart(2, '0');
   const yyyy = d.getUTCFullYear();
-  return `Aktivní: ${dd}.${mm}.${yyyy}`;
+  return `${dd}.${mm}.${yyyy}`;
 }
 
 function fmt(n) {
@@ -791,8 +829,8 @@ function avatarFallback(name) {
 
 function cardHTML(a, idx) {
   const av = a.avatar || avatarFallback(a.name);
-  const tags = (a.tags || []).slice(0, 3).map(t =>
+  const tags = (a.tags || []).slice(0, 4).map(t =>
-    `<span class="card-tag">#${t}</span>`).join('');
+    `<span class="card-tag" onclick="event.stopPropagation();filterByTag('${t.replace(/'/g, "\\'")}')">#${t}</span>`).join('');
 
   if (viewMode === 'list') {
     return `
@@ -872,6 +910,7 @@ function downloadCSV(content, filename) {
 // ────────────────────────────────
 document.getElementById('searchInput').addEventListener('input', applyFilters);
 document.getElementById('categoryFilter').addEventListener('change', applyFilters);
+document.getElementById('instanceFilter').addEventListener('change', applyFilters);
 document.getElementById('sortFilter').addEventListener('change', applyFilters);
 
 document.querySelectorAll('.ftag').forEach(btn => {
@@ -931,6 +970,23 @@ function buildDynamicUI() {
     sel.appendChild(opt);
   });
 
+  // --- Instance select ---
+  const instanceCount = {};
+  allAccounts.forEach(a => {
+    const handle = a.acct || a.handle || '';
+    const instance = handle.includes('@') ? handle.split('@').pop() : '';
+    if (instance) instanceCount[instance] = (instanceCount[instance] || 0) + 1;
+  });
+  const instances = Object.keys(instanceCount).sort((a, b) => a.localeCompare(b, 'cs'));
+  const instSel = document.getElementById('instanceFilter');
+  instSel.innerHTML = '<option value="">Všechny instance</option>';
+  instances.forEach(instance => {
+    const opt = document.createElement('option');
+    opt.value = instance;
+    opt.textContent = `${instance} (${instanceCount[instance]})`;
+    instSel.appendChild(opt);
+  });
+
   // --- Hashtag tlačítka – top 8 nejčastějších tagů ---
   const tagCount = {};
   allAccounts.forEach(a => (a.tags || []).forEach(t => {
@@ -1059,7 +1115,7 @@ loadAccounts();
   <div class="site-footer-inner">
     <a href="https://git.arch-linux.cz/Mamutovo/fedi_start">Gitea repo</a>
     <a href="https://oscloud.cz">Oscloud</a>
-    <a href="https://gts.arch-linux.cz/@archos">@archos@gts.arch-linux.cz</a>
+    <a href="https://mamutovo.cz/@archos">@archos@mamutovo.cz</a>
   </div>
 </footer>
 

apps.html

@@ -0,0 +1,513 @@
+<!DOCTYPE html>
+<html lang="cs">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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');
+
+: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;
+  }
+}
+
+/* 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;
+}
+
+.card:hover {
+  border-color: var(--accent);
+  transform: translateY(-2px);
+}
+
+.card[hidden] { display: none; }
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(6px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+/* 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;
+}
+
+.app-logo img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 12px;
+}
+
+/* CARD BODY */
+.card-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+  flex: 1;
+  min-width: 0;
+}
+
+.card-name {
+  font-size: 1rem;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* TAGS */
+.card-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.3rem;
+}
+
+.tag {
+  font-family: 'Space Mono', monospace;
+  font-size: 0.62rem;
+  padding: 0.15rem 0.5rem;
+  border-radius: 999px;
+  border: 1px solid;
+}
+
+.tag-platform {
+  color: var(--accent);
+  background: rgba(0,200,150,0.07);
+  border-color: rgba(0,200,150,0.18);
+}
+
+.tag-free {
+  color: #94d5a0;
+  background: rgba(148,213,160,0.07);
+  border-color: rgba(148,213,160,0.18);
+}
+
+.tag-paid {
+  color: var(--accent3);
+  background: rgba(251,191,36,0.07);
+  border-color: rgba(251,191,36,0.18);
+}
+
+.tag-open {
+  color: #7eb8f7;
+  background: rgba(126,184,247,0.07);
+  border-color: rgba(126,184,247,0.18);
+}
+
+/* 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;
+}
+
+.btn-dl:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+
+/* 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;
+}
+
+.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; }
+</style>
+</head>
+<body>
+
+<div class="header">
+  <a href="https://fedi.mamutovo.cz" class="badge">🦣 MAMUTOVO · APLIKACE</a>
+  <h1>Aplikace pro <span>Mastodon</span></h1>
+  <p class="subtitle">Doporučené klienty pro Android, iOS, web a počítač.</p>
+</div>
+
+<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="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="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>
+      <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>
+      <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>
+      <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/tuba.svg" alt="Tuba"></div>
+    <div class="card-body">
+      <div class="card-name">Tuba</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://tuba.geopjr.dev" 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>
+
+</div>
+
+<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>

basics.html

@@ -0,0 +1,257 @@
+<!DOCTYPE html>
+<html lang="cs">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Základy Mastodonu – Mamutovo</title>
+<style>
+  @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;
+  }
+
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+
+  body {
+    background: var(--bg);
+    color: var(--text);
+    font-family: 'Syne', sans-serif;
+    min-height: 100vh;
+    padding: 0 1rem;
+  }
+
+  /* --- HERO --- */
+  .hero {
+    max-width: 680px;
+    margin: 0 auto;
+    padding: 3rem 0 2rem;
+    text-align: center;
+  }
+
+  a.badge { text-decoration: none; }
+  a.badge:hover { border-color: var(--accent); color: var(--accent); }
+
+  .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;
+  }
+
+  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;
+  }
+
+  h1 span { color: var(--accent); }
+
+  .tagline {
+    color: var(--muted);
+    font-size: 1.05rem;
+    line-height: 1.6;
+    max-width: 480px;
+    margin: 0 auto 2.5rem;
+  }
+
+  /* --- SECTIONS --- */
+  .sections {
+    max-width: 680px;
+    margin: 0 auto 3rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .section {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 1.4rem 1.6rem;
+    transition: border-color 0.2s;
+  }
+
+  .section:hover { border-color: var(--accent); }
+
+  .section h2 {
+    font-size: 1rem;
+    font-weight: 700;
+    margin-bottom: 0.6rem;
+    letter-spacing: -0.01em;
+    color: var(--text);
+  }
+
+  .section p {
+    color: var(--muted);
+    font-size: 0.9rem;
+    line-height: 1.6;
+  }
+
+  .section ul {
+    list-style: none;
+    margin-top: 0.6rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.35rem;
+  }
+
+  .section ul li {
+    color: var(--muted);
+    font-size: 0.9rem;
+    line-height: 1.5;
+    padding-left: 1rem;
+    position: relative;
+  }
+
+  .section ul li::before {
+    content: "–";
+    position: absolute;
+    left: 0;
+    color: var(--accent);
+  }
+
+  .section ul li strong {
+    color: var(--text);
+  }
+
+  .section a {
+    color: var(--accent);
+    text-decoration: none;
+  }
+
+  .section a:hover { text-decoration: underline; }
+
+  code {
+    font-family: 'Space Mono', monospace;
+    font-size: 0.82rem;
+    color: var(--accent);
+    background: rgba(99,100,255,0.08);
+    border: 1px solid rgba(99,100,255,0.15);
+    border-radius: 4px;
+    padding: 0.1rem 0.4rem;
+  }
+
+  /* --- 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; }
+</style>
+</head>
+<body>
+
+<div class="hero">
+  <a href="https://fedi.mamutovo.cz" class="badge">🦣 MAMUTOVO · ZÁKLADY</a>
+  <h1>Základy <span>Mastodonu</span></h1>
+  <p class="tagline">Nejčastější otázky a věci které se hodí vědět.</p>
+</div>
+
+<div class="sections">
+
+  <div class="section">
+    <h2>Veřejné tooty</h2>
+    <p>Veřejné tooty se zobrazují na veřejné časové ose – na místní časové ose i na stránce „Co se děje na Mamutovo". Jsou přístupné komukoliv na internetu a mohou být viditelné i na dalších instancích v rámci Fediverse.</p>
+  </div>
+
+  <div class="section">
+    <h2>Neveřejné tooty</h2>
+    <p>Pokud nechceš aby byly příspěvky veřejné, nastav úroveň soukromí:</p>
+    <ul>
+      <li><strong>Neuvedeno</strong> – není na veřejných časových osách, ale je dostupné na tvém profilu</li>
+      <li><strong>Pouze sledující</strong> – vidí ho jen ti, kdo tě sledují</li>
+      <li><strong>Přímá zpráva</strong> – vidí ho pouze adresovaní uživatelé</li>
+    </ul>
+  </div>
+
+  <div class="section">
+    <h2>Jeden účet stačí</h2>
+    <p>Na Mastodonu a Fediverse nepotřebuješ účet na každém serveru. Jeden účet ti umožní sledovat a komunikovat s kýmkoliv v celém Fediverse.</p>
+  </div>
+
+  <div class="section">
+    <h2>Uživatelská jména nejsou case sensitive</h2>
+    <p><code>@Archos@mamutovo.cz</code> a <code>@archos@mamutovo.cz</code> jsou stejný účet. Velká a malá písmena nehrají roli.</p>
+  </div>
+
+  <div class="section">
+    <h2>Co je toot?</h2>
+    <p>Toot je příspěvek na Mastodonu – jako tweet na Twitteru. Může mít až 2000 znaků (na Mamutovo), obrázky, ankety nebo upozornění pro citlivý obsah. Veřejné tooty vidí celý Fediverse.</p>
+  </div>
+
+  <div class="section">
+    <h2>Co je boost?</h2>
+    <p>Boost je přesdílení cizího tootu – jako retweet. Toot se zobrazí tvým sledujícím. Boost je způsob jak podpořit zajímavý obsah a pomoci mu se šířit. Na rozdíl od Twitteru nelze boost okomentovat.</p>
+  </div>
+
+  <div class="section">
+    <h2>Jak správně odpovídat</h2>
+    <p>Při odpovědi na toot se automaticky přidají zmínky (@) všech lidí v konverzaci.</p>
+  </div>
+
+  <div class="section">
+    <h2>Hashtagy</h2>
+    <p>Hashtagy jsou na Mastodonu důležité – slouží k objevování obsahu. Přidávej je na konec tootů. Můžeš sledovat i samotný hashtag a jeho příspěvky se ti budou zobrazovat v timeline. Příklady: <code>#cesky</code> <code>#fotografie</code> <code>#linux</code></p>
+  </div>
+
+  <div class="section">
+    <h2>Zvýrazněné hashtagy</h2>
+    <p>Nastav si zvýrazněné hashtagy – zobrazí se na tvém profilu a v seznamu CZ/SK účtů na <a href="https://fedi.mamutovo.cz">fedi.mamutovo.cz</a>.</p>
+    <p style="margin-top:0.5rem;">Jak na to: <code>Předvolby → Profil → Zvýrazněné hashtagy</code></p>
+  </div>
+
+  <div class="section">
+    <h2>Užitečné odkazy</h2>
+    <ul>
+      <li><strong>Průvodce Mastodonem (CZ):</strong> <a href="https://about.mamutovo.cz/">about.mamutovo.cz</a> – vytvořil <a href="https://mamutovo.cz/@cynik_obecny">@cynik_obecny@mamutovo.cz</a></li>
+      <li><strong>Administrátoři a moderátoři mamutovo.cz:</strong>
+        <ul style="margin-top:0.35rem;">
+          <li><a href="https://mamutovo.cz/@cynik_obecny">@cynik_obecny@mamutovo.cz</a></li>
+          <li><a href="https://mamutovo.cz/@fabia_man">@fabia_man@mamutovo.cz</a></li>
+        </ul>
+      </li>
+    </ul>
+  </div>
+
+</div>
+
+<div class="footer-note">
+  <a href="start.html">← Zpět na průvodce</a>
+</div>
+
+</body>
+</html>

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>

manual_accounts.csv

@@ -21,7 +21,7 @@ jackc@kompost.cz,true,false,
 ottovonwenkoff@mastodonczech.cz,true,false,
 unreed@mastodonczech.cz,true,false,
 tombarys@mastodon.social,true,false,
-stepan@skorpil.cz,true,false,
+stepan@mastodon.skorpil.cz,true,false,
 sumavanet@mastodonczech.cz,true,false,
 honzakorinek@cztwitter.cz,true,false,
 rezzabuh@mastodon.social,true,false,
@@ -55,7 +55,6 @@ amarok@mastodonczech.cz,true,false,
 anlexcz@witter.cz,true,false,
 lacertacz@mastodonczech.cz,true,false,
 srandista@mastodonczech.cz,true,false,
-politiq@mastodon.arch-linux.cz,true,false,
 aikencz@f.cz,true,false,
 sandruska93@mas.to,true,false,
 karelcapek@mastodonczech.cz,true,false,
@@ -96,4 +95,20 @@ architektradim@mastodonczech.cz,true,false,
 nacelnik01@mamutovo.cz,true,false,
 sledge@mastodonczech.cz,true,false,
 tensob_@mastodonczech.cz,true,false
-archos@gts.arch-linux.cz,true,false,
+archos@mamutovo.cz,true,false,
+arch@gts.arch-linux.cz,true,false,
+electric@vaclavpasek.cz,true,false,
+adamhavelka@mastodon.prorocketeers.com,true,false,
+Kipe@mastodon.social,true,false,
+zpravobot@zpravobot.news,true,false,
+ozzelot@mstdn.social,true,false,
+j4n3z@mastodon.social,true,false,
+prahou@merveilles.town,true,false,
+mirek@rodina-sucha.cz,true,false,
+sesivany@social.vivaldi.net,true,false,
+jimmac@mastodon.social,true,false,
+Oskar456@mastodon.social,true,false,
+jmlich@fosstodon.org,true,false,
+ronny@metalhead.club,true,false,
+vancura@mastodon.design,true,false,
+shimon@gts.shimonh.eu,true,false,

mastodon_cz_accounts.py

@@ -37,6 +37,17 @@ def _load_tokens():
                     break
         if val:
             tokens[key] = val.strip()
+    # per-instance GTS tokeny: GTS_TOKEN_<DOMAIN>
+    for key, val in os.environ.items():
+        if key.startswith("GTS_TOKEN_") and val:
+            tokens[key] = val.strip()
+    for line in env_lines:
+        line = line.strip()
+        if line.startswith("GTS_TOKEN_") and "=" in line:
+            key, val = line.split("=", 1)
+            key = key.strip()
+            if key not in tokens and val.strip():
+                tokens[key] = val.strip()
     # fallback: raw token value (legacy .env bez klíče)
     if "MASTODON_TOKEN" not in tokens:
         for line in env_lines:
@@ -48,12 +59,26 @@ def _load_tokens():
 
 _TOKENS = _load_tokens()
 MASTODON_TOKEN       = _TOKENS.get("MASTODON_TOKEN")
-GTS_TOKEN      = _TOKENS.get("GTS_TOKEN")
+GTS_TOKEN            = _TOKENS.get("GTS_TOKEN")  # legacy fallback
+_GTS_INSTANCE_TOKENS = {k: v for k, v in _TOKENS.items() if k.startswith("GTS_TOKEN_")}
+
+_gts_cache: dict[str, bool] = {}
+
+def _is_gts(instance: str) -> bool:
+    if instance in _gts_cache:
+        return _gts_cache[instance]
+    info = api_get(f"https://{instance}/api/v1/instance")
+    version = (info or {}).get("version", "") if isinstance(info, dict) else ""
+    result = "git" in version or version.startswith("0.")
+    _gts_cache[instance] = result
+    return result
 
 def _token_for(instance: str) -> str | None:
-    """Vrátí GTS_TOKEN pro GoToSocial instance (obsahují 'gts.' v doméně), jinak MASTODON_TOKEN."""
+    if _is_gts(instance):
-    if GTS_TOKEN and "gts." in instance:
+        key = "GTS_TOKEN_" + re.sub(r"[.\-]", "_", instance).upper()
-        return GTS_TOKEN
+        token = _GTS_INSTANCE_TOKENS.get(key) or GTS_TOKEN
+        if token:
+            return token
     return MASTODON_TOKEN
 
 logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
@@ -81,7 +106,7 @@ QUERY_INSTANCES = [
 MIN_STATUSES      = 10
 MIN_FOLLOWERS     = 10
 MAX_DAYS_INACTIVE = 90
-TOP_N             = 200
+TOP_N             = 250
 RATE_LIMIT_DELAY  = 1.2
 PAGE_LIMIT        = 80
 MAX_PAGES         = 10
@@ -163,9 +188,7 @@ def load_manual_accounts(seen_handles=None):
                 continue
             handle_part, instance = entry.rsplit("@", 1)
             handle = f"{handle_part}@{instance}"
-            if handle.lower() in seen_handles:
+            log.info(f"  Zpracovávám manuální účet: {handle}, v seen_handles: {handle.lower() in seen_handles}")
-                log.debug(f"  {handle} již v seznamu, přeskakuji")
-                continue
             url = f"https://{instance}/api/v1/accounts/lookup?acct={urllib.parse.quote(handle_part)}"
             token = _token_for(instance)
             acc = api_get(url, token=token)
@@ -175,6 +198,8 @@ def load_manual_accounts(seen_handles=None):
             seen_handles.add(handle.lower())
             acc["_handle"] = handle
             acc["_source_instance"] = instance
+            acc["_manual"] = True
+            log.info(f"  MANUAL účet přidán: {handle}, _manual={acc.get('_manual')}, statuses={acc.get('statuses_count')}")
             accounts.append(acc)
             log.debug(f"  {handle}: OK ({acc.get('followers_count', 0)} followers)")
             time.sleep(RATE_LIMIT_DELAY)
@@ -216,15 +241,28 @@ def score(acc):
 
 # ── KATEGORIE ─────────────────────────────────
 CATEGORIES = {
-    "tech":    ["linux", "python", "programov", "software", "opensource", "developer", "sysadmin", "git"],
+    "tech":      ["linux", "python", "programov", "software", "opensource", "developer", "sysadmin", "git", "foss", "selfhosted", "homelab", "arch"],
     "foto":      ["fotografi", "foto", "photograph", "objektiv", "kamera"],
     "veda":      ["věda", "fyzika", "biologi", "astronom", "výzkum", "science", "matematik"],
     "kultura":   ["knihy", "literatura", "film", "hudba", "divadlo", "umění"],
     "gaming":    ["gaming", "hry", "videohry", "steam", "gamer"],
-    "zpravy":  ["novinář", "zprávy", "politik", "média", "journalist"],
+    "zpravy":    ["novinář", "zprávy", "politik", "média", "journalist", "zpravy", "news", "aktualne"],
+    "sport":     ["sport", "fotbal", "hokej", "cycling", "running", "fitness", "tenis", "atletika", "cyklistika", "kolo", "beh", "plavani", "turistika"],
+    "politika":  ["politika", "politics", "czech", "democracy", "volby", "eu"],
+    "fediverse": ["fediverse", "mastodon", "activitypub", "mamutovo"],
+    "cestovani": ["cestovani", "cestování", "travel", "dovolena"],
+    "priroda":   ["příroda", "priroda", "les", "hory", "zahrada"],
+    "jidlo":     ["jídlo", "jidlo", "vareni", "vaření", "recept", "food"],
 }
 
 def categorize(acc):
+    # Primárně matchuj featured_tags proti CATEGORIES
+    for tag in acc.get("_featured_tags", []):
+        tag_lower = tag.lower()
+        for cat, kws in CATEGORIES.items():
+            if any(kw in tag_lower for kw in kws):
+                return cat
+    # Fallback: bio text + display_name
     text = re.sub(r"<[^>]+>", " ", acc.get("note", "") or "").lower()
     text += " " + (acc.get("display_name", "") or "").lower()
     for cat, kws in CATEGORIES.items():
@@ -232,24 +270,29 @@ def categorize(acc):
             return cat
     return "ostatni"
 
-def extract_tags(acc):
+def fetch_featured_tags(acc):
-    text = re.sub(r"<[^>]+>", " ", acc.get("note", "") or "").lower()
+    if "_featured_tags" in acc:
-    found = []
+        return acc["_featured_tags"]
-    for kws in CATEGORIES.values():
+    account_id = acc.get("id")
-        for kw in kws:
+    instance   = acc.get("_source_instance", "")
-            if kw in text and kw not in found and len(kw) > 3:
+    if not account_id or not instance:
-                found.append(kw.strip())
+        acc["_featured_tags"] = []
-    return found[:4]
+        return []
+    url   = f"https://{instance}/api/v1/accounts/{account_id}/featured_tags"
+    token = _token_for(instance)
+    data  = api_get(url, token=token)
+    if not data or not isinstance(data, list):
+        acc["_featured_tags"] = []
+        return []
+    tags = [t["name"] for t in data if isinstance(t, dict) and t.get("name")][:6]
+    acc["_featured_tags"] = tags
+    return tags
 
 # ── VÝSTUP ────────────────────────────────────
-def build_output(raw):
+def _to_output(acc):
-    results = []
-    for acc in raw:
-        if not passes_quality(acc):
-            continue
     handle = acc.get("_handle", acc.get("acct", ""))
     bio = re.sub(r"<[^>]+>", " ", acc.get("note", "") or "").strip()
-        results.append({
+    return {
         "name":        acc.get("display_name") or acc.get("username", ""),
         "handle":      handle,
         "bio":         bio[:220],
@@ -257,18 +300,39 @@ def build_output(raw):
         "followers":   acc.get("followers_count", 0),
         "statuses":    acc.get("statuses_count",  0),
         "score":       score(acc),
-            "tags":        extract_tags(acc),
+        "tags":        fetch_featured_tags(acc),
         "category":    categorize(acc),
         "last_active": acc.get("last_status_at", ""),
         "url":         acc.get("url", ""),
-        })
+    }
+
+def build_output(raw):
+    # Manuální účty vždy zahrnuty (bez ohledu na TOP_N)
     seen = set()
-    unique = []
+    manual = []
-    for r in sorted(results, key=lambda x: x["followers"], reverse=True):
+    for acc in raw:
+        if not acc.get("_manual"):
+            continue
+        r = _to_output(acc)
         if r["handle"].lower() not in seen:
             seen.add(r["handle"].lower())
-            unique.append(r)
+            manual.append(r)
-    return unique[:TOP_N]
+
+    # Automatické účty doplní zbývající místa do TOP_N
+    auto_candidates = []
+    for acc in raw:
+        if acc.get("_manual"):
+            continue
+        if not passes_quality(acc):
+            continue
+        r = _to_output(acc)
+        if r["handle"].lower() not in seen:
+            seen.add(r["handle"].lower())
+            auto_candidates.append(r)
+
+    auto_candidates.sort(key=lambda x: x["followers"], reverse=True)
+    remaining = max(0, TOP_N - len(manual))
+    return manual + auto_candidates[:remaining]
 
 def write_json(accounts, output_dir):
     data = {"generated_at": datetime.now(timezone.utc).isoformat(), "count": len(accounts), "accounts": accounts}

start.html

@@ -37,14 +37,17 @@
     text-align: center;
   }
 
+  a.badge { text-decoration: none; }
+  a.badge:hover { border-color: var(--accent); color: var(--accent); }
+
   .badge {
     display: inline-block;
     background: var(--surface2);
     border: 1px solid var(--border);
     color: var(--muted);
     font-family: 'Space Mono', monospace;
-    font-size: 0.72rem;
+    font-size: 0.85rem;
-    padding: 0.3rem 0.8rem;
+    padding: 0.45rem 1.1rem;
     border-radius: 999px;
     margin-bottom: 1.5rem;
     letter-spacing: 0.05em;
@@ -52,7 +55,7 @@
   }
 
   h1 {
-    font-size: clamp(1.8rem, 6vw, 3.5rem);
+    font-size: clamp(1.4rem, 4vw, 2.5rem);
     font-weight: 700;
     line-height: 1.1;
     margin-bottom: 1rem;
@@ -73,6 +76,77 @@
 
   .tagline strong { color: var(--text); }
 
+  .about-link {
+    color: var(--accent);
+    text-decoration: none;
+    font-size: 0.92rem;
+    opacity: 0.75;
+    transition: opacity 0.15s;
+  }
+
+  .about-link:hover { opacity: 1; text-decoration: underline; }
+
+  /* --- CARDS GRID --- */
+  .cards {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 1rem;
+  }
+
+  @media (max-width: 500px) {
+    .cards { grid-template-columns: 1fr; }
+  }
+
+  .card {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 1.4rem 1.6rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    transition: border-color 0.2s;
+  }
+
+  .card:hover { border-color: var(--accent); }
+
+  .card h3 {
+    font-size: 1rem;
+    font-weight: 700;
+    letter-spacing: -0.01em;
+  }
+
+  .card p {
+    color: var(--muted);
+    font-size: 0.9rem;
+    line-height: 1.5;
+    flex: 1;
+  }
+
+  .card .btn {
+    align-self: center;
+  }
+
+  /* --- BASICS BANNER --- */
+  .basics-banner {
+    display: block;
+    text-align: center;
+    font-family: 'Space Mono', monospace;
+    font-size: 0.82rem;
+    color: var(--accent);
+    text-decoration: none;
+    padding: 0.7rem 1rem;
+    border: 1px solid rgba(99,100,255,0.25);
+    border-radius: var(--radius);
+    background: rgba(99,100,255,0.06);
+    transition: all 0.15s;
+  }
+
+  .basics-banner:hover {
+    background: rgba(99,100,255,0.12);
+    border-color: var(--accent);
+  }
+
   /* --- STEPS --- */
   .steps {
     max-width: 680px;
@@ -310,26 +384,27 @@
 <body>
 
 <div class="hero">
-  <div class="badge">🦣 Mamutovo · Průvodce pro nováčky</div>
+  <a href="https://fedi.mamutovo.cz" class="badge">🦣 MAMUTOVO · PRŮVODCE</a>
-  <h1>Twitter bez <span>korporátu</span>.<br>Mastodon za 3 minuty.</h1>
+  <h1>🦣 Mamutovo za 3 minuty.</h1>
   <p class="tagline">
     Žádné algoritmy. Žádné reklamy. <strong>Patří komunitě.</strong><br>
-    Tyhle 4 kroky ti zaplní feed a pomůžou udělat první post.
+    Tyhle 4 kroky ti zaplní feed a pomůžou udělat první post.<br>
+    <a href="https://about.mamutovo.cz" target="_blank" class="about-link">Co je Mamutovo.cz?</a>
   </p>
 </div>
 
 <div class="steps">
 
+
   <!-- KROK 1 -->
   <div class="step">
     <div class="step-num">01</div>
     <div class="step-body">
-      <h3>Stáhni starter pack</h3>
+      <h3>Najdi lidi k sledování</h3>
-      <p>CSV soubor s účty, které stojí za sledování. Nahraješ ho do Mastodonu a feed se okamžitě zaplní.</p>
+      <p>Projdi aktivní CZ/SK účty, vyber si co tě zajímá a začni sledovat během pár sekund.</p>
       <div class="btn-row">
-        <a href="starter-general.csv" download class="btn btn-primary">⬇ Stáhnout CSV – obecný mix</a>
+        <a href="https://fedi.mamutovo.cz/accounts.html" class="btn btn-primary">→ Otevřít seznam účtů</a>
-        <a href="starter-tech.csv" download class="btn btn-secondary">Tech & Linux</a>
+        <a href="starter-general.csv" download class="btn btn-secondary">↓ Stáhnout CSV (rychlý start)</a>
-        <a href="accounts.html" class="btn btn-secondary">CZ účty</a>
       </div>
     </div>
   </div>
@@ -338,12 +413,15 @@
   <div class="step">
     <div class="step-num">02</div>
     <div class="step-body">
-      <h3>Nahraj CSV do Mastodonu</h3>
+      <h3>Pošli první post</h3>
-      <p>Přejdi do nastavení a importuj soubor. Trvá to 30 sekund.</p>
+      <p>Zkopíruj, uprav, odešli. Komunita reaguje na #Představení.</p>
-      <div class="path-hint">
+      <span class="copy-label">Klikni pro zkopírování</span>
-        <span>Nastavení</span> → Import a export → Import<br>
+      <div class="copy-box" onclick="copyPost(this)">
-        Typ: <span>Sledovaní</span> → Vyber soubor → <span>Nahrát</span>
+Ahoj 👋 Jsem tu nový/nová.
+Baví mě: [cestování / jídlo / filmy / hudba / knihy / sport / technologie…]
+Rád/a poznám nové lidi 🙂 #Představení #novacek #cesky
       </div>
+      <a href="https://mamutovo.cz/publish" class="btn btn-primary" target="_blank">✏️ Napsat post</a>
     </div>
   </div>
 
@@ -351,16 +429,12 @@
   <div class="step">
     <div class="step-num">03</div>
     <div class="step-body">
-      <h3>Pošli první post</h3>
+      <h3>Nahraj CSV do Mastodonu</h3>
-      <p>Zkopíruj, uprav, odešli. Komunita reaguje na #Představení.</p>
+      <p>Přejdi do nastavení a importuj soubor. Trvá to 30 sekund.</p>
-      <span class="copy-label">Klikni pro zkopírování</span>
+      <div class="path-hint">
-      <div class="copy-box" onclick="copyPost(this)">
+        <span>Nastavení</span> → Import a export → Import<br>
-Ahoj Mastodon! 👋 Jsem tu nový/nová, přišel/přišla jsem z [Twitteru / Facebooku].
+        Typ: <span>Sledovaní</span> → Vyber soubor → <span>Nahrát</span>
-Zajímá mě [Linux / příroda / fotografie / ...]. Rád/a se seznámím!
-
-#Představení #novácek #Mamutovo
       </div>
-      <a href="https://mamutovo.cz/publish" class="btn btn-primary" target="_blank">✏️ Napsat post</a>
     </div>
   </div>
 
@@ -385,9 +459,28 @@ Zajímá mě [Linux / příroda / fotografie / ...]. Rád/a se seznámím!
 
 </div>
 
+<div class="steps" style="margin-top: 0;">
+  <div class="cards">
+    <div class="card">
+      <h3>📖 Základy Mastodonu</h3>
+      <p>Soukromí, hashtagy, jak odpovídat a další tipy.</p>
+      <a href="basics.html" class="btn btn-secondary">Zobrazit →</a>
+    </div>
+    <div class="card">
+      <h3>📱 Mobilní aplikace</h3>
+      <p>Doporučené appky pro Android a iOS.</p>
+      <a href="apps.html" class="btn btn-secondary">Zobrazit →</a>
+    </div>
+    <div class="card">
+      <h3>💬 Chat v reálném čase</h3>
+      <p>Mastodon je na příspěvky, Matrix na chat. mxchat.cz je český Matrix server.</p>
+      <a href="https://web.mxchat.cz" class="btn btn-secondary" target="_blank">Otevřít →</a>
+    </div>
+  </div>
+</div>
+
 <div class="footer-note">
-  Zasekl/a ses? Napiš na <a href="https://gts.arch-linux.cz/@archos">@archos@gts.arch-linux.cz</a> nebo
+  Tipy a triky: <a href="https://mamutovo.cz/tags/tip_mastodon">#tip_mastodon</a> · Potřebuješ pomoc? Napiš <a href="https://mamutovo.cz/@archos">@archos@mamutovo.cz</a><br>
-  se zeptej v <a href="https://mamutovo.cz/tags/pomoc">#pomoc</a>.<br>
   Tato stránka je open source: <a href="https://git.arch-linux.cz/Mamutovo/fedi_start">Gitea</a> ·
   <a href="https://oscloud.cz">oscloud.cz</a>
 </div>