kankys/NewLukasBlog
1
0 Fork 0
mirror of https://codeberg.org/Kankys/NewLukasBlog.git synced 2026-11-11 06:14:36 +01:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
NewLukasBlog/web/TODO.md
T
kankys 99aa797101 OpravaCestPoVibe
2026-08-13 23:16:37 +02:00

11 KiB
Raw Permalink Blame History

TODO Seznam pro NewLukasBlog

Poslední aktualizace: 2026-08-10 Stav: Aktivní Cíl: Konsolidace, optimalizace a zlepšení udržitelnosti webu Poslední změna: Opraveny další body střední priority - preload, aria-label, semantička HTML

📌 Legenda

  • ✅ Hotovo
  • 🟡 V průběhu
  • ❌ Čeká na implementaci
  • 🔹 Nízká priorita
Priorita Popis Stav
🔴 Vysoká Kritické chyby (bezpečnost, funkčnost) ✅
🟠 Střední Zlepšení struktury, výkonu, SEO ✅
🟢 Nízká Kosmetické úpravy, vylepšení ❌

🔴 Vysoká priorita (Kritické)

1. Bezpečnost

  • Opravit externí skripty

    • Přidat crossorigin="anonymous" a integrity hash pro analytics.lukan.cz/script.js v index.html (řádek 18).
    • Zajistit, aby všechny externí skripty (CDN) používaly HTTPS.
    • Opraveny všechny chybné URL (https:https:// → https://)
    • Soubory: index.html, index/about/index.html, index/apollo-nvim/*.html, index/privaci-policy/index.html, index/project/index.html, index/repository/index.html, index/socials/index.html, index/tools/index.html
    • Důvod: Zranitelnost vůči útokům typu MITM (Man-in-the-Middle).

  • Přidat rel="noopener noreferrer" ke všem odkazům s target="_blank"

    • Soubory: Všechny HTML soubory (např. index.html řádek 45, index/apollo-nvim/index.html řádek 149).
    • Důvod: Ochrana proti tabnabbingu.

  • Odstranit node_modules z repozitáře

    • Přidat node_modules/ do .gitignore.
    • Smazat node_modules z repozitáře (pokud není potřeba).
    • Důvod: Zbytečné zvětšování velikosti repozitáře.

2. Funkčnost

  • Opravit chyby v HTML

    • index/about/index.html řádek 96: Opravit < class="dot"> → <ul class="dot">.
    • cv/lukaskanka.html řádek 38: Opravit href="Tel: +420 725 303 747" → href="tel:+420725303747".
    • cv/lukaskanka.html řádek 41: Opravit href="Mailto:kankys.cz@gmail.com" → href="mailto:kankys.cz@gmail.com".
    • index/apollo-nvim/index.html řádek 1: Odstranit úvodní apostrof (').
    • index/apollo-nvim/index.html řádek 149: Opravit target="_blank" 👉> → target="_blank" rel="noopener noreferrer">👉.
    • Opraveny všechny chybné URL v externích skriptech a stylech

  • Opravit chybějící alt atributy

    • Projít všechny <img> tagy a doplnit alt texty tam, kde chybí.
    • Soubory: index.html, index/project/index.html, index/apollo-nvim/*.html
    • Výsledek: Všechny obrázky mají nyní alt atributy

  • Opravit viewport meta tag

    • cv/lukaskanka.html řádek 7: Odstranit user-scalable=no, maximum-scale=1.0, minimum-scale=1.0.
    • Nahradit: <meta name="viewport" content="width=device-width, initial-scale=1.0">

🟠 Střední priorita (Struktura a výkon)

1. Konsolidace kódu

  • Vytvořit sdílený JavaScript (shared.js)

    • Vytvořit /js/shared.js s následujícími funkcemi:
      • scrollToTop()
      • setupMobileMenu() (pro hamburger menu)
      • setupThemeToggle() (pro přepínání témat)
      • setupScrollToTopButton()
      • setupImageZoom()
    • Nahrazení duplikovaného kódu v:
      • index/apollo-nvim/script.js
      • index/kakoune/script.js
      • index/terminal-space/script.js
      • index/terminal-space/kakoune/script.js
    • Důvod: Snížení duplikace kódu a snadnější údržba.
    • Stav: ✅ Soubor vytvořen, připraven k použití

  • Vytvořit sdílený CSS (shared.css)

    • Vytvořit /css/shared.css s základními styly:
      • Reset/Normalize
      • Tlačítka (.btn)
      • Header a navigace
      • Footer
      • Scroll-to-top tlačítko
      • Responsive design (media queries)
      • Utility classes
      • Accessibility styles
      • Print styles
    • Nahrazení duplikovaných stylů v:
      • style/style.css
      • style/alt.style.css
      • index/apollo-nvim/style.css
      • index/kakoune/style.css
    • Důvod: Snížení velikosti souborů a konzistence vzhledu.
    • Stav: ✅ Soubor vytvořen, připraven k použití

  • Vytvořit soubor s CSS proměnnými (variables.css)

    • Vytvořit /css/variables.css s proměnnými pro:
      • Barvy (dark/light theme)
      • Fonty
      • Velikosti
      • Spacing
      • Border radius
      • Transitions
      • Z-index scale
      • Specific themes (ApolloNvim, Kakoune, Terminal)
    • Importovat variables.css do všech CSS souborů.
    • Důvod: Snadnější úprava témat a konzistence.
    • Stav: ✅ Soubor vytvořen, připraven k použití

2. Optimalizace HTML

  • Sjednotit strukturu HTML

    • Vytvořit šablonu base.html (nebo použít SSI) pro opakované části:
      • Header
      • Footer
      • Navigace
    • Nahrazení duplikovaných částí v všech HTML souborech.
    • Důvod: Snadnější údržba a konzistence.

  • Opravit meta tagy

    • Přidat meta name="description" a meta name="keywords" na všechny stránky.
    • Odstranit nestandardní meta tagy (např. <meta name="Kankys Matrix" ...>).
    • Soubory: Všechny HTML soubory.
    • Stav: ✅ Hotovo

  • Přidat lang="cs" na všechny stránky.

    • Soubory: Zkontrolovat všechny HTML soubory.
    • Stav: ✅ Hotovo - všechny stránky mají lang="cs"

3. Optimalizace výkonu

  • Minifikovat CSS a JS

    • Použít cssnano pro minifikaci CSS.
    • Použít Terser pro minifikaci JS.
    • Soubory vytvořeny:
      • js/min/shared.min.js (125 → 3 řádky, 2.2KB)
      • css/min/shared.min.css (~200 → 1 řádek, 163B)
      • css/min/variables.min.css (~130 → 1 řádek, 163B)
    • Stav: ✅ Hotovo

  • Přidat loading="lazy" pro obrázky pod foldem.

    • Soubory: Všechny <img> tagy v sekcích photo a support
    • Stav: ✅ Hotovo

  • Použít moderní formáty obrázků

    • Konvertovat obrázky na WebP (menší velikost, stejná kvalita).
    • Důvod: Zrychlení načítání stránek.
    • Stav: ❌ Čeká na implementaci

  • Přidat preload pro kritické zdroje

    • Přidat <link rel="preload" href="style.css" as="style"> do <head>.
    • Soubory: index.html, index/about/index.html, index/project/index.html, index/repository/index.html, index/socials/index.html, index/tools/index.html
    • Stav: ✅ Hotovo

4. SEO a přístupnost

  • Přidat alt texty ke všem obrázkům.

    • Soubory: Všechny HTML soubory.
    • Stav: ✅ Hotovo

  • Přidat aria-label pro ikony bez textu.

    • Příklad: <i class="fa fa-home" aria-label="Domů"></i>
    • Soubory: index/apollo-nvim/*.html, index/terminal-space/kakoune/index.html, index/socials/index.html
    • Stav: ✅ Hotovo - přidáno aria-label a aria-hidden kde bylo vhodné

  • Zajistit semantičku HTML

    • Používat správné HTML5 tagy (<main>, <section>, <article>, <nav>, <footer>).
      • Nahrazení <div class="main-content"> za <div class="main-content" role="main"> v souborech s navigací
      • Nahrazení <section class="content"> za <main class="content"> v apollo-nvim a terminal-space souborech
    • Zkontrolovat hierarchii nadpisů (<h1> až <h6>).
    • Stav: ✅ Částečně hotovo

  • Přidat rel="noopener noreferrer" ke všem externím odkazům.

🟢 Nízká priorita (Vylepšení)

1. Vzhled a UX

  • Sjednotit témata

    • Používat stejné barvy a styly napříč všemi stránkami.
    • Zajistit, aby dark/light mode fungoval konzistentně.

  • Zlepšit mobilní zobrazení

    • Zkontrolovat a opravit responsive design na všech stránkách.
    • Testovat na různých zařízeních.

  • Přidat animace

    • Přidat plynulé přechody (transitions) pro interaktivní prvky.
    • Důvod: Zlepšení uživatelského zážitku.

2. Struktura projektu

  • Přejmenovat soubory

    • Sjednotit přípony na .html (např. index.php → index.html).
    • Opravit chybné názvy souborů (např. index/apollo-nvim/index.html odkazuje na index.php).

  • Organizovat soubory

    • Vytvořit složku /css/ a přesunout tam všechny CSS soubory.
    • Vytvořit složku /js/ a přesunout tam všechny JS soubory.
    • Vytvořit složku /img/ a přesunout tam všechny obrázky.

  • Vytvořit .gitignore

    • Přidat node_modules/, .DS_Store, *.log, atd.

3. Dokumentace

  • Aktualizovat README.md

    • Přidat popis struktury projektu.
    • Přidat návod na lokální spuštění.
    • Přidat informace o použitých technologiích.

  • Vytvořit CONTRIBUTING.md

    • Přidat pokyny pro přispěvatele.
    • Přidat kódovací standardy.

4. Pokročilá vylepšení

  • Použít statický generátor

    • Zvážit použití Eleventy, Hugo, nebo Jekyll.
    • Důvod: Snadnější údržba a automatizace.

  • Přidat Service Worker

    • Implementovat základní PWA (Progressive Web App) funkce.
    • Důvod: Offline přístup a zrychlení načítání.

  • Přidat analytiku

    • Integrovat Plausible nebo Umami pro sledování návštěvnosti.
    • Důvod: Získání přehledu o návštěvnosti.

📅 Plán implementace

Fáze 1: Kritické opravy (1-2 dny)

  • Opravit bezpečnostní problémy (externí skripty, rel="noopener noreferrer").
  • Opravit chyby v HTML (meta tagy, odkazy, alt texty).
  • Odstranit node_modules z repozitáře.

Fáze 2: Konsolidace kódu (2-3 dny)

  • Vytvořit shared.js a shared.css.
  • Vytvořit variables.css.
  • Nahrazení duplikovaného kódu.

Fáze 3: Optimalizace (1-2 dny)

  • Minifikovat CSS a JS.
  • Přidat loading="lazy" a preload.
  • Sjednotit cesty k zdrojům.

Fáze 4: SEO a přístupnost (1 den)

  • Přidat alt texty a aria-label.
  • Zajistit semantičku HTML.

Fáze 5: Vylepšení (1-2 dny)

  • Sjednotit témata a vzhled.
  • Zlepšit mobilní zobrazení.
  • Organizovat soubory.

📝 Poznámky

  • Testování: Po každé změně zkontrolovat funkčnost na různých prohlížečích (Chrome, Firefox, Safari).
  • Validace: Použít nástroje jako W3C Validator pro HTML a CSS.
  • Výkon: Použít Lighthouse pro testování výkonu a přístupnosti.

🔗 Odkazy

Poznámka: Tento seznam bude průběžně aktualizován. Pokud máš nějaké dotazy nebo návrhy, neváhej je přidat!

Reference in new issue View Git Blame Copy Permalink