doxa/doxa-notes/desktop_app_dev/build/index.html

<!doctype html>
<html lang="cs">
    <head>
        <meta charset="UTF-8" />
        <title>Doxa</title>
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://doxa.lukan.cz/" />
        <meta
            property="og:title"
            content="Doxa je navržena jako local‑first aplikace — soukromí je primární designový princip."
        />
        <meta
            property="og:description"
            content="Krátké shrnutí: Doxa je minimalistická, local‑first poznámková aplikace založená na otevřeném JSON formátu. Data zůstávají lokálně (localStorage nebo soubor) — aplikace nic sama neodesílá."
        />
        <meta name="twitter:card" content="summary_large_image" />
        <meta
            name="twitter:title"
            content="Doxa je navržena jako local‑first aplikace — soukromí je primární designový princip."
        />
        <meta
            name="twitter:description"
            content="Doxa je navržena jako local‑first aplikace — soukromí je primární designový princip."
        />
        <meta
            name="Doxa"
            content="Doxa je navržena jako local‑first aplikace — soukromí je primární designový princip."
        />

        <link rel="stylesheet" href="assets/style/style.css" />
        <link rel="shortcut icon" href="assets/img/brain-solid-full.svg" />
        <!-- Markdown and sanitization libraries (used for preview). CDN fallback; if offline, preview will be disabled. -->
        <link
            rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css"
        />
        <script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/dompurify/dist/purify.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
    </head>
    <body>
        <div class="container">
            <nav class="top-nav">
                <a href="index.html">Domů</a>
                <a href="navod.html">Návod</a>
                <a href="privacy.html">Ochrana soukromí</a>
                <a href="about.html">O projektu</a>
                <button
                    id="themeToggle"
                    class="theme-toggle"
                    aria-label="Přepnout motiv"
                >
                    🌙
                </button>
            </nav>
            <h1>Doxa</h1>
            <input id="noteTitle" placeholder="Název poznámky" />

            <div class="editor-toolbar" id="editorToolbar">
                <button type="button" data-action="h1" title="Nadpis H1">
                    H1
                </button>
                <button type="button" data-action="h2" title="Nadpis H2">
                    H2
                </button>
                <button type="button" data-action="h3" title="Nadpis H3">
                    H3
                </button>

                <button type="button" data-action="bold" title="Tučné (Ctrl+B)">
                    <strong>B</strong>
                </button>
                <button
                    type="button"
                    data-action="italic"
                    title="Kurzíva (Ctrl+I)"
                >
                    <em>I</em>
                </button>
                <button type="button" data-action="strike" title="Přeškrtnutí">
                    S
                </button>

                <button type="button" data-action="ul" title="Odrážkový seznam">
                    •
                </button>
                <button type="button" data-action="ol" title="Číslovaný seznam">
                    1.
                </button>
                <button
                    type="button"
                    data-action="task"
                    title="Úkol (checkbox)"
                >
                    ☐
                </button>

                <button type="button" data-action="quote" title="Citace">
                    ❝
                </button>
                <button type="button" data-action="hr" title="Vodorovná čára">
                    —
                </button>

                <button type="button" data-action="code" title="Inline kód">
                    `kód`
                </button>
                <button type="button" data-action="codeblock" title="Blok kódu">
                    &lt;/&gt;
                </button>

                <button type="button" data-action="link" title="Vložit odkaz">
                    🔗
                </button>
                <button
                    type="button"
                    data-action="image"
                    title="Vložit obrázek"
                >
                    🖼
                </button>
                <button
                    type="button"
                    data-action="table"
                    title="Vložit tabulku"
                >
                    ▦
                </button>

                <button
                    type="button"
                    id="livePreviewToggle"
                    title="Živý náhled"
                >
                    Live
                </button>
                <button type="button" id="togglePreviewMain" title="Náhled">
                    Náhled
                </button>
            </div>

            <div class="editor-wrap">
                <textarea
                    id="noteInput"
                    placeholder="Zapiš poznámku..."
                ></textarea>
                <div
                    id="notePreview"
                    class="preview hidden"
                    aria-hidden="true"
                ></div>
            </div>

            <div class="editor-actions">
                <button
                    onclick="saveCurrentNote()"
                    title="Uložit nyní (manuální uložení)"
                    aria-label="Uložit nyní"
                >
                    Uložit nyní
                </button>
                <button onclick="saveNotesToFile(true)">Exportovat JSON</button>
                <button onclick="importujPoznamky()">Importovat JSON</button>
                <button id="newNoteButton">➕ Nová poznámka</button>
                <span
                    id="saveStatus"
                    class="save-status"
                    aria-live="polite"
                ></span>
            </div>

            <div id="notesContainer"></div>
            <div id="notesHint" class="notes-hint">
                Přetáhněte poznámky pro změnu pořadí nebo použijte šipky vedle
                položek.
            </div>
        </div>
        <script src="assets/js/script.js"></script>
    </body>
</html>