feat(start): přehození pořadí kroků 02 a 03

accounts.html

@@ -443,12 +443,13 @@ select:focus { border-color: var(--accent); }
 .score-badge {
   font-family: 'Space Mono', monospace;
   font-size: 0.65rem;
-  color: var(--accent3);
-  background: rgba(251,191,36,0.1);
-  border: 1px solid rgba(251,191,36,0.2);
+  color: var(--muted);
+  background: var(--surface2);
+  border: 1px solid var(--border);
   border-radius: 5px;
   padding: 0.3rem 0.45rem;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 
 /* LIST VIEW CARD */
@@ -762,6 +763,16 @@ function applyFilters() {
 // ────────────────────────────────
 // RENDER
 // ────────────────────────────────
+function fmtDate(iso) {
+  if (!iso) return '—';
+  const d = new Date(iso);
+  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 `${dd}.${mm}.${yyyy}`;
+}
+
 function fmt(n) {
   if (!n) return '0';
   if (n >= 1000) return (n / 1000).toFixed(1) + 'K';
@@ -799,7 +810,7 @@ function cardHTML(a, idx) {
         </div>
         <div class="card-follow">
           <a href="${followUrl(a.handle)}" target="_blank" class="follow-btn">+ Sledovat</a>
-          <span class="score-badge">★ ${a.score || '?'}</span>
+          <span class="score-badge">${fmtDate(a.last_active)}</span>
         </div>
       </div>`;
   }
@@ -828,7 +839,7 @@ function cardHTML(a, idx) {
         </div>
         <div class="card-follow">
           <a href="${followUrl(a.handle)}" target="_blank" class="follow-btn">+ Sledovat</a>
-          <span class="score-badge">★ ${a.score || '?'}</span>
+          <span class="score-badge">${fmtDate(a.last_active)}</span>
         </div>
       </div>
     </div>`;
@@ -1047,7 +1058,7 @@ loadAccounts();
 
 <footer class="site-footer">
   <div class="site-footer-inner">
-    <a href="https://git.arch-linux.cz/archos/fedi_start">Gitea repo</a>
+    <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>
   </div>

mastodon_cz_accounts.py

@@ -75,6 +75,7 @@ QUERY_INSTANCES = [
     "spondr.cz",
     "skorpil.cz",
     "ajtaci.club",
+    "toot.whatever.cz",
 ]
 
 MIN_STATUSES      = 10

start.html

@@ -52,11 +52,13 @@
   }
 
   h1 {
-    font-size: clamp(2rem, 6vw, 3.2rem);
-    font-weight: 800;
+    font-size: clamp(1.8rem, 6vw, 3.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); }
@@ -322,12 +324,11 @@
   <div class="step">
     <div class="step-num">01</div>
     <div class="step-body">
-      <h3>Stáhni starter pack</h3>
-      <p>CSV soubor s účty, které stojí za sledování. Nahraješ ho do Mastodonu a feed se okamžitě zaplní.</p>
+      <h3>Najdi lidi k sledování</h3>
+      <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="starter-tech.csv" download class="btn btn-secondary">Tech & Linux</a>
-        <a href="accounts.html" class="btn btn-secondary">CZ účty</a>
+        <a href="https://fedi.mamutovo.cz/accounts.html" class="btn btn-primary">→ Otevřít seznam účtů</a>
+        <a href="starter-general.csv" download class="btn btn-secondary">↓ Stáhnout CSV (rychlý start)</a>
       </div>
     </div>
   </div>
@@ -336,12 +337,15 @@
   <div class="step">
     <div class="step-num">02</div>
     <div class="step-body">
-      <h3>Nahraj CSV do Mastodonu</h3>
-      <p>Přejdi do nastavení a importuj soubor. Trvá to 30 sekund.</p>
-      <div class="path-hint">
-        <span>Nastavení</span> → Import a export → Import<br>
-        Typ: <span>Sledovaní</span> → Vyber soubor → <span>Nahrát</span>
+      <h3>Pošli první post</h3>
+      <p>Zkopíruj, uprav, odešli. Komunita reaguje na #Představení.</p>
+      <span class="copy-label">Klikni pro zkopírování</span>
+      <div class="copy-box" onclick="copyPost(this)">
+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>
 
@@ -349,16 +353,12 @@
   <div class="step">
     <div class="step-num">03</div>
     <div class="step-body">
-      <h3>Pošli první post</h3>
-      <p>Zkopíruj, uprav, odešli. Komunita reaguje na #Představení.</p>
-      <span class="copy-label">Klikni pro zkopírování</span>
-      <div class="copy-box" onclick="copyPost(this)">
-Ahoj Mastodon! 👋 Jsem tu nový/nová, přišel/přišla jsem z [Twitteru / Facebooku].
-Zajímá mě [Linux / příroda / fotografie / ...]. Rád/a se seznámím!
-
-#Představení #novácek #Mamutovo
+      <h3>Nahraj CSV do Mastodonu</h3>
+      <p>Přejdi do nastavení a importuj soubor. Trvá to 30 sekund.</p>
+      <div class="path-hint">
+        <span>Nastavení</span> → Import a export → Import<br>
+        Typ: <span>Sledovaní</span> → Vyber soubor → <span>Nahrát</span>
       </div>
-      <a href="https://mamutovo.cz/publish" class="btn btn-primary" target="_blank">✏️ Napsat post</a>
     </div>
   </div>
 
@@ -386,7 +386,7 @@ Zajímá mě [Linux / příroda / fotografie / ...]. Rád/a se seznámím!
 <div class="footer-note">
   Zasekl/a ses? Napiš na <a href="https://gts.arch-linux.cz/@archos">@archos@gts.arch-linux.cz</a> nebo
   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/archos/fedi_start">Gitea</a> ·
+  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>