Compare commits
26 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
689fd437f6
|
|||
|
3cc80eaef9
|
|||
|
3460e45a37
|
|||
|
55359c25c3
|
|||
|
fe1ad16e50
|
|||
|
83992f6112
|
|||
|
1944c56d9c
|
|||
|
5d2931f314
|
|||
|
a4ed559bb0
|
|||
|
671d603cb0
|
|||
|
271d8b97c4
|
|||
|
31a2c976a4
|
|||
|
596bfba1d0
|
|||
|
a52b9af100
|
|||
|
4f93d98747
|
|||
|
bd3322038b
|
|||
|
dd8d7d5b24
|
|||
|
a63b807272
|
|||
|
7bc1d36312
|
|||
|
a59f31b3c4
|
|||
|
1c679af1dd
|
|||
|
c30f794731
|
|||
|
42558bb855
|
|||
|
7977b276d7
|
|||
|
bae4a2ccb3
|
|||
|
6bfc382915
|
@@ -384,6 +384,15 @@ select:focus { border-color: var(--accent); }
|
|||||||
border: 1px solid rgba(0,200,150,0.15);
|
border: 1px solid rgba(0,200,150,0.15);
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
padding: 0.15rem 0.5rem;
|
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 {
|
.card-stats {
|
||||||
@@ -449,6 +458,7 @@ select:focus { border-color: var(--accent); }
|
|||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 0.3rem 0.45rem;
|
padding: 0.3rem 0.45rem;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* LIST VIEW CARD */
|
/* LIST VIEW CARD */
|
||||||
@@ -730,6 +740,28 @@ let viewMode = 'grid'; // 'grid' | 'list'
|
|||||||
// ────────────────────────────────
|
// ────────────────────────────────
|
||||||
// FILTER + SORT
|
// 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() {
|
function applyFilters() {
|
||||||
const q = document.getElementById('searchInput').value.toLowerCase().trim();
|
const q = document.getElementById('searchInput').value.toLowerCase().trim();
|
||||||
const cat = document.getElementById('categoryFilter').value;
|
const cat = document.getElementById('categoryFilter').value;
|
||||||
@@ -763,13 +795,13 @@ function applyFilters() {
|
|||||||
// RENDER
|
// RENDER
|
||||||
// ────────────────────────────────
|
// ────────────────────────────────
|
||||||
function fmtDate(iso) {
|
function fmtDate(iso) {
|
||||||
if (!iso) return 'Aktivní: neznámo';
|
if (!iso) return '—';
|
||||||
const d = new Date(iso);
|
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 dd = String(d.getUTCDate()).padStart(2, '0');
|
||||||
const mm = String(d.getUTCMonth() + 1).padStart(2, '0');
|
const mm = String(d.getUTCMonth() + 1).padStart(2, '0');
|
||||||
const yyyy = d.getUTCFullYear();
|
const yyyy = d.getUTCFullYear();
|
||||||
return `Aktivní: ${dd}.${mm}.${yyyy}`;
|
return `${dd}.${mm}.${yyyy}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
function fmt(n) {
|
function fmt(n) {
|
||||||
@@ -791,8 +823,8 @@ function avatarFallback(name) {
|
|||||||
|
|
||||||
function cardHTML(a, idx) {
|
function cardHTML(a, idx) {
|
||||||
const av = a.avatar || avatarFallback(a.name);
|
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') {
|
if (viewMode === 'list') {
|
||||||
return `
|
return `
|
||||||
@@ -1059,7 +1091,7 @@ loadAccounts();
|
|||||||
<div class="site-footer-inner">
|
<div class="site-footer-inner">
|
||||||
<a href="https://git.arch-linux.cz/Mamutovo/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://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>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|||||||
513
apps.html
Normal file
513
apps.html
Normal file
@@ -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>
|
||||||
|
·
|
||||||
|
<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>
|
||||||
247
basics.html
Normal file
247
basics.html
Normal file
@@ -0,0 +1,247 @@
|
|||||||
|
<!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>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>
|
||||||
BIN
img/apps/elk.png
Normal file
BIN
img/apps/elk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
img/apps/fedilab.png
Normal file
BIN
img/apps/fedilab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
img/apps/icecubes.webp
Normal file
BIN
img/apps/icecubes.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
img/apps/ivory.webp
Normal file
BIN
img/apps/ivory.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
img/apps/mast.webp
Normal file
BIN
img/apps/mast.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
img/apps/mastodeck.webp
Normal file
BIN
img/apps/mastodeck.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
img/apps/mastodon.png
Normal file
BIN
img/apps/mastodon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
img/apps/mastodon_ios.webp
Normal file
BIN
img/apps/mastodon_ios.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
img/apps/pachli.png
Normal file
BIN
img/apps/pachli.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
1
img/apps/phanpy.svg
Normal file
1
img/apps/phanpy.svg
Normal file
@@ -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>
|
||||||
|
After Width: | Height: | Size: 887 B |
BIN
img/apps/pinafore.webp
Normal file
BIN
img/apps/pinafore.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 690 B |
BIN
img/apps/sengi.png
Normal file
BIN
img/apps/sengi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
img/apps/toot.webp
Normal file
BIN
img/apps/toot.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
1
img/apps/tuba.svg
Normal file
1
img/apps/tuba.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 51 KiB |
BIN
img/apps/tusky.png
Normal file
BIN
img/apps/tusky.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
@@ -21,7 +21,7 @@ jackc@kompost.cz,true,false,
|
|||||||
ottovonwenkoff@mastodonczech.cz,true,false,
|
ottovonwenkoff@mastodonczech.cz,true,false,
|
||||||
unreed@mastodonczech.cz,true,false,
|
unreed@mastodonczech.cz,true,false,
|
||||||
tombarys@mastodon.social,true,false,
|
tombarys@mastodon.social,true,false,
|
||||||
stepan@skorpil.cz,true,false,
|
stepan@mastodon.skorpil.cz,true,false,
|
||||||
sumavanet@mastodonczech.cz,true,false,
|
sumavanet@mastodonczech.cz,true,false,
|
||||||
honzakorinek@cztwitter.cz,true,false,
|
honzakorinek@cztwitter.cz,true,false,
|
||||||
rezzabuh@mastodon.social,true,false,
|
rezzabuh@mastodon.social,true,false,
|
||||||
@@ -96,4 +96,14 @@ architektradim@mastodonczech.cz,true,false,
|
|||||||
nacelnik01@mamutovo.cz,true,false,
|
nacelnik01@mamutovo.cz,true,false,
|
||||||
sledge@mastodonczech.cz,true,false,
|
sledge@mastodonczech.cz,true,false,
|
||||||
tensob_@mastodonczech.cz,true,false
|
tensob_@mastodonczech.cz,true,false
|
||||||
archos@gts.arch-linux.cz,true,false,
|
archos@mamutovo.cz,true,false,
|
||||||
|
archlinux@mamutovo.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@vivaldi.net,true,false,
|
||||||
|
|||||||
|
@@ -81,7 +81,7 @@ QUERY_INSTANCES = [
|
|||||||
MIN_STATUSES = 10
|
MIN_STATUSES = 10
|
||||||
MIN_FOLLOWERS = 10
|
MIN_FOLLOWERS = 10
|
||||||
MAX_DAYS_INACTIVE = 90
|
MAX_DAYS_INACTIVE = 90
|
||||||
TOP_N = 200
|
TOP_N = 250
|
||||||
RATE_LIMIT_DELAY = 1.2
|
RATE_LIMIT_DELAY = 1.2
|
||||||
PAGE_LIMIT = 80
|
PAGE_LIMIT = 80
|
||||||
MAX_PAGES = 10
|
MAX_PAGES = 10
|
||||||
@@ -163,9 +163,7 @@ def load_manual_accounts(seen_handles=None):
|
|||||||
continue
|
continue
|
||||||
handle_part, instance = entry.rsplit("@", 1)
|
handle_part, instance = entry.rsplit("@", 1)
|
||||||
handle = f"{handle_part}@{instance}"
|
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)}"
|
url = f"https://{instance}/api/v1/accounts/lookup?acct={urllib.parse.quote(handle_part)}"
|
||||||
token = _token_for(instance)
|
token = _token_for(instance)
|
||||||
acc = api_get(url, token=token)
|
acc = api_get(url, token=token)
|
||||||
@@ -175,6 +173,8 @@ def load_manual_accounts(seen_handles=None):
|
|||||||
seen_handles.add(handle.lower())
|
seen_handles.add(handle.lower())
|
||||||
acc["_handle"] = handle
|
acc["_handle"] = handle
|
||||||
acc["_source_instance"] = instance
|
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)
|
accounts.append(acc)
|
||||||
log.debug(f" {handle}: OK ({acc.get('followers_count', 0)} followers)")
|
log.debug(f" {handle}: OK ({acc.get('followers_count', 0)} followers)")
|
||||||
time.sleep(RATE_LIMIT_DELAY)
|
time.sleep(RATE_LIMIT_DELAY)
|
||||||
@@ -216,15 +216,28 @@ def score(acc):
|
|||||||
|
|
||||||
# ── KATEGORIE ─────────────────────────────────
|
# ── KATEGORIE ─────────────────────────────────
|
||||||
CATEGORIES = {
|
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"],
|
"foto": ["fotografi", "foto", "photograph", "objektiv", "kamera"],
|
||||||
"veda": ["věda", "fyzika", "biologi", "astronom", "výzkum", "science", "matematik"],
|
"veda": ["věda", "fyzika", "biologi", "astronom", "výzkum", "science", "matematik"],
|
||||||
"kultura": ["knihy", "literatura", "film", "hudba", "divadlo", "umění"],
|
"kultura": ["knihy", "literatura", "film", "hudba", "divadlo", "umění"],
|
||||||
"gaming": ["gaming", "hry", "videohry", "steam", "gamer"],
|
"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):
|
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 = re.sub(r"<[^>]+>", " ", acc.get("note", "") or "").lower()
|
||||||
text += " " + (acc.get("display_name", "") or "").lower()
|
text += " " + (acc.get("display_name", "") or "").lower()
|
||||||
for cat, kws in CATEGORIES.items():
|
for cat, kws in CATEGORIES.items():
|
||||||
@@ -232,24 +245,29 @@ def categorize(acc):
|
|||||||
return cat
|
return cat
|
||||||
return "ostatni"
|
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 ────────────────────────────────────
|
# ── 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", ""))
|
handle = acc.get("_handle", acc.get("acct", ""))
|
||||||
bio = re.sub(r"<[^>]+>", " ", acc.get("note", "") or "").strip()
|
bio = re.sub(r"<[^>]+>", " ", acc.get("note", "") or "").strip()
|
||||||
results.append({
|
return {
|
||||||
"name": acc.get("display_name") or acc.get("username", ""),
|
"name": acc.get("display_name") or acc.get("username", ""),
|
||||||
"handle": handle,
|
"handle": handle,
|
||||||
"bio": bio[:220],
|
"bio": bio[:220],
|
||||||
@@ -257,18 +275,39 @@ def build_output(raw):
|
|||||||
"followers": acc.get("followers_count", 0),
|
"followers": acc.get("followers_count", 0),
|
||||||
"statuses": acc.get("statuses_count", 0),
|
"statuses": acc.get("statuses_count", 0),
|
||||||
"score": score(acc),
|
"score": score(acc),
|
||||||
"tags": extract_tags(acc),
|
"tags": fetch_featured_tags(acc),
|
||||||
"category": categorize(acc),
|
"category": categorize(acc),
|
||||||
"last_active": acc.get("last_status_at", ""),
|
"last_active": acc.get("last_status_at", ""),
|
||||||
"url": acc.get("url", ""),
|
"url": acc.get("url", ""),
|
||||||
})
|
}
|
||||||
|
|
||||||
|
def build_output(raw):
|
||||||
|
# Manuální účty vždy zahrnuty (bez ohledu na TOP_N)
|
||||||
seen = set()
|
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:
|
if r["handle"].lower() not in seen:
|
||||||
seen.add(r["handle"].lower())
|
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):
|
def write_json(accounts, output_dir):
|
||||||
data = {"generated_at": datetime.now(timezone.utc).isoformat(), "count": len(accounts), "accounts": accounts}
|
data = {"generated_at": datetime.now(timezone.utc).isoformat(), "count": len(accounts), "accounts": accounts}
|
||||||
|
|||||||
141
start.html
141
start.html
@@ -37,14 +37,17 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.badge { text-decoration: none; }
|
||||||
|
a.badge:hover { border-color: var(--accent); color: var(--accent); }
|
||||||
|
|
||||||
.badge {
|
.badge {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: var(--surface2);
|
background: var(--surface2);
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
color: var(--muted);
|
color: var(--muted);
|
||||||
font-family: 'Space Mono', monospace;
|
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;
|
border-radius: 999px;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
letter-spacing: 0.05em;
|
letter-spacing: 0.05em;
|
||||||
@@ -52,7 +55,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: clamp(1.8rem, 6vw, 3.5rem);
|
font-size: clamp(1.4rem, 4vw, 2.5rem);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
@@ -73,6 +76,77 @@
|
|||||||
|
|
||||||
.tagline strong { color: var(--text); }
|
.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;
|
||||||
|
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 --- */
|
||||||
.steps {
|
.steps {
|
||||||
max-width: 680px;
|
max-width: 680px;
|
||||||
@@ -310,26 +384,27 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="hero">
|
<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">
|
<p class="tagline">
|
||||||
Žádné algoritmy. Žádné reklamy. <strong>Patří komunitě.</strong><br>
|
Žá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>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="steps">
|
<div class="steps">
|
||||||
|
|
||||||
|
|
||||||
<!-- KROK 1 -->
|
<!-- KROK 1 -->
|
||||||
<div class="step">
|
<div class="step">
|
||||||
<div class="step-num">01</div>
|
<div class="step-num">01</div>
|
||||||
<div class="step-body">
|
<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">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -338,12 +413,15 @@
|
|||||||
<div class="step">
|
<div class="step">
|
||||||
<div class="step-num">02</div>
|
<div class="step-num">02</div>
|
||||||
<div class="step-body">
|
<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>
|
</div>
|
||||||
|
<a href="https://mamutovo.cz/publish" class="btn btn-primary" target="_blank">✏️ Napsat post</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -351,16 +429,12 @@
|
|||||||
<div class="step">
|
<div class="step">
|
||||||
<div class="step-num">03</div>
|
<div class="step-num">03</div>
|
||||||
<div class="step-body">
|
<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>
|
</div>
|
||||||
<a href="https://mamutovo.cz/publish" class="btn btn-primary" target="_blank">✏️ Napsat post</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -385,8 +459,23 @@ Zajímá mě [Linux / příroda / fotografie / ...]. Rád/a se seznámím!
|
|||||||
|
|
||||||
</div>
|
</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>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="footer-note">
|
<div class="footer-note">
|
||||||
Zasekl/a ses? Napiš na <a href="https://gts.arch-linux.cz/@archos">@archos@gts.arch-linux.cz</a> nebo
|
Zasekl/a ses? Napiš na <a href="https://mamutovo.cz/@archos">@archos@mamutovo.cz</a> nebo
|
||||||
se zeptej v <a href="https://mamutovo.cz/tags/pomoc">#pomoc</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> ·
|
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>
|
<a href="https://oscloud.cz">oscloud.cz</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user