oscloud-docs/site/apps/mastodon/index.html
2024-11-03 18:13:30 +01:00

2091 lines
48 KiB
HTML

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Oscloud je váš osobní cloud a hosting webových aplikací.">
<link rel="canonical" href="https://docs.oscloud.cz/apps/mastodon/">
<link rel="prev" href="../lamp/">
<link rel="next" href="../mirotalk/">
<link rel="icon" href="../../img/favicon.ico">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.5.39">
<title>Mastodon - Oscloud Docs</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.8c3ca2c6.min.css">
<link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
<link rel="stylesheet" href="../../styly/extra.css">
<script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
</head>
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#mastodon-mamutovo" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header md-header--shadow" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../.." title="Oscloud Docs" class="md-header__button md-logo" aria-label="Oscloud Docs" data-md-component="logo">
<img src="../../img/logo.png" alt="logo">
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Oscloud Docs
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Mastodon
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="(prefers-color-scheme)" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m14.3 16-.7-2h-3.2l-.7 2H7.8L11 7h2l3.2 9zM20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12zm-9.15 3.96h2.3L12 9z"/></svg>
</label>
<input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="white" data-md-color-accent="light-blue" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_2" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
</label>
<input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="black" data-md-color-accent="light-blue" aria-label="Switch to system preference" type="radio" name="__palette" id="__palette_2">
<label class="md-header__button md-icon" title="Switch to system preference" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
</label>
</form>
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="Oscloud Docs" class="md-nav__button md-logo" aria-label="Oscloud Docs" data-md-component="logo">
<img src="../../img/logo.png" alt="logo">
</a>
Oscloud Docs
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." class="md-nav__link">
<span class="md-ellipsis">
Úvodní stránka
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
<span class="md-ellipsis">
Podpora a kontakty
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span>
Podpora a kontakty
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../support/" class="md-nav__link">
<span class="md-ellipsis">
Podpora
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../contact/" class="md-nav__link">
<span class="md-ellipsis">
Kontaktujte nás
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
<span class="md-ellipsis">
Znalostní báze
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Znalostní báze
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../" class="md-nav__link">
<span class="md-ellipsis">
App
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../certificates/" class="md-nav__link">
<span class="md-ellipsis">
Certifikáty
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../profile/" class="md-nav__link">
<span class="md-ellipsis">
Profil
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../security/" class="md-nav__link">
<span class="md-ellipsis">
Security
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../backups/" class="md-nav__link">
<span class="md-ellipsis">
Zálohy
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
<label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
<span class="md-ellipsis">
Aplikace
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_4">
<span class="md-nav__icon md-icon"></span>
Aplikace
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../bookstack.md" class="md-nav__link">
<span class="md-ellipsis">
BookStack
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../castopod.md" class="md-nav__link">
<span class="md-ellipsis">
Castopod
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../cryptpad/" class="md-nav__link">
<span class="md-ellipsis">
CryptPad
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../discourse.md" class="md-nav__link">
<span class="md-ellipsis">
Discourse
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../dokuwiki.md" class="md-nav__link">
<span class="md-ellipsis">
Dokuwiki
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../gitea.md" class="md-nav__link">
<span class="md-ellipsis">
Gitea
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../githubpages.md" class="md-nav__link">
<span class="md-ellipsis">
GitHub Pages
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../gogs.md" class="md-nav__link">
<span class="md-ellipsis">
Gogs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../hedgedoc/" class="md-nav__link">
<span class="md-ellipsis">
HedgeDoc
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../immich.md" class="md-nav__link">
<span class="md-ellipsis">
Immich
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../joplin-server/" class="md-nav__link">
<span class="md-ellipsis">
Joplin Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../lamp/" class="md-nav__link">
<span class="md-ellipsis">
LAMP
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../linkding.md" class="md-nav__link">
<span class="md-ellipsis">
Linkding
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../lychee.md" class="md-nav__link">
<span class="md-ellipsis">
Lychee
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Mastodon
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Mastodon
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#jak-pouzivat-mastodon-na-mamutovocz" class="md-nav__link">
<span class="md-ellipsis">
Jak používat Mastodon na mamutovo.cz 🐘
</span>
</a>
<nav class="md-nav" aria-label="Jak používat Mastodon na mamutovo.cz 🐘">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#proc-pouzivat-mastodon" class="md-nav__link">
<span class="md-ellipsis">
Proč používat Mastodon?
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#1-registrace-a-vytvoreni-uctu" class="md-nav__link">
<span class="md-ellipsis">
1. Registrace a vytvoření účtu
</span>
</a>
<nav class="md-nav" aria-label="1. Registrace a vytvoření účtu">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#krok-1-prejdete-na-hlavni-stranku" class="md-nav__link">
<span class="md-ellipsis">
Krok 1: Přejděte na hlavní stránku
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-2-vyplnte-registracni-formular" class="md-nav__link">
<span class="md-ellipsis">
Krok 2: Vyplňte registrační formulář
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-3-potvrzeni-e-mailu" class="md-nav__link">
<span class="md-ellipsis">
Krok 3: Potvrzení e-mailu
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-4-prihlaseni-do-uctu" class="md-nav__link">
<span class="md-ellipsis">
Krok 4: Přihlášení do účtu
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#2-jak-funguje-mastodon" class="md-nav__link">
<span class="md-ellipsis">
2. Jak funguje Mastodon?
</span>
</a>
<nav class="md-nav" aria-label="2. Jak funguje Mastodon?">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#krok-1-timeline-casova-osa" class="md-nav__link">
<span class="md-ellipsis">
Krok 1: Timeline (Časová osa)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-2-vytvareni-prispevku-tootu" class="md-nav__link">
<span class="md-ellipsis">
Krok 2: Vytváření příspěvků (Tootů)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-3-sledovani-a-interakce" class="md-nav__link">
<span class="md-ellipsis">
Krok 3: Sledování a interakce
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-4-nastaveni-soukromi" class="md-nav__link">
<span class="md-ellipsis">
Krok 4: Nastavení soukromí
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#3-vyhledavani-a-objevovani-obsahu" class="md-nav__link">
<span class="md-ellipsis">
3. Vyhledávání a objevování obsahu
</span>
</a>
<nav class="md-nav" aria-label="3. Vyhledávání a objevování obsahu">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#krok-1-vyhledavani-uzivatelu" class="md-nav__link">
<span class="md-ellipsis">
Krok 1: Vyhledávání uživatelů
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-2-hashtagy" class="md-nav__link">
<span class="md-ellipsis">
Krok 2: Hashtagy
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#4-mobilni-aplikace" class="md-nav__link">
<span class="md-ellipsis">
4. Mobilní aplikace
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#5-dalsi-funkce" class="md-nav__link">
<span class="md-ellipsis">
5. Další funkce
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#6-caste-dotazy-faq" class="md-nav__link">
<span class="md-ellipsis">
6. Časté dotazy (FAQ)
</span>
</a>
<nav class="md-nav" aria-label="6. Časté dotazy (FAQ)">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#jaky-je-rozdil-mezi-mistni-a-federovanou-casovou-osou" class="md-nav__link">
<span class="md-ellipsis">
Jaký je rozdíl mezi místní a federovanou časovou osou?
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#jsou-tooty-verejne" class="md-nav__link">
<span class="md-ellipsis">
Jsou tooty veřejné?
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#jak-mohu-sledovat-uzivatele-z-jinych-instanci" class="md-nav__link">
<span class="md-ellipsis">
Jak mohu sledovat uživatele z jiných instancí?
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../miniflux.md" class="md-nav__link">
<span class="md-ellipsis">
Miniflux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../mirotalk/" class="md-nav__link">
<span class="md-ellipsis">
MiroTalk
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../nextcloud/" class="md-nav__link">
<span class="md-ellipsis">
Nextcloud
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../ntfy.md" class="md-nav__link">
<span class="md-ellipsis">
ntfy
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../pairdrop/" class="md-nav__link">
<span class="md-ellipsis">
PairDrop
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../peertube.md" class="md-nav__link">
<span class="md-ellipsis">
Peertube
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../piwigo.md" class="md-nav__link">
<span class="md-ellipsis">
Piwigo
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../pixelfed.md" class="md-nav__link">
<span class="md-ellipsis">
Pixelfed
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../privatebin/" class="md-nav__link">
<span class="md-ellipsis">
PrivateBin
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../rallly.md" class="md-nav__link">
<span class="md-ellipsis">
Rallly
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../roundcube.md" class="md-nav__link">
<span class="md-ellipsis">
Roundcube
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../searxng/" class="md-nav__link">
<span class="md-ellipsis">
SearXNG
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../surfer/" class="md-nav__link">
<span class="md-ellipsis">
Surfer
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../tinytinyrss.md" class="md-nav__link">
<span class="md-ellipsis">
TinyTinyRSS
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../umami.md" class="md-nav__link">
<span class="md-ellipsis">
Umami
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../vaultwarden/" class="md-nav__link">
<span class="md-ellipsis">
Vaultwarden
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../vikunja.md" class="md-nav__link">
<span class="md-ellipsis">
Vikunja
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../wordpress-developer/" class="md-nav__link">
<span class="md-ellipsis">
WordPress (Developer)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../wordpress-managed/" class="md-nav__link">
<span class="md-ellipsis">
WordPress (Managed)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
<label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
<span class="md-ellipsis">
Ceny
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_5">
<span class="md-nav__icon md-icon"></span>
Ceny
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../podporte-nas.md" class="md-nav__link">
<span class="md-ellipsis">
Jak nás podpořit
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#jak-pouzivat-mastodon-na-mamutovocz" class="md-nav__link">
<span class="md-ellipsis">
Jak používat Mastodon na mamutovo.cz 🐘
</span>
</a>
<nav class="md-nav" aria-label="Jak používat Mastodon na mamutovo.cz 🐘">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#proc-pouzivat-mastodon" class="md-nav__link">
<span class="md-ellipsis">
Proč používat Mastodon?
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#1-registrace-a-vytvoreni-uctu" class="md-nav__link">
<span class="md-ellipsis">
1. Registrace a vytvoření účtu
</span>
</a>
<nav class="md-nav" aria-label="1. Registrace a vytvoření účtu">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#krok-1-prejdete-na-hlavni-stranku" class="md-nav__link">
<span class="md-ellipsis">
Krok 1: Přejděte na hlavní stránku
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-2-vyplnte-registracni-formular" class="md-nav__link">
<span class="md-ellipsis">
Krok 2: Vyplňte registrační formulář
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-3-potvrzeni-e-mailu" class="md-nav__link">
<span class="md-ellipsis">
Krok 3: Potvrzení e-mailu
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-4-prihlaseni-do-uctu" class="md-nav__link">
<span class="md-ellipsis">
Krok 4: Přihlášení do účtu
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#2-jak-funguje-mastodon" class="md-nav__link">
<span class="md-ellipsis">
2. Jak funguje Mastodon?
</span>
</a>
<nav class="md-nav" aria-label="2. Jak funguje Mastodon?">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#krok-1-timeline-casova-osa" class="md-nav__link">
<span class="md-ellipsis">
Krok 1: Timeline (Časová osa)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-2-vytvareni-prispevku-tootu" class="md-nav__link">
<span class="md-ellipsis">
Krok 2: Vytváření příspěvků (Tootů)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-3-sledovani-a-interakce" class="md-nav__link">
<span class="md-ellipsis">
Krok 3: Sledování a interakce
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-4-nastaveni-soukromi" class="md-nav__link">
<span class="md-ellipsis">
Krok 4: Nastavení soukromí
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#3-vyhledavani-a-objevovani-obsahu" class="md-nav__link">
<span class="md-ellipsis">
3. Vyhledávání a objevování obsahu
</span>
</a>
<nav class="md-nav" aria-label="3. Vyhledávání a objevování obsahu">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#krok-1-vyhledavani-uzivatelu" class="md-nav__link">
<span class="md-ellipsis">
Krok 1: Vyhledávání uživatelů
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#krok-2-hashtagy" class="md-nav__link">
<span class="md-ellipsis">
Krok 2: Hashtagy
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#4-mobilni-aplikace" class="md-nav__link">
<span class="md-ellipsis">
4. Mobilní aplikace
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#5-dalsi-funkce" class="md-nav__link">
<span class="md-ellipsis">
5. Další funkce
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#6-caste-dotazy-faq" class="md-nav__link">
<span class="md-ellipsis">
6. Časté dotazy (FAQ)
</span>
</a>
<nav class="md-nav" aria-label="6. Časté dotazy (FAQ)">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#jaky-je-rozdil-mezi-mistni-a-federovanou-casovou-osou" class="md-nav__link">
<span class="md-ellipsis">
Jaký je rozdíl mezi místní a federovanou časovou osou?
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#jsou-tooty-verejne" class="md-nav__link">
<span class="md-ellipsis">
Jsou tooty veřejné?
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#jak-mohu-sledovat-uzivatele-z-jinych-instanci" class="md-nav__link">
<span class="md-ellipsis">
Jak mohu sledovat uživatele z jiných instancí?
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="mastodon-mamutovo"><img src="/img/mastodon-logo.png" width="25px"> Mastodon Mamutovo</h1>
<h2 id="jak-pouzivat-mastodon-na-mamutovocz">Jak používat Mastodon na mamutovo.cz 🐘</h2>
<p>Mastodon je <strong>decentralizovaná open-source sociální síť</strong>, která vám umožní zůstat v kontaktu s komunitou a sdílet své myšlenky ve formě krátkých příspěvků nazývaných "tooty". Na rozdíl od centralizovaných sítí, jako je Twitter nebo Facebook, není Mastodon spravován jedinou společností, ale běží na mnoha nezávislých serverech po celém světě, které mezi sebou komunikují.</p>
<h3 id="proc-pouzivat-mastodon">Proč používat Mastodon?</h3>
<ul>
<li><strong>Decentralizace</strong>: Každá instance je nezávislá. Vaše data nejsou kontrolována jednou firmou, ale zůstávají pod správou té instance, které důvěřujete.</li>
<li><strong>Bez reklam</strong>: Mastodon neobsahuje žádné reklamy a nikdo vás nesleduje pro personalizovaný marketing.</li>
<li><strong>Federace</strong>: I když používáte instanci <strong>mamutovo.cz</strong>, můžete komunikovat s uživateli z ostatních instancí po celém světě. Stačí je sledovat podle jejich uživatelského jména (např. <code>@uzivatel@instance.com</code>).</li>
<li><strong>Respektování soukromí</strong>: Máte plnou kontrolu nad tím, kdo vidí vaše příspěvky a kdo vás sleduje.</li>
</ul>
<p>Nyní, když víte, co Mastodon je, pojďme se podívat, jak ho můžete začít používat na naší instanci <strong>mamutovo.cz</strong>.</p>
<h2 id="1-registrace-a-vytvoreni-uctu">1. Registrace a vytvoření účtu</h2>
<h3 id="krok-1-prejdete-na-hlavni-stranku">Krok 1: Přejděte na hlavní stránku</h3>
<p>Navštivte stránku <a href="https://mamutovo.cz">mamutovo.cz</a> a klikněte na <strong>Zaregistrovat se</strong> v pravém horním rohu.</p>
<h3 id="krok-2-vyplnte-registracni-formular">Krok 2: Vyplňte registrační formulář</h3>
<p>Vyplňte požadované údaje:
- <strong>Uživatelské jméno</strong>: Zvolte si unikátní jméno, které vás bude na Mastodonu reprezentovat (např. <code>@jmeno@mamutovo.cz</code>).
- <strong>E-mail</strong>: Vyplňte platnou e-mailovou adresu, kterou budete potřebovat pro aktivaci účtu.
- <strong>Heslo</strong>: Zvolte silné heslo pro ochranu vašeho účtu.</p>
<p>Po vyplnění klikněte na tlačítko <strong>Registrovat</strong>.</p>
<h3 id="krok-3-potvrzeni-e-mailu">Krok 3: Potvrzení e-mailu</h3>
<p>Po registraci vám bude na uvedenou e-mailovou adresu zaslán aktivační e-mail. Klikněte na odkaz v e-mailu, abyste aktivovali svůj účet.</p>
<h3 id="krok-4-prihlaseni-do-uctu">Krok 4: Přihlášení do účtu</h3>
<p>Po potvrzení e-mailu se můžete přihlásit na <a href="https://mamutovo.cz">mamutovo.cz</a> s vaším uživatelským jménem a heslem.</p>
<h2 id="2-jak-funguje-mastodon">2. Jak funguje Mastodon?</h2>
<h3 id="krok-1-timeline-casova-osa">Krok 1: Timeline (Časová osa)</h3>
<p>Na Mastodonu máte tři hlavní časové osy:
- <strong>Domácí timeline</strong>: Zde uvidíte příspěvky (tooty) od lidí, které sledujete.
- <strong>Federovaná timeline</strong>: Zobrazuje příspěvky z ostatních federovaných serverů, se kterými je <strong>mamutovo.cz</strong> propojeno.
- <strong>Místní timeline</strong>: Obsahuje všechny příspěvky od uživatelů přímo na <strong>mamutovo.cz</strong>.</p>
<h3 id="krok-2-vytvareni-prispevku-tootu">Krok 2: Vytváření příspěvků (Tootů)</h3>
<p>Chcete-li napsat příspěvek (známý jako "toot"), klikněte na tlačítko <strong>Napsat toot</strong> v horní části stránky. Vytvořte svůj obsah a klikněte na tlačítko <strong>Tootnout</strong>.</p>
<p>Příspěvky můžete nastavit jako:
- <strong>Veřejné</strong>: Viditelné pro všechny uživatele, včetně těch na jiných instancích.
- <strong>Nesledované</strong>: Viditelné pouze na vaší instanci.
- <strong>Soukromé</strong>: Viditelné pouze pro vaše sledující.
- <strong>Direct message</strong>: Posíláte pouze konkrétním uživatelům.</p>
<h3 id="krok-3-sledovani-a-interakce">Krok 3: Sledování a interakce</h3>
<p>Můžete sledovat ostatní uživatele a jejich tooty se budou zobrazovat na vaší domácí časové ose. Můžete také:
- <strong>Lajkovat</strong> příspěvky (klepnutím na srdíčko).
- <strong>Sdílet</strong> je (tlačítko pro přeposlání).
- <strong>Odpovědět</strong> (klepnutím na tlačítko odpovědi).</p>
<h3 id="krok-4-nastaveni-soukromi">Krok 4: Nastavení soukromí</h3>
<p>V nastavení účtu můžete ovládat, kdo může vidět vaše tooty a kdo vás může sledovat. Pokud chcete ještě větší kontrolu, můžete:
- <strong>Zamknout účet</strong>: Vyžaduje schválení pro nové sledující.
- <strong>Nastavit výchozí úroveň viditelnosti</strong>: Např. aby všechny vaše příspěvky byly automaticky soukromé.</p>
<h2 id="3-vyhledavani-a-objevovani-obsahu">3. Vyhledávání a objevování obsahu</h2>
<h3 id="krok-1-vyhledavani-uzivatelu">Krok 1: Vyhledávání uživatelů</h3>
<p>Použijte vyhledávací lištu k nalezení uživatelů podle jejich jména nebo uživatelského jména (např. <code>@jmeno@mamutovo.cz</code>).</p>
<h3 id="krok-2-hashtagy">Krok 2: Hashtagy</h3>
<p>Hashtagy vám umožňují objevovat příspěvky na různá témata. Stačí kliknout na hashtag (např. <code>#open-source</code>) a zobrazí se všechny tooty s tímto hashtagem.</p>
<h2 id="4-mobilni-aplikace">4. Mobilní aplikace</h2>
<p>Mastodon můžete používat i na mobilních zařízeních. Stačí si stáhnout aplikaci Mastodon pro Android nebo iOS a přihlásit se do svého účtu <strong>mamutovo.cz</strong>.</p>
<ul>
<li>
<p><img alt="Google Play" src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" /></p>
</li>
<li>
<p><a href="https://apps.apple.com/us/app/mastodon/id1571998974"><img src="https://developer.apple.com/app-store/marketing/guidelines/images/badge-example-preferred_2x.png" alt="App Store" width="180"/></a></p>
</li>
</ul>
<h2 id="5-dalsi-funkce">5. Další funkce</h2>
<ul>
<li><strong>Zprávy</strong>: Mastodon podporuje soukromé zprávy mezi uživateli.</li>
<li><strong>Seznamy</strong>: Můžete si vytvořit vlastní seznamy uživatelů a sledovat jejich tooty odděleně.</li>
<li><strong>Upozornění</strong>: Přizpůsobte si, jaké notifikace chcete dostávat (např. při novém sledujícím nebo při zmínce).</li>
</ul>
<h2 id="6-caste-dotazy-faq">6. Časté dotazy (FAQ)</h2>
<h3 id="jaky-je-rozdil-mezi-mistni-a-federovanou-casovou-osou">Jaký je rozdíl mezi místní a federovanou časovou osou?</h3>
<ul>
<li><strong>Místní časová osa</strong> zobrazuje příspěvky všech uživatelů z vaší instance <strong>mamutovo.cz</strong>.</li>
<li><strong>Federovaná časová osa</strong> zobrazuje příspěvky od uživatelů z jiných instancí, se kterými <strong>mamutovo.cz</strong> federuje.</li>
</ul>
<h3 id="jsou-tooty-verejne">Jsou tooty veřejné?</h3>
<p>Ano, pokud nevytvoříte soukromý nebo chráněný příspěvek, vaše tooty jsou veřejné a mohou být viditelné i na jiných instancích.</p>
<h3 id="jak-mohu-sledovat-uzivatele-z-jinych-instanci">Jak mohu sledovat uživatele z jiných instancí?</h3>
<p>Přes vyhledávací pole můžete zadat jejich uživatelské jméno včetně domény (např. <code>@uzivatel@instance.com</code>) a sledovat je.</p>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
<div class="md-copyright__highlight">
Copyright &copy; 2024 Oscloud CZ
</div>
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</a>
</div>
<div class="md-social">
<a href="https://git.arch-linux.cz/Oscloud" target="_blank" rel="noopener" title="git.arch-linux.cz" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M216.29 158.39H137C97 147.9 6.51 150.63 6.51 233.18c0 30.09 15 51.23 35 61-25.1 23-37 33.85-37 49.21 0 11 4.47 21.14 17.89 26.81C8.13 383.61 0 393.35 0 411.65c0 32.11 28.05 50.82 101.63 50.82 70.75 0 111.79-26.42 111.79-73.18 0-58.66-45.16-56.5-151.63-63l13.43-21.55c27.27 7.58 118.7 10 118.7-67.89 0-18.7-7.73-31.71-15-41.07l37.41-2.84zm-63.42 241.9c0 32.06-104.89 32.1-104.89 2.43 0-8.14 5.27-15 10.57-21.54 77.71 5.3 94.32 3.37 94.32 19.11m-50.81-134.58c-52.8 0-50.46-71.16 1.2-71.16 49.54 0 50.82 71.16-1.2 71.16m133.3 100.51v-32.1c26.75-3.66 27.24-2 27.24-11V203.61c0-8.5-2.05-7.38-27.24-16.26l4.47-32.92H324v168.71c0 6.51.4 7.32 6.51 8.14l20.73 2.84v32.1zm52.45-244.31c-23.17 0-36.59-13.43-36.59-36.61s13.42-35.77 36.59-35.77c23.58 0 37 12.62 37 35.77s-13.42 36.61-37 36.61M512 350.46c-17.49 8.53-43.1 16.26-66.28 16.26-48.38 0-66.67-19.5-66.67-65.46V194.75c0-5.42 1.05-4.06-31.71-4.06V154.5c35.78-4.07 50-22 54.47-66.27h38.63c0 65.83-1.34 61.81 3.26 61.81H501v40.65h-60.56v97.15c0 6.92-4.92 51.41 60.57 26.84z"/></svg>
</a>
<a href="https://mamutovo.cz/@oscloud" target="_blank" rel="noopener me" title="mamutovo.cz" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>
</a>
<a href="https://matrix.to/#/!nnrBXdWbSiXkfiYtWR:mxchat.cz?via=mxchat.cz" target="_blank" rel="noopener" title="matrix.to" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6-10.4-2-21.2-.6-30.7 4.2q-6.15 3.15-12.6 6c-16 7.2-32.9 13.5-49.9 18 2.8-4.6 5.4-9.1 7.9-13.6 1.1-1.9 2.2-3.9 3.2-5.9zM208 352c114.9 0 208-78.8 208-176S322.9 0 208 0 0 78.8 0 176c0 41.8 17.2 80.1 45.9 110.3-.9 1.7-1.9 3.5-2.8 5.1-10.3 18.4-22.3 36.5-36.6 52.1-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7 4.8-2.2 9.6-4.5 14.2-6.8 15.1 3 30.9 4.5 47.1 4.5m224 128c16.2 0 31.9-1.6 47.1-4.5 4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5s2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1-.9-1.7-1.9-3.4-2.8-5.1 28.8-30.3 46-68.6 46-110.4 0-94.4-87.9-171.5-198.2-175.8 4.1 15.2 6.2 31.2 6.2 47.8v.6c87.2 6.7 144 67.5 144 127.4 0 28-11.4 54.9-32.7 77.2-14.3 15-17.3 37.6-7.5 55.8 1.1 2 2.2 4 3.2 5.9 2.5 4.5 5.2 9 7.9 13.6-17-4.5-33.9-10.7-49.9-18q-6.45-2.85-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2-12.1 2.4-24.8 3.6-37.8 3.6-61.7 0-110-26.5-136.8-62.3-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": "../..", "features": ["search.suggest", "navigation.indexes"], "search": "../../assets/javascripts/workers/search.6ce7567c.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
<script src="../../assets/javascripts/bundle.525ec568.min.js"></script>
<script src="../../javascripts/extra.js"></script>
</body>
</html>