Předání

Návod na úpravu

Jak prezentaci spustit, upravit text, vložit fotografii nebo video, změnit barvy a zveřejnit ji.

01

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.
02

Ú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.

03

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].

04

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í.

05

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.

06

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/' }
07

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ý.
08

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