From 944092f47453b075b68504c281fd01ab60eb0d2c Mon Sep 17 00:00:00 2001 From: Archos Date: Tue, 9 Jun 2026 07:01:20 +0200 Subject: [PATCH 1/6] feat: profile modal on avatar click --- accounts.html | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/accounts.html b/accounts.html index 599c67f..45c8096 100644 --- a/accounts.html +++ b/accounts.html @@ -303,6 +303,11 @@ select:focus { border-color: var(--accent); } inset: 0; z-index: 0; } +.card-avatar { + position: relative; + z-index: 1; + cursor: pointer; +} .card:hover { border-color: var(--accent); @@ -566,6 +571,7 @@ select:focus { border-color: var(--accent); } } .site-footer-inner a:hover { color: var(--accent); } +.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center} .modal-overlay.active{display:flex} .modal-card{background:#1e1e2e;border-radius:16px;max-width:420px;width:90%;overflow:hidden;position:relative} .modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer} .modal-header{position:relative;height:120px;background:#2a2a3e} .modal-header-img{width:100%;height:120px;object-fit:cover} .modal-avatar{width:72px;height:72px;border-radius:12px;border:3px solid #1e1e2e;position:absolute;bottom:-36px;left:1.2rem} .modal-body{padding:2.5rem 1.2rem 1.2rem} .modal-name{font-size:1.2rem;font-weight:700;color:#fff} .modal-handle{color:#888;font-size:.85rem;margin-bottom:.5rem} .modal-bio{color:#ccc;font-size:.9rem;margin-bottom:.75rem;line-height:1.5} .modal-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem} .modal-stats{display:flex;gap:1.5rem} @@ -851,7 +857,7 @@ function cardHTML(a, idx) {
${a.header ? `` : ''} - +
${a.name}
@@ -1095,5 +1101,6 @@ loadAccounts();
+ From efdddd2527696282a42cd4852d279f27ff2b7fe9 Mon Sep 17 00:00:00 2001 From: Archos Date: Tue, 9 Jun 2026 07:03:24 +0200 Subject: [PATCH 2/6] =?UTF-8?q?feat:=20p=C5=99id=C3=A1n=20pr=C3=A1zdn?= =?UTF-8?q?=C3=BD=20deni.html?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- deni.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 deni.html diff --git a/deni.html b/deni.html new file mode 100644 index 0000000..e69de29 From 6839670a8c11bd112dfb5ac2b2bf34f2d4dbfdbe Mon Sep 17 00:00:00 2001 From: Archos Date: Tue, 9 Jun 2026 07:46:27 +0200 Subject: [PATCH 3/6] =?UTF-8?q?feat:=20deni.html=20=E2=80=93=20live=20feed?= =?UTF-8?q?,=20top=20odkazy,=20filtry,=20scope=20p=C5=99ep=C3=ADna=C4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- deni.html | 268 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 268 insertions(+) diff --git a/deni.html b/deni.html index e69de29..ead760d 100644 --- a/deni.html +++ b/deni.html @@ -0,0 +1,268 @@ + + + + + +Co se děje na Mastodonu | Mamutovo + + + + + +
+

Co se teď děje
na Mamutovu?

+

Živý přehled příspěvků z české Mastodon komunity. Bez registrace.

+
+ Začni tady → + Procházet účty +
+
+ +
+
🔗 Top odkazy
+ +
+ +
+
+ + +
+
+ + + + +
+
+ +
+
+
Načítám příspěvky…
+
+
+ +
+
+

Líbí se ti to?

+

Začni sledovat českou komunitu — stáhni starter pack a importuj ho do Mastodonu.

+
+ ⬇ Stáhnout CSV + Procházet účty +
+
+
+ + + + From c863d45cf01965dd7a126e5d6a7751d9797198fb Mon Sep 17 00:00:00 2001 From: Archos Date: Tue, 9 Jun 2026 09:14:37 +0200 Subject: [PATCH 4/6] fix: scope/filter conflict, federated feed funguje --- deni.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/deni.html b/deni.html index ead760d..7db864b 100644 --- a/deni.html +++ b/deni.html @@ -150,7 +150,9 @@ let currentScope = 'local'; function setScope(scope) { currentScope = scope; + currentFilter = 'all'; document.querySelectorAll('[data-scope]').forEach(b => b.classList.toggle('active', b.dataset.scope === scope)); + document.querySelectorAll('.filter-tab[data-filter]').forEach(b => b.classList.toggle('active', b.dataset.filter === 'all')); loadFeed(); } @@ -203,7 +205,7 @@ function renderFeed() { const feed = document.getElementById('feed'); const filtered = currentFilter === 'all' ? allPosts : allPosts.filter(p => postType(p) === currentFilter); if (!filtered.length) { feed.innerHTML = '
Žádné příspěvky.
'; return; } - feed.innerHTML = filtered.map(renderPost).join(''); + try { feed.innerHTML = filtered.map(renderPost).join(''); } catch(e) { console.error('renderFeed error:', e); feed.innerHTML = '
Chyba vykreslování.
'; } } function updateCounts() { @@ -251,9 +253,9 @@ async function loadTopLinks() { } } -document.querySelectorAll('.filter-tab').forEach(btn => { +document.querySelectorAll('.filter-tab[data-filter]').forEach(btn => { btn.addEventListener('click', () => { - document.querySelectorAll('.filter-tab').forEach(b => b.classList.remove('active')); + document.querySelectorAll('.filter-tab[data-filter]').forEach(b => b.classList.remove('active')); btn.classList.add('active'); currentFilter = btn.dataset.filter; renderFeed(); From 6a76c377fa00c50270c1a58ae28c9d84d8822e26 Mon Sep 17 00:00:00 2001 From: Archos Date: Tue, 9 Jun 2026 09:22:35 +0200 Subject: [PATCH 5/6] =?UTF-8?q?feat:=20deni.html=20kompaktn=C4=9Bj=C5=A1?= =?UTF-8?q?=C3=AD=20layout,=20avatary=20autor=C5=AF,=20odkaz=20ze=20start.?= =?UTF-8?q?html?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- deni.html | 49 +++++++++++++++++++++++++++++++++++++++++-------- start.html | 2 +- 2 files changed, 42 insertions(+), 9 deletions(-) diff --git a/deni.html b/deni.html index 7db864b..e49efbf 100644 --- a/deni.html +++ b/deni.html @@ -59,22 +59,30 @@ nav { display: flex; align-items: center; justify-content: space-between; paddin .filter-tab.active { background: var(--accent); color: #000; border-color: var(--accent); font-weight: 700; } .filter-count { opacity: .7; } +/* AUTHORS */ +.authors-wrap { max-width: 900px; margin: 0 auto; padding: 0 1.5rem .75rem; } +.authors-scroll { display: flex; gap: .75rem; overflow-x: auto; padding-bottom: .5rem; scrollbar-width: thin; scrollbar-color: var(--border) transparent; } +.author-chip { display: flex; flex-direction: column; align-items: center; gap: .3rem; flex-shrink: 0; } +.author-chip img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; } +.author-chip-fallback { width: 48px; height: 48px; border-radius: 50%; background: var(--border); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; } +.author-chip-name { font-size: .65rem; color: var(--muted); text-align: center; max-width: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + /* FEED */ .feed-wrap { max-width: 900px; margin: 0 auto; padding: 0 1.5rem 4rem; } .feed { display: flex; flex-direction: column; } -.post { display: flex; gap: .75rem; padding: .9rem 0; border-bottom: 1px solid var(--border); cursor: default; transition: background .1s; } +.post { display: flex; gap: .75rem; padding: .6rem 0; border-bottom: 1px solid var(--border); cursor: default; transition: background .1s; } .post:hover { background: rgba(255,255,255,.02); } -.post-avatar { width: 40px; height: 40px; border-radius: 8px; flex-shrink: 0; object-fit: cover; } -.post-avatar-fallback { width: 40px; height: 40px; border-radius: 8px; flex-shrink: 0; background: var(--border); display: flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--text); } +.post-avatar { width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; object-fit: cover; } +.post-avatar-fallback { width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; background: var(--border); display: flex; align-items: center; justify-content: center; font-size: .85rem; color: var(--text); } .post-main { flex: 1; min-width: 0; } .post-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .2rem; } -.post-author { font-weight: 700; font-size: .9rem; } +.post-author { font-weight: 700; font-size: .85rem; } .post-time { font-family: 'Space Mono', monospace; font-size: .65rem; color: var(--muted); flex-shrink: 0; margin-left: .5rem; } -.post-handle { font-family: 'Space Mono', monospace; font-size: .7rem; color: var(--muted); margin-bottom: .35rem; } -.post-text { font-size: .88rem; line-height: 1.55; color: var(--text); word-break: break-word; } +.post-handle { font-family: 'Space Mono', monospace; font-size: .65rem; color: var(--muted); margin-bottom: .35rem; } +.post-text { font-size: .82rem; line-height: 1.55; color: var(--text); word-break: break-word; } .post-text a { color: var(--accent); text-decoration: none; } -.post-media { margin-top: .6rem; border-radius: 8px; overflow: hidden; max-height: 200px; } -.post-media img { width: 100%; max-height: 200px; object-fit: cover; display: block; } +.post-media { float: right; margin: 0 0 .25rem .75rem; width: 120px; border-radius: 8px; overflow: hidden; } +.post-media img { width: 120px; height: 120px; aspect-ratio: 1/1; object-fit: cover; display: block; } .post-boost { font-family: 'Space Mono', monospace; font-size: .7rem; color: var(--muted); margin-bottom: .3rem; } .post-boost span { color: var(--accent); } @@ -126,6 +134,10 @@ nav { display: flex; align-items: center; justify-content: space-between; paddin +
+
+
+
Načítám příspěvky…
@@ -208,6 +220,26 @@ function renderFeed() { try { feed.innerHTML = filtered.map(renderPost).join(''); } catch(e) { console.error('renderFeed error:', e); feed.innerHTML = '
Chyba vykreslování.
'; } } +function updateAuthors() { + const scroll = document.getElementById('authors-scroll'); + if (!scroll) return; + const counts = {}; + allPosts.forEach(p => { + const src = p.reblog ? p.reblog : p; + const key = src.account.acct; + if (!counts[key]) counts[key] = { account: src.account, count: 0 }; + counts[key].count++; + }); + const sorted = Object.values(counts).sort((a, b) => b.count - a.count).slice(0, 20); + scroll.innerHTML = sorted.map(({ account }) => { + const av = account.avatar + ? `` + : `
${(account.display_name||account.username).charAt(0)}
`; + const name = account.display_name || account.username; + return `
${av}${name}
`; + }).join(''); +} + function updateCounts() { document.getElementById('count-all').textContent = allPosts.length; document.getElementById('count-original').textContent = allPosts.filter(p => postType(p) === 'original').length; @@ -221,6 +253,7 @@ async function loadFeed() { allPosts = await res.json(); updateCounts(); renderFeed(); + updateAuthors(); } catch(e) { document.getElementById('feed').innerHTML = '
Nepodařilo se načíst příspěvky.
'; } diff --git a/start.html b/start.html index 8cbeb45..7e2e16a 100644 --- a/start.html +++ b/start.html @@ -389,7 +389,7 @@

Žádné algoritmy. Žádné reklamy. Patří komunitě.
Tyhle 4 kroky ti zaplní feed a pomůžou udělat první post.
- Co je Mamutovo.cz? + Co je Mamutovo.cz? · Co se teď děje? ⚡

From 1c61a8736ff2fb9a8471caff8173290b4d14fdee Mon Sep 17 00:00:00 2001 From: Archos Date: Tue, 9 Jun 2026 09:55:18 +0200 Subject: [PATCH 6/6] =?UTF-8?q?feat:=20light/dark=20mode,=20cyan=20accent?= =?UTF-8?q?=20ve=20sv=C4=9Btl=C3=A9m,=20header=20pole=20v=20scraperu,=20vi?= =?UTF-8?q?zu=C3=A1ln=C3=AD=20=C3=BApravy=20post=C5=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- accounts.html | 28 ++++++++++++++++++++++++++-- apps.html | 22 ++++++++++++++++++++++ basics.html | 21 +++++++++++++++++++++ deni.html | 29 ++++++++++++++++++++++++++--- mastodon_cz_accounts.py | 1 + start.html | 20 ++++++++++++++++++++ 6 files changed, 116 insertions(+), 5 deletions(-) diff --git a/accounts.html b/accounts.html index 45c8096..1d5c52e 100644 --- a/accounts.html +++ b/accounts.html @@ -4,6 +4,7 @@ CZ účty na Mastodonu – Mamutovo + @@ -582,6 +598,7 @@ select:focus { border-color: var(--accent); } ← Průvodce CZ účty
+ načítám... @@ -632,6 +649,13 @@ select:focus { border-color: var(--accent); }
Žádné účty neodpovídají filtru. Zkus jiný výraz.
+
🦣 MAMUTOVO · APLIKACE @@ -485,6 +500,13 @@ h1 span { color: var(--accent); }
+
🦣 MAMUTOVO · ZÁKLADY @@ -243,5 +256,13 @@ ← Zpět na průvodce
+ diff --git a/deni.html b/deni.html index e49efbf..03d002a 100644 --- a/deni.html +++ b/deni.html @@ -4,6 +4,7 @@ Co se děje na Mastodonu | Mamutovo + +
🦣 MAMUTOVO · PRŮVODCE @@ -484,6 +497,13 @@ Rád/a poznám nové lidi 🙂 #Představení #novacek #cesky
Zkopírováno! Vlož do pole pro post ✓