Předání
Návod na úpravu
Jak prezentaci spustit, upravit text, vložit fotografii nebo video, změnit barvy a zveřejnit ji.
Spuštění a ovládání
Prezentace běží v běžném prohlížeči. Otevřete ji z úvodní stránky tlačítkem Spustit prezentaci. Pro projektor použijte celoobrazovkové zobrazení prohlížeče (klávesa F11) a režim Živá.
- ← → nebo PageUp/PageDown: listování
- mezerník: další obrazovka (mimo ovládací prvky)
- O: přehled kapitol, Esc: zavření panelu
- Home / End: první a poslední obrazovka
- Adresa obrazovky je sdílitelná, obsahuje číslo obrazovky a režim.
Úprava textů
Všechny texty jsou v jednom souboru src/content/presentation.ts. Každá obrazovka je jeden objekt v poli screens. Vzhled se nemění, mění se jen obsah.
{
id: 'mapa-potreb',
chapter: 2,
layout: 'needs',
title: 'Od potřeby ke službě',
lead: 'Vyberte potřebu a podívejte se, čím na ni knihovna odpovídá.',
detail: { heading: 'Metodická poznámka', paragraphs: ['…'] },
note: 'Poznámka pro řečníka.',
verify: ['Co je třeba ověřit.'],
}Pole layout určuje typ obrazovky. Dostupné hodnoty: cover, chapter, statement, reveal, needs, principles, publicspace, cards, timeline, text, festival, gallery, closing.
Vložení fotografie
Fotografii nahrajte v panelu Assets. Získáte veřejnou adresu, kterou vložíte místo zástupného rámce. Vždy doplňte alternativní popis a autorský kredit.
<img
src="https://…/foto-ctefest.jpg"
alt="Čtení v parku během festivalu ČteFesT"
loading="lazy"
className="w-full object-cover"
/>
<p className="type-body text-[0.7rem] uppercase tracking-[0.14em] text-ink-soft">
Foto: Jan Novák
</p>Zástupné rámce vytváří komponenta PhotoFrame v src/components/presentation/media.tsx. Ve veřejné verzi nesmí zůstat žádný rámec s označením [Doplnit fotografii].
Doplnění videa
Video vkládejte jako odkaz na YouTube nebo Vimeo. Na obrazovce nechte náhledový obrázek a titulek. Videa musí mít titulky nebo textový přepis.
// v objektu obrazovky
media: [
{ type: 'video', label: 'Video z Mklubu', note: 'Délka do 90 sekund, titulky' },
],
// nebo přímý odkaz
link: { label: 'Web festivalu', url: 'https://…' },Odkaz se zobrazí jen tehdy, když je vyplněná adresa. Prázdný odkaz se ve veřejné verzi nezobrazí.
Změna barev a písem
Barvy jsou definované na jednom místě v src/styles.css jako CSS proměnné. Změna se projeví v celé prezentaci.
:root {
--kt-magenta: 328 100% 45%; /* #E50081 */
--kt-graphite: 240 1% 25%; /* #3E3E40 */
--kt-paper-tint: 0 0% 96.5%; /* #F6F5F5 */
--kt-amber: 38 96% 58%; /* #FBB02D */
}Hodnoty jsou zapsané jako HSL bez funkce hsl(). Písma se mění v blocích --font-display a --font-sans.
Přidání externího odkazu
Odkaz patří do pole link. Otevírá se na nové kartě a musí vést na funkční adresu.
link: { label: 'Web festivalu ČteFesT', url: 'https://www.ctefest.cz/' }Kontrola před zveřejněním
- V textu není žádné označení [DOPLNIT] ani [K OVĚŘENÍ].
- Všechny fotografie mají popis a kredit, u dětí souhlas zákonného zástupce.
- Všechny odkazy fungují a otevírají se správně.
- Prezentace je čitelná v režimu Živá na projektoru 16:9.
- Ovládání klávesnicí a mobilní zobrazení projdou bez chyby.
- Seznam ověření zůstává prázdný nebo potvrzený.
Zveřejnění
Prezentaci zveřejníte tlačítkem Publish v prostředí Macaly. Tím se nahraje veřejná verze na přidělenou adresu. Podrobnosti k doméně najdete v nastavení projektu.
Před zveřejněním doporučujeme projít celý scénář na stránce Scénář a ověření.
Technické zázemí
Kde co najdete
- src/content/presentation.ts
- veškerý obsah, kapitoly, média, ověření
- src/components/presentation/Deck.tsx
- navigace, režimy, přehled kapitol, detail
- src/components/presentation/ScreenBody.tsx
- typy obrazovek a jejich rozvržení
- src/components/presentation/PencilArt.tsx
- tužkové kresby a schémata
- src/styles.css
- barvy, písma, animace, tiskové a projekční velikosti
- src/routes/index.tsx
- úvodní stránka prezentace