Merge branch 'develop' into feat/add-rootless-dockerfiles

apps/client/src/components/note_context.ts

@@ -159,6 +159,9 @@ class NoteContext extends Component implements EventListener<"entitiesReloaded">
     }
 
     saveToRecentNotes(resolvedNotePath: string) {
+        if (options.is("databaseReadonly")) {
+            return;
+        }
         setTimeout(async () => {
             // we include the note in the recent list only if the user stayed on the note at least 5 seconds
             if (resolvedNotePath && resolvedNotePath === this.notePath) {
@@ -254,6 +257,10 @@ class NoteContext extends Component implements EventListener<"entitiesReloaded">
             return false;
         }
 
+        if (options.is("databaseReadonly")) {
+            return true;
+        }
+
         if (this.note.isLabelTruthy("readOnly")) {
             return true;
         }

apps/client/src/components/tab_manager.ts

@@ -44,6 +44,9 @@ export default class TabManager extends Component {
             if (!appContext.isMainWindow) {
                 return;
             }
+            if (options.is("databaseReadonly")) {
+                return;
+            }
 
             const openNoteContexts = this.noteContexts
                 .map((nc) => nc.getPojoState())

apps/client/src/services/clipboard.ts

@@ -4,6 +4,7 @@ import froca from "./froca.js";
 import linkService from "./link.js";
 import utils from "./utils.js";
 import { t } from "./i18n.js";
+import toast from "./toast.js";
 
 let clipboardBranchIds: string[] = [];
 let clipboardMode: string | null = null;
@@ -108,6 +109,39 @@ function isClipboardEmpty() {
     return clipboardBranchIds.length === 0;
 }
 
+export function copyText(text: string) {
+    if (!text) {
+        return;
+    }
+
+    let succeeded = false;
+
+    try {
+        if (navigator.clipboard) {
+            navigator.clipboard.writeText(text);
+            succeeded = true;
+        } else {
+            // Fallback method: https://stackoverflow.com/a/72239825
+            const textArea = document.createElement("textarea");
+            textArea.value = text;
+            document.body.appendChild(textArea);
+            textArea.focus();
+            textArea.select();
+            succeeded = document.execCommand('copy');
+            document.body.removeChild(textArea);
+        }
+    } catch (e) {
+        console.warn(e);
+        succeeded = false;
+    }
+
+    if (succeeded) {
+        toast.showMessage(t("code_block.copy_success"));
+    } else {
+        toast.showError(t("code_block.copy_failed"));
+    }
+}
+
 export default {
     pasteAfter,
     pasteInto,

apps/client/src/services/content_renderer.ts

@@ -9,7 +9,7 @@ import treeService from "./tree.js";
 import FNote from "../entities/fnote.js";
 import FAttachment from "../entities/fattachment.js";
 import imageContextMenuService from "../menus/image_context_menu.js";
-import { applySingleBlockSyntaxHighlight, applySyntaxHighlight } from "./syntax_highlight.js";
+import { applySingleBlockSyntaxHighlight, formatCodeBlocks } from "./syntax_highlight.js";
 import { loadElkIfNeeded, postprocessMermaidSvg } from "./mermaid.js";
 import renderDoc from "./doc_renderer.js";
 import { t } from "../services/i18n.js";
@@ -106,7 +106,7 @@ async function renderText(note: FNote | FAttachment, $renderedContent: JQuery<HT
             await linkService.loadReferenceLinkTitle($(el));
         }
 
-        await applySyntaxHighlight($renderedContent);
+        await formatCodeBlocks($renderedContent);
     } else if (note instanceof FNote) {
         await renderChildrenList($renderedContent, note);
     }

apps/client/src/services/doc_renderer.ts

@@ -1,6 +1,6 @@
 import type FNote from "../entities/fnote.js";
 import { getCurrentLanguage } from "./i18n.js";
-import { applySyntaxHighlight } from "./syntax_highlight.js";
+import { formatCodeBlocks } from "./syntax_highlight.js";
 
 export default function renderDoc(note: FNote) {
     return new Promise<JQuery<HTMLElement>>((resolve) => {
@@ -41,7 +41,7 @@ function processContent(url: string, $content: JQuery<HTMLElement>) {
         $img.attr("src", dir + "/" + $img.attr("src"));
     });
 
-    applySyntaxHighlight($content);
+    formatCodeBlocks($content);
 }
 
 function getUrl(docNameValue: string, language: string) {

apps/client/src/services/syntax_highlight.ts

@@ -1,21 +1,23 @@
-import { ensureMimeTypes, highlight, highlightAuto, loadTheme, Themes } from "@triliumnext/highlightjs";
+import { ensureMimeTypes, highlight, highlightAuto, loadTheme, Themes, type AutoHighlightResult, type HighlightResult, type Theme } from "@triliumnext/highlightjs";
 import mime_types from "./mime_types.js";
 import options from "./options.js";
+import { t } from "./i18n.js";
+import { copyText } from "./clipboard.js";
 
 let highlightingLoaded = false;
 
 /**
  * Identifies all the code blocks (as `pre code`) under the specified hierarchy and uses the highlight.js library to obtain the highlighted text which is then applied on to the code blocks.
+ * Additionally, adds a "Copy to clipboard" button.
  *
  * @param $container the container under which to look for code blocks and to apply syntax highlighting to them.
  */
-export async function applySyntaxHighlight($container: JQuery<HTMLElement>) {
-    if (!isSyntaxHighlightEnabled()) {
-        return;
+export async function formatCodeBlocks($container: JQuery<HTMLElement>) {
+    const syntaxHighlightingEnabled = isSyntaxHighlightEnabled();
+    if (syntaxHighlightingEnabled) {
+        await ensureMimeTypesForHighlighting();
     }
 
-    await ensureMimeTypesForHighlighting();
-
     const codeBlocks = $container.find("pre code");
     for (const codeBlock of codeBlocks) {
         const normalizedMimeType = extractLanguageFromClassList(codeBlock);
@@ -23,10 +25,22 @@ export async function applySyntaxHighlight($container: JQuery<HTMLElement>) {
             continue;
         }
 
-        applySingleBlockSyntaxHighlight($(codeBlock), normalizedMimeType);
+        applyCopyToClipboardButton($(codeBlock));
+
+        if (syntaxHighlightingEnabled) {
+            applySingleBlockSyntaxHighlight($(codeBlock), normalizedMimeType);
+        }
     }
 }
 
+export function applyCopyToClipboardButton($codeBlock: JQuery<HTMLElement>) {
+    const $copyButton = $("<button>")
+        .addClass("bx component icon-action tn-tool-button bx-copy copy-button")
+        .attr("title", t("code_block.copy_title"))
+        .on("click", () => copyText($codeBlock.text()));
+    $codeBlock.parent().append($copyButton);
+}
+
 /**
  * Applies syntax highlight to the given code block (assumed to be <pre><code>), using highlight.js.
  */
@@ -34,7 +48,7 @@ export async function applySingleBlockSyntaxHighlight($codeBlock: JQuery<HTMLEle
     $codeBlock.parent().toggleClass("hljs");
     const text = $codeBlock.text();
 
-    let highlightedText = null;
+    let highlightedText: HighlightResult | AutoHighlightResult | null = null;
     if (normalizedMimeType === mime_types.MIME_TYPE_AUTO) {
         await ensureMimeTypesForHighlighting();
         highlightedText = highlightAuto(text);
@@ -66,7 +80,7 @@ export async function ensureMimeTypesForHighlighting() {
 
 export function loadHighlightingTheme(themeName: string) {
     const themePrefix = "default:";
-    let theme = null;
+    let theme: Theme | null = null;
     if (themeName.includes(themePrefix)) {
         theme = Themes[themeName.substring(themePrefix.length)];
     }

apps/client/src/stylesheets/style.css

@@ -529,6 +529,31 @@ pre:not(.hljs) {
     font-size: 100%;
 }
 
+pre {
+    --copy-button-margin-size: .35em;
+
+    position: relative;
+}
+
+pre > button.copy-button {
+    position: absolute;
+    top: var(--copy-button-margin-size);
+    right: var(--copy-button-margin-size);
+}
+
+:root pre:has(> button.copy-button) > code {
+    margin-right: calc(var(--icon-button-size) + (var(--copy-button-margin-size) * 2));
+}
+
+pre > button.copy-button:hover {
+    color: inherit !important;
+    opacity: 1;
+}
+
+pre > button.copy-button:active {
+    background-color: unset !important;
+}
+
 .pointer {
     cursor: pointer;
 }

apps/client/src/translations/en/translation.json

@@ -1830,7 +1830,10 @@
     "word_wrapping": "Word wrapping",
     "theme_none": "No syntax highlighting",
     "theme_group_light": "Light themes",
-    "theme_group_dark": "Dark themes"
+    "theme_group_dark": "Dark themes",
+    "copy_success": "The code block was copied to clipboard.",
+    "copy_failed": "The code block could not be copied to the clipboard due to lack of permissions.",
+    "copy_title": "Copy to clipboard"
   },
   "classic_editor_toolbar": {
     "title": "Formatting"

apps/client/src/types.d.ts

@@ -93,16 +93,6 @@ declare global {
         getSelectedExternalLink(): string | undefined;
         setSelectedExternalLink(externalLink: string | null | undefined);
         setNote(noteId: string);
-        markRegExp(regex: RegExp, opts: {
-            element: string;
-            className: string;
-            separateWordSearch: boolean;
-            caseSensitive: boolean;
-            done?: () => void;
-        });
-        unmark(opts?: {
-            done: () => void;
-        });
     }
 
     interface JQueryStatic {

apps/client/src/widgets/find.ts

@@ -248,10 +248,10 @@ export default class FindWidget extends NoteContextAwareWidget {
             case "code":
                 return this.codeHandler;
             case "text":
-                return this.textHandler;
-            default:
                 const readOnly = await this.noteContext?.isReadOnly();
                 return readOnly ? this.htmlHandler : this.textHandler;
+            default:
+                console.warn("FindWidget: Unsupported note type for find widget", this.note?.type);
         }
     }
 

apps/client/src/widgets/find_in_html.ts

@@ -1,6 +1,7 @@
 // ck-find-result and ck-find-result_selected are the styles ck-editor
 // uses for highlighting matches, use the same one on CodeMirror
 // for consistency
+import type Mark from "mark.js";
 import utils from "../services/utils.js";
 import type FindWidget from "./find.js";
 import type { FindResult } from "./find.js";
@@ -13,6 +14,7 @@ export default class FindInHtml {
     private parent: FindWidget;
     private currentIndex: number;
     private $results: JQuery<HTMLElement> | null;
+    private mark?: Mark;
 
     constructor(parent: FindWidget) {
         this.parent = parent;
@@ -21,21 +23,24 @@ export default class FindInHtml {
     }
 
     async performFind(searchTerm: string, matchCase: boolean, wholeWord: boolean) {
-        await import("mark.js");
-
         const $content = await this.parent?.noteContext?.getContentElement();
+        if (!$content || !$content.length) {
+            return Promise.resolve({ totalFound: 0, currentFound: 0 });
+        }
+
+        if (!this.mark) {
+            this.mark = new (await import("mark.js")).default($content[0]);
+        }
 
         const wholeWordChar = wholeWord ? "\\b" : "";
         const regExp = new RegExp(wholeWordChar + utils.escapeRegExp(searchTerm) + wholeWordChar, matchCase ? "g" : "gi");
 
         return new Promise<FindResult>((res) => {
-            $content?.unmark({
+            this.mark!.unmark({
                 done: () => {
-                    $content.markRegExp(regExp, {
+                    this.mark!.markRegExp(regExp, {
                         element: "span",
                         className: FIND_RESULT_CSS_CLASSNAME,
-                        separateWordSearch: false,
-                        caseSensitive: matchCase,
                         done: async () => {
                             this.$results = $content.find(`.${FIND_RESULT_CSS_CLASSNAME}`);
                             const scrollingContainer = $content[0].closest('.scrolling-container');
@@ -73,10 +78,7 @@ export default class FindInHtml {
     }
 
     async findBoxClosed(totalFound: number, currentFound: number) {
-        const $content = await this.parent?.noteContext?.getContentElement();
-        if (typeof $content?.unmark === 'function') {
-            $content.unmark();
-        }
+        this.mark?.unmark();
     }
 
     async jumpTo() {

apps/client/src/widgets/floating_buttons/edit_button.ts

@@ -6,6 +6,7 @@ import { t } from "../../services/i18n.js";
 import LoadResults from "../../services/load_results.js";
 import type { AttributeRow } from "../../services/load_results.js";
 import FNote from "../../entities/fnote.js";
+import options from "../../services/options.js";
 
 export default class EditButton extends OnClickButtonWidget {
     isEnabled(): boolean {
@@ -27,6 +28,10 @@ export default class EditButton extends OnClickButtonWidget {
     }
 
     async refreshWithNote(note: FNote): Promise<void> {
+        if (options.is("databaseReadonly")) {
+            this.toggleInt(false);
+            return;
+        }
         if (note.isProtected && !protectedSessionHolder.isProtectedSessionAvailable()) {
             this.toggleInt(false);
         } else {

apps/client/src/widgets/llm_chat/llm_chat_panel.ts

@@ -12,7 +12,7 @@ import { createChatSession, checkSessionExists, setupStreamingResponse, getDirec
 import { extractInChatToolSteps } from "./message_processor.js";
 import { validateEmbeddingProviders } from "./validation.js";
 import type { MessageData, ToolExecutionStep, ChatData } from "./types.js";
-import { applySyntaxHighlight } from "../../services/syntax_highlight.js";
+import { formatCodeBlocks } from "../../services/syntax_highlight.js";
 
 import "../../stylesheets/llm_chat.css";
 
@@ -925,7 +925,7 @@ export default class LlmChatPanel extends BasicWidget {
 
         // Apply syntax highlighting if this is the final update
         if (isDone) {
-            applySyntaxHighlight($(assistantMessageEl as HTMLElement));
+            formatCodeBlocks($(assistantMessageEl as HTMLElement));
 
             // Update message in the data model for storage
             // Find the last assistant message to update, or add a new one if none exists

apps/client/src/widgets/llm_chat/utils.ts

@@ -2,7 +2,7 @@
  * Utility functions for LLM Chat
  */
 import { marked } from "marked";
-import { applySyntaxHighlight } from "../../services/syntax_highlight.js";
+import { formatCodeBlocks } from "../../services/syntax_highlight.js";
 
 /**
  * Format markdown content for display
@@ -62,7 +62,7 @@ export function escapeHtml(text: string): string {
  * Apply syntax highlighting to content
  */
 export function applyHighlighting(element: HTMLElement): void {
-    applySyntaxHighlight($(element));
+    formatCodeBlocks($(element));
 }
 
 /**

apps/client/src/widgets/note_tree.ts

@@ -1172,16 +1172,19 @@ export default class NoteTreeWidget extends NoteContextAwareWidget {
 
             let noneCollapsedYet = true;
 
-            this.tree.getRootNode().visit((node) => {
-                if (node.isExpanded() && !noteIdsToKeepExpanded.has(node.data.noteId)) {
-                    node.setExpanded(false);
+            if (!options.is("databaseReadonly")) {
+                // can't change expanded notes when database is readonly
+                this.tree.getRootNode().visit((node) => {
+                    if (node.isExpanded() && !noteIdsToKeepExpanded.has(node.data.noteId)) {
+                        node.setExpanded(false);
 
-                    if (noneCollapsedYet) {
-                        toastService.showMessage(t("note_tree.auto-collapsing-notes-after-inactivity"));
-                        noneCollapsedYet = false;
+                        if (noneCollapsedYet) {
+                            toastService.showMessage(t("note_tree.auto-collapsing-notes-after-inactivity"));
+                            noneCollapsedYet = false;
+                        }
                     }
-                }
-            }, false);
+                }, false);
+            }
 
             this.filterHoistedBranch(true);
         }, 600 * 1000);

apps/client/src/widgets/type_widgets/canvas.ts

@@ -3,6 +3,7 @@ import utils from "../../services/utils.js";
 import linkService from "../../services/link.js";
 import server from "../../services/server.js";
 import type FNote from "../../entities/fnote.js";
+import options from "../../services/options.js";
 import type { ExcalidrawElement, Theme } from "@excalidraw/excalidraw/element/types";
 import type { AppState, BinaryFileData, ExcalidrawImperativeAPI, ExcalidrawProps, LibraryItem, SceneData } from "@excalidraw/excalidraw/types";
 import type { JSX } from "react";
@@ -447,6 +448,9 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
     }
 
     onChangeHandler() {
+        if (options.is("databaseReadonly")) {
+            return;
+        }
         // changeHandler is called upon any tiny change in excalidraw. button clicked, hover, etc.
         // make sure only when a new element is added, we actually save something.
         const isNewSceneVersion = this.isNewSceneVersion();
@@ -540,7 +544,7 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
                         this.saveData();
                     },
                     onChange: () => this.onChangeHandler(),
-                    viewModeEnabled: false,
+                    viewModeEnabled: options.is("databaseReadonly"),
                     zenModeEnabled: false,
                     gridModeEnabled: false,
                     isCollaborating: false,
@@ -567,6 +571,10 @@ export default class ExcalidrawTypeWidget extends TypeWidget {
      * info: sceneVersions are not incrementing. it seems to be a pseudo-random number
      */
     isNewSceneVersion() {
+        if (options.is("databaseReadonly")) {
+            return false;
+        }
+
         const sceneVersion = this.getSceneVersion();
 
         return (

apps/client/src/widgets/type_widgets/ckeditor/config.ts

@@ -1,17 +1,19 @@
 import { ALLOWED_PROTOCOLS } from "../../../services/link.js";
 import { MIME_TYPE_AUTO } from "@triliumnext/commons";
+import type { EditorConfig } from "@triliumnext/ckeditor5";
 import { getHighlightJsNameForMime } from "../../../services/mime_types.js";
 import options from "../../../services/options.js";
 import { ensureMimeTypesForHighlighting, isSyntaxHighlightEnabled } from "../../../services/syntax_highlight.js";
 import utils from "../../../services/utils.js";
 import emojiDefinitionsUrl from "@triliumnext/ckeditor5/emoji_definitions/en.json?url";
+import { copyText } from "../../../services/clipboard.js";
 
 const TEXT_FORMATTING_GROUP = {
     label: "Text formatting",
     icon: "text"
 };
 
-export function buildConfig() {
+export function buildConfig(): EditorConfig {
     return {
         image: {
             styles: {
@@ -111,6 +113,9 @@ export function buildConfig() {
             defaultMimeType: MIME_TYPE_AUTO,
             enabled: isSyntaxHighlightEnabled
         },
+        clipboard: {
+            copy: copyText
+        },
         // This value must be kept in sync with the language defined in webpack.config.js.
         language: "en"
     };

apps/client/src/widgets/type_widgets/read_only_text.ts

@@ -1,5 +1,5 @@
 import AbstractTextTypeWidget from "./abstract_text_type_widget.js";
-import { applySyntaxHighlight } from "../../services/syntax_highlight.js";
+import { formatCodeBlocks } from "../../services/syntax_highlight.js";
 import type FNote from "../../entities/fnote.js";
 import type { CommandListenerData, EventData } from "../../components/app_context.js";
 import { getLocaleById } from "../../services/i18n.js";
@@ -125,7 +125,7 @@ export default class ReadOnlyTextTypeWidget extends AbstractTextTypeWidget {
         }
 
         await this.#applyInlineMermaid();
-        await applySyntaxHighlight(this.$content);
+        await formatCodeBlocks(this.$content);
     }
 
     async #applyInlineMermaid() {

apps/client/src/widgets/view_widgets/list_or_grid_view.ts

@@ -215,8 +215,6 @@ class ListOrGridView extends ViewMode {
 
         const highlightedTokens = this.parentNote.highlightedTokens || [];
         if (highlightedTokens.length > 0) {
-            await import("mark.js");
-
             const regex = highlightedTokens.map((token) => utils.escapeRegExp(token)).join("|");
 
             this.highlightRegex = new RegExp(regex, "gi");
@@ -320,11 +318,10 @@ class ListOrGridView extends ViewMode {
         $expander.on("click", () => this.toggleContent($card, note, !$card.hasClass("expanded")));
 
         if (this.highlightRegex) {
-            $card.find(".note-book-title").markRegExp(this.highlightRegex, {
+            const Mark = new (await import("mark.js")).default($card.find(".note-book-title")[0]);
+            Mark.markRegExp(this.highlightRegex, {
                 element: "span",
-                className: "ck-find-result",
-                separateWordSearch: false,
-                caseSensitive: false
+                className: "ck-find-result"
             });
         }
 
@@ -362,11 +359,10 @@ class ListOrGridView extends ViewMode {
             });
 
             if (this.highlightRegex) {
-                $renderedContent.markRegExp(this.highlightRegex, {
+                const Mark = new (await import("mark.js")).default($renderedContent[0]);
+                Mark.markRegExp(this.highlightRegex, {
                     element: "span",
-                    className: "ck-find-result",
-                    separateWordSearch: false,
-                    caseSensitive: false
+                    className: "ck-find-result"
                 });
             }
 

apps/client/vite.config.mts

@@ -21,7 +21,7 @@ export default defineConfig(() => ({
     plugins: [
         viteStaticCopy({
             targets: assets.map((asset) => ({
-                src: `src/${asset}/**/*`,
+                src: `src/${asset}/*`,
                 dest: asset
             }))
         }),

apps/desktop/electron-forge/forge.config.cjs

@@ -68,8 +68,8 @@ module.exports = {
         ]
     },
     rebuildConfig: {
-        force: false,
-        onlyModules: []
+        force: true,
+        extraModules: [ "better-sqlite3" ]
     },
     makers: [
         {

apps/desktop/package.json

@@ -66,6 +66,7 @@
           ],
           "minify": true,
           "thirdParty": true,
+          "declaration": false,
           "esbuildOptions": {
             "splitting": false,
             "loader": {

apps/edit-docs/demo/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<frameset cols="25%,75%">
+    <frame name="navigation" src="navigation.html">
+    <frame name="detail" src="root/Journal.dat">
+</frameset>
+</html>

apps/edit-docs/demo/navigation.html

@@ -0,0 +1,646 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="style.css">
+  </head>
+  
+  <body>
+    <ul>
+      <li>root
+        <ul>
+          <li><a href="root/Journal.dat" target="detail">Journal</a>
+          </li>
+          <li><a href="root/Trilium%20Demo.html" target="detail">Trilium Demo</a>
+            <ul>
+              <li><a href="root/Trilium%20Demo/Inbox.html" target="detail">Inbox</a>
+                <ul>
+                  <li><a href="root/Trilium%20Demo/Inbox/Grocery%20list%20for%20today.html"
+                    target="detail">Grocery list for today</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Inbox/Book%20to%20read.html" target="detail">Book to read</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Inbox/The%20Last%20Question.html" target="detail">The Last Question</a>
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Inbox/The%20Last%20Question/The%20Last%20Question%20by%20Issac.pdf"
+                        target="detail">The Last Question by Issac Asimov.pdf</a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+              <li>Formatting examples
+                <ul>
+                  <li><a href="root/Trilium%20Demo/Formatting%20examples/School%20schedule.html"
+                    target="detail">School schedule</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Formatting%20examples/Checkbox%20lists.html"
+                    target="detail">Checkbox lists</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Formatting%20examples/Highlighting.html"
+                    target="detail">Highlighting</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Formatting%20examples/Code%20blocks.html"
+                    target="detail">Code blocks</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Formatting%20examples/Math.html" target="detail">Math</a>
+                  </li>
+                </ul>
+              </li>
+              <li><a href="root/Trilium%20Demo/Journal.html" target="detail">Journal</a>
+                <ul>
+                  <li>2021
+                    <ul>
+                      <li>11 - November
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/11%20-%20November/28%20-%20Tuesday.html"
+                            target="detail">28 - Tuesday</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/11%20-%20November/28%20-%20Tuesday/Phone%20call%20about%20work%20project.html"
+                                target="detail">Phone call about work project</a>
+                              </li>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/11%20-%20November/28%20-%20Tuesday/Christmas%20gift%20ideas.html"
+                                target="detail">Christmas gift ideas</a>
+                              </li>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/11%20-%20November/28%20-%20Tuesday/Trusted%20timestamping.html"
+                                target="detail">Trusted timestamping</a>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>12 - December
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday.html"
+                            target="detail">18 - Monday</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Meeting%20minutes.html"
+                                target="detail">Meeting minutes</a>
+                              </li>
+                              <li>Photos from the trip
+                                <ul>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/01.jpeg"
+                                    target="detail">01.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/02.jpeg"
+                                    target="detail">02.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/03.jpeg"
+                                    target="detail">03.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/04.jpeg"
+                                    target="detail">04.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/05.jpeg"
+                                    target="detail">05.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/06.jpeg"
+                                    target="detail">06.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/07.jpeg"
+                                    target="detail">07.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/08.jpeg"
+                                    target="detail">08.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/09.jpeg"
+                                    target="detail">09.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/10.jpeg"
+                                    target="detail">10.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/11.jpeg"
+                                    target="detail">11.jpeg</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/Photos%20from%20the%20trip/12.jpeg"
+                                    target="detail">12.jpeg</a>
+                                  </li>
+                                </ul>
+                              </li>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/18%20-%20Monday/TODO%20-%20Send%20invites%20for%20christ.html"
+                                target="detail">TODO - Send invites for christmas party</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/19%20-%20Tuesday.html"
+                            target="detail">19 - Tuesday</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/19%20-%20Tuesday/DONE%20-%20Dentist%20appointment.html"
+                                target="detail">DONE - Dentist appointment</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/20%20-%20Wednesday.html"
+                            target="detail">20 - Wednesday</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/21%20-%20Thursday.html"
+                            target="detail">21 - Thursday</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/21%20-%20Thursday/Christmas%20shopping.html"
+                                target="detail">Christmas shopping</a>
+                              </li>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/21%20-%20Thursday/Office%20party.html"
+                                target="detail">Office party</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/22%20-%20Friday.html"
+                            target="detail">22 - Friday</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/22%20-%20Friday/Christmas%20shopping.html"
+                                target="detail">Christmas shopping</a>
+                              </li>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/22%20-%20Friday/The%20Mechanical.html"
+                                target="detail">The Mechanical</a>
+                                <ul>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/22%20-%20Friday/The%20Mechanical/Highlights.html"
+                                    target="detail">Highlights</a>
+                                  </li>
+                                </ul>
+                              </li>
+                            </ul>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/23%20-%20Saturday.html"
+                            target="detail">23 - Saturday</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/24%20-%20Sunday%20-%20Christmas%20Eve!.html"
+                            target="detail">24 - Sunday - Christmas Eve!</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/24%20-%20Sunday%20-%20Christmas%20Eve!/DONE%20-%20Buy%20a%20board%20game%20for%20Al.html"
+                                target="detail">DONE - Buy a board game for Alice</a>
+                              </li>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/24%20-%20Sunday%20-%20Christmas%20Eve!/TODO%20-%20Buy%20milk.html"
+                                target="detail">TODO - Buy milk</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/30%20-%20Thursday.html"
+                            target="detail">30 - Thursday</a>
+                          </li>
+                        </ul>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Journal/2021/Epics.html" target="detail">Epics</a>
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/Epics/Christmas.html" target="detail">Christmas</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/Epics/Christmas/Vacation%20days.html"
+                                target="detail">Vacation days</a>
+                              </li>
+                              <li><a href="root/Trilium%20Demo/Journal/2021/Epics/Christmas/Christmas%20dinner.html"
+                                target="detail">Christmas dinner</a>
+                              </li>
+                              <li>Shopping
+                                <ul>
+                                  <li><a href="root/Trilium%20Demo/Journal/2021/11%20-%20November/28%20-%20Tuesday/Christmas%20gift%20ideas.html"
+                                    target="detail">28. 11. 2017 - Christmas gift ideas</a>
+                                  </li>
+                                </ul>
+                              </li>
+                            </ul>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Journal/2021/Epics/Vacation.html" target="detail">Vacation</a>
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Journal/Day%20template.html" target="detail">Day template</a>
+                  </li>
+                </ul>
+              </li>
+              <li><a href="root/Trilium%20Demo/Tech.html" target="detail">Tech</a>
+                <ul>
+                  <li>Security
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Journal/2021/11%20-%20November/28%20-%20Tuesday/Trusted%20timestamping.html"
+                        target="detail">Trusted timestamping</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li>Linux
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Tech/Linux/History.html" target="detail">History</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Tech/Linux/Bash%20scripting.html" target="detail">Bash scripting</a>
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Tech/Linux/Bash%20scripting/While%20loop.html"
+                            target="detail">While loop</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Tech/Linux/Bash%20scripting/Bash%20startup%20modes.html"
+                            target="detail">Bash startup modes</a>
+                          </li>
+                        </ul>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Tech/Linux/Ubuntu.html" target="detail">Ubuntu</a>
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Tech/Linux/Ubuntu/Unity%20shortcuts.html"
+                            target="detail">Unity shortcuts</a>
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li>Programming
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Tech/Programming/Java.html" target="detail">Java</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Tech/Linux/Bash%20scripting.html" target="detail">Bash scripting</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li>Node.js
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Tech/Node.js/Intro.html" target="detail">Intro</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Tech/Node.js/Overview.html" target="detail">Overview</a>
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Tech/Node.js/Overview/History.html" target="detail">History</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Tech/Node.js/Overview/Platform%20architecture.html"
+                            target="detail">Platform architecture</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Tech/Node.js/Overview/Industry%20support.html"
+                            target="detail">Industry support</a>
+                          </li>
+                        </ul>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Tech/Node.js/Releases.html" target="detail">Releases</a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+              <li>Note Types
+                <ul>
+                  <li><a href="root/Trilium%20Demo/Note%20Types/Canvas.json" target="detail">Canvas</a>
+                  </li>
+                  <li>Mermaid Diagrams
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Flow.txt"
+                        target="detail">Flow</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Flow%20(ELK).txt"
+                        target="detail">Flow (ELK)</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Sequence.txt"
+                        target="detail">Sequence</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Gantt.txt"
+                        target="detail">Gantt</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Class.txt"
+                        target="detail">Class</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/State.txt"
+                        target="detail">State</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Mind%20Map.txt"
+                        target="detail">Mind Map</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Pie.txt"
+                        target="detail">Pie</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Journey.txt"
+                        target="detail">Journey</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Git.txt"
+                        target="detail">Git</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Entity%20Relationship.txt"
+                        target="detail">Entity Relationship</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/Bar%20chart.txt"
+                        target="detail">Bar chart</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Mermaid%20Diagrams/C4.txt" target="detail">C4</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Note%20Types/Mind%20Map.json" target="detail">Mind Map</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Note%20Types/Geo%20Map%20(The%20Seven%20Wonders%20of%20.json"
+                    target="detail">Geo Map (The Seven Wonders of the World)</a>
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Geo%20Map%20(The%20Seven%20Wonders%20of%20the%20World)/The%20Colosseum%2C%20Rome%2C%20Italy.html"
+                        target="detail">The Colosseum, Rome, Italy</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Geo%20Map%20(The%20Seven%20Wonders%20of%20the%20World)/The%20Great%20Wall%20of%20China.html"
+                        target="detail">The Great Wall of China</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Geo%20Map%20(The%20Seven%20Wonders%20of%20the%20World)/The%20Taj%20Mahal%2C%20India.html"
+                        target="detail">The Taj Mahal, India</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Geo%20Map%20(The%20Seven%20Wonders%20of%20the%20World)/Christ%20the%20Redeemer%2C%20Brazil.html"
+                        target="detail">Christ the Redeemer, Brazil</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Geo%20Map%20(The%20Seven%20Wonders%20of%20the%20World)/Machu%20Picchu%2C%20Peru.html"
+                        target="detail">Machu Picchu, Peru</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Geo%20Map%20(The%20Seven%20Wonders%20of%20the%20World)/Chich%C3%A9n%20Itz%C3%A1%2C%20Mexico.html"
+                        target="detail">Chichén Itzá, Mexico</a>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Note%20Types/Geo%20Map%20(The%20Seven%20Wonders%20of%20the%20World)/Petra%2C%20Jordan.html"
+                        target="detail">Petra, Jordan</a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+              <li>Books
+                <ul>
+                  <li><a href="root/Trilium%20Demo/Books/To%20read.html" target="detail">To read</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Books/Book%20template.html" target="detail">Book template</a>
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Books/Book%20template/Highlights.html" target="detail">Highlights</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li>Reviews
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Journal/2021/12%20-%20December/22%20-%20Friday/The%20Mechanical.html"
+                        target="detail">The Mechanical</a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+              <li>Work
+                <ul>
+                  <li><a href="root/Trilium%20Demo/Work/HR.html" target="detail">HR</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Work/Processes.html" target="detail">Processes</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Work/Projects.html" target="detail">Projects</a>
+                  </li>
+                </ul>
+              </li>
+              <li><a href="root/Trilium%20Demo/Steel%20Blue.css" target="detail">Steel Blue</a>
+                <ul>
+                  <li><a href="root/Trilium%20Demo/Steel%20Blue/eb-garamond-v9-latin-reg.woff2"
+                    target="detail">eb-garamond-v9-latin-regular.woff2</a>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Steel%20Blue/raleway-v12-latin-regula.woff2"
+                    target="detail">raleway-v12-latin-regular.woff2</a>
+                  </li>
+                </ul>
+              </li>
+              <li>Scripting examples
+                <ul>
+                  <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager.html"
+                    target="detail">Task manager</a>
+                    <ul>
+                      <li>Locations
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/gym.html"
+                            target="detail">gym</a>
+                          </li>
+                          <li>work
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/work/Send%20invites%20for%20christmas%20par.html"
+                                target="detail">Send invites for christmas party</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li>tesco
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/tesco/Buy%20milk.html"
+                                target="detail">Buy milk</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li>mall
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/mall/Buy%20some%20book%20for%20Bob.html"
+                                target="detail">Buy some book for Bob</a>
+                                <ul>
+                                  <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/mall/Buy%20some%20book%20for%20Bob/Maybe%20Black%20Swan.html"
+                                    target="detail">Maybe Black Swan?</a>
+                                  </li>
+                                </ul>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>Done
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Done/Buy%20a%20board%20game%20for%20Alice.html"
+                            target="detail">Buy a board game for Alice</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Done/Dentist%20appointment.html"
+                            target="detail">Dentist appointment</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Done/Get%20a%20gym%20membership.html"
+                            target="detail">Get a gym membership</a>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>TODO
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/tesco/Buy%20milk.html"
+                            target="detail">Buy milk</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/mall/Buy%20some%20book%20for%20Bob.html"
+                            target="detail">Buy some book for Bob</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/work/Send%20invites%20for%20christmas%20par.html"
+                            target="detail">Send invites for christmas party</a>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>Implementation
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Implementation/attribute%20changed.js"
+                            target="detail">attribute changed</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Implementation/attribute%20changed/reconcileAssignments.js"
+                                target="detail">reconcileAssignments</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Implementation/CSS.css"
+                            target="detail">CSS</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Implementation/task%20template.html"
+                            target="detail">task template</a>
+                          </li>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Implementation/createNewTask.js"
+                            target="detail">createNewTask</a>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>Tags
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Tags/health.html"
+                            target="detail">health</a>
+                          </li>
+                          <li>shopping
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/tesco/Buy%20milk.html"
+                                target="detail">Buy milk</a>
+                              </li>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/mall/Buy%20some%20book%20for%20Bob.html"
+                                target="detail">Buy some book for Bob</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li>groceries
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/tesco/Buy%20milk.html"
+                                target="detail">Buy milk</a>
+                              </li>
+                            </ul>
+                          </li>
+                          <li>christmas
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Locations/mall/Buy%20some%20book%20for%20Bob.html"
+                                target="detail">Buy some book for Bob</a>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                      <li><a href="root/Trilium%20Demo/Scripting%20examples/Task%20manager/Create%20Launcher.js"
+                        target="detail">Create Launcher</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Scripting%20examples/Word%20count%20widget.js"
+                    target="detail">Word count widget</a>
+                  </li>
+                  <li>Weight Tracker
+                    <ul>
+                      <li><a href="root/Trilium%20Demo/Scripting%20examples/Weight%20Tracker/Implementation.html"
+                        target="detail">Implementation</a>
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Weight%20Tracker/Implementation/JS%20code.js"
+                            target="detail">JS code</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Weight%20Tracker/Implementation/JS%20code/chart.js"
+                                target="detail">chart.js</a>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li>Statistics
+                    <ul>
+                      <li>Attribute count
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Attribute%20count/template.html"
+                            target="detail">template</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Attribute%20count/template/js.js"
+                                target="detail">js</a>
+                                <ul>
+                                  <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Attribute%20count/template/js/renderPieChart.js"
+                                    target="detail">renderPieChart</a>
+                                    <ul>
+                                      <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Attribute%20count/template/js/renderPieChart/chartjs-plugin-datalabe.min.js"
+                                        target="detail">chartjs-plugin-datalabels.min.js</a>
+                                        <ul>
+                                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Weight%20Tracker/Implementation/JS%20code/chart.js"
+                                            target="detail">chart.js</a>
+                                          </li>
+                                        </ul>
+                                      </li>
+                                      <li><a href="root/Trilium%20Demo/Scripting%20examples/Weight%20Tracker/Implementation/JS%20code/chart.js"
+                                        target="detail">chart.js</a>
+                                      </li>
+                                    </ul>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Attribute%20count/template/js/renderTable.js"
+                                    target="detail">renderTable</a>
+                                  </li>
+                                </ul>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>Largest notes
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Largest%20notes/template.html"
+                            target="detail">template</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Largest%20notes/template/js.js"
+                                target="detail">js</a>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>Most edited notes
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Most%20edited%20notes/template.html"
+                            target="detail">template</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Most%20edited%20notes/template/js.js"
+                                target="detail">js</a>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>Most linked notes
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Most%20linked%20notes/template.html"
+                            target="detail">template</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Most%20linked%20notes/template/js.js"
+                                target="detail">js</a>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>Note type count
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Note%20type%20count/template.html"
+                            target="detail">template</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Note%20type%20count/template/js.js"
+                                target="detail">js</a>
+                                <ul>
+                                  <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Note%20type%20count/template/js/renderTable.js"
+                                    target="detail">renderTable</a>
+                                  </li>
+                                  <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Attribute%20count/template/js/renderPieChart.js"
+                                    target="detail">renderPieChart</a>
+                                  </li>
+                                </ul>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>Most cloned notes
+                        <ul>
+                          <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Most%20cloned%20notes/template.html"
+                            target="detail">template</a>
+                            <ul>
+                              <li><a href="root/Trilium%20Demo/Scripting%20examples/Statistics/Most%20cloned%20notes/template/js.js"
+                                target="detail">js</a>
+                              </li>
+                            </ul>
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a href="root/Trilium%20Demo/Scripting%20examples/Custom%20request%20handler.js"
+                    target="detail">Custom request handler</a>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </li>
+    </ul>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo.html

@@ -0,0 +1,74 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Trilium Demo</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Trilium Demo</h1>
+
+      <div class="ck-content">
+        <figure class="image image-style-align-right image_resized" style="width:29.84%;">
+          <img style="aspect-ratio:150/150;" src="Trilium Demo_icon-color.svg" width="150"
+          height="150">
+        </figure>
+        <p><strong>Welcome to TriliumNext Notes!</strong>
+        </p>
+        <p>This is initial "demo" document provided by TriliumNext by default to
+          showcase some of its features and also give you some ideas how you might
+          structure your notes. You can play with it, modify note content and tree
+          structure as you wish.</p>
+        <p>If you need any help, visit TriliumNext website: <a href="https://github.com/TriliumNext">https://github.com/TriliumNext</a>
+        </p>
+         <h3>Cleanup</h3>
+        <p>Once you're finished with experimenting and want to cleanup these pages,
+          you can simply delete them all.</p>
+         <h3>Formatting</h3>
+        <p>TriliumNext supports classic formatting like <em>italic</em>, <strong>bold</strong>, <em><strong>bold and italic</strong></em>.
+          Of course you can add links like this one pointing to <a href="http://www.google.com">google.com</a>
+        </p>
+        <p>Lists</p>
+        <p><strong>Ordered:</strong>
+        </p>
+        <ol>
+          <li>First Item</li>
+          <li>Second item
+            <ol>
+              <li>First sub-item
+                <ol>
+                  <li>sub-sub-item</li>
+                </ol>
+              </li>
+            </ol>
+          </li>
+        </ol>
+        <p><strong>Unordered:</strong>
+        </p>
+        <ul>
+          <li>Item</li>
+          <li>Another item
+            <ul>
+              <li>Sub-item</li>
+            </ul>
+          </li>
+        </ul>
+        <p>Block quotes</p>
+        <blockquote>
+          <p>Whereof one cannot speak, thereof one must be silent”</p>
+          <p>– Ludwig Wittgenstein</p>
+        </blockquote>
+        <p>Checkout also other examples like <a href="Trilium%20Demo/Formatting%20examples/School%20schedule.html">tables</a>,
+          <a
+          href="Trilium%20Demo/Formatting%20examples/Checkbox%20lists.html">checkbox lists,</a> <a href="Trilium%20Demo/Formatting%20examples/Highlighting.html">highlighting</a>,
+            <a
+            href="Trilium%20Demo/Formatting%20examples/Code%20blocks.html">code blocks</a>and&nbsp;<a href="Trilium%20Demo/Formatting%20examples/Math.html">math examples</a>.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Books/Book template.html

@@ -0,0 +1,35 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Book template</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Book template</h1>
+
+      <div class="ck-content">
+        <h2>Main characters</h2>
+        <p>… here put main characters …</p>
+        <p>&nbsp;</p>
+         <h2>Plot</h2>
+        <p>… describe main plot lines …</p>
+        <p>&nbsp;</p>
+         <h2>Tone</h2>
+        <p>&nbsp;</p>
+         <h2>Genre</h2>
+        <p>scifi / drama / romance</p>
+        <p>&nbsp;</p>
+         <h2>Similar books</h2>
+        <ul>
+          <li>…</li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Books/Book template/Highlights.html

@@ -0,0 +1,24 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Highlights</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Highlights</h1>
+
+      <div class="ck-content">
+        <blockquote>
+          <p>highlght 1</p>
+        </blockquote>
+        <p>my comment</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Books/Reviews/The Mechanical.clone.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>The Mechanical</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>The Mechanical</h1>
+
+      <div class="ck-content">
+        <p>This is a clone of a note. Go to its <a href="../../Journal/2021/12%20-%20December/22%20-%20Friday/The%20Mechanical.html">primary location</a>.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Books/To read.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>To read</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>To read</h1>
+
+      <div class="ck-content">
+        <p>Checkout Kindle daily deals: <a href="https://www.amazon.com/gp/feature.html?docId=1000677541">https://www.amazon.com/gp/feature.html?docId=1000677541</a>
+        </p>
+        <ul>
+          <li>Cixin Liu - <a href="https://www.amazon.com/Dark-Forest-Remembrance-Earths-Past/dp/0765386690/ref=pd_bxgy_14_img_2?_encoding=UTF8&amp;pd_rd_i=0765386690&amp;pd_rd_r=AB0J179TM9NTEAMHE240&amp;pd_rd_w=FAhxX&amp;pd_rd_wg=pLGK7&amp;psc=1&amp;refRID=AB0J179TM9NTEAMHE240">The Dark Forest</a>
+          </li>
+          <li>Ann Leckie - <a href="https://www.amazon.com/Ancillary-Sword-Imperial-Radch-Leckie/dp/0316246654/ref=pd_sim_14_1?_encoding=UTF8&amp;pd_rd_i=0316246654&amp;pd_rd_r=D7KDTGZFP7YM1YSYVY4G&amp;pd_rd_w=jkn28&amp;pd_rd_wg=JVhtw&amp;psc=1&amp;refRID=D7KDTGZFP7YM1YSYVY4G">Ancillary Sword</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Formatting examples/Checkbox lists.html

@@ -0,0 +1,43 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Checkbox lists</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Checkbox lists</h1>
+
+      <div class="ck-content">
+        <p>Create easy TODO-lists with checkboxes:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">buy milk&nbsp;&nbsp;</span>
+            </label>
+          </li>
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" checked="checked" disabled="disabled"><span class="todo-list__label__description">do the laundry&nbsp;&nbsp;</span>
+            </label>
+          </li>
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" checked="checked" disabled="disabled"><span class="todo-list__label__description">watch TV&nbsp;&nbsp;</span>
+            </label>
+          </li>
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">eat ice cream&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Formatting examples/Code blocks.html

@@ -0,0 +1,34 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Code blocks</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Code blocks</h1>
+
+      <div class="ck-content">
+        <p>Code blocks are useful to add short snippets of code blocks inside text
+          notes. Depending on your preference, it's possible to enable or disable
+          word wrapping for these code blocks.</p>
+        <p>We added syntax highlighting to code blocks as well. When a code block
+          is first created it will try to automatically determine the programming
+          language, should that fail it is possible to manually adjust it. The color
+          scheme for the syntax highlighting is adjustable in settings.&nbsp;</p><pre><code class="language-application-javascript-env-frontend">function helloWorld() {
+
+	alert("Hello world");
+
+}</code></pre>
+        <p>For larger pieces of code it is better to use a code note, which uses
+          a fully-fledged code editor (CodeMirror). For an example of a code note,
+          see&nbsp;<a class="reference-link" href="../Scripting%20examples/Custom%20request%20handler.js">Custom request handler</a>.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Formatting examples/Highlighting.html

@@ -0,0 +1,35 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Highlighting</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Highlighting</h1>
+
+      <div class="ck-content">
+        <p><span class="text-big">Space Shuttle Discovery</span> (Orbiter Vehicle
+          Designation: <code>OV-103</code>) is one of the orbiters from NASA's Space
+          Shuttle program and the third of five fully operational orbiters to be
+          built. Its first mission, STS-41-D, flew from August 30 to September 5,
+          1984. Over 27 years of service it launched and landed <span style="background-color:hsl(60,75%,60%);">39 times</span>,
+          gathering more spaceflights than any other spacecraft to date. The shuttle
+          has three main components: the Space Shuttle orbiter, a central fuel tank,
+          and two rocket boosters. Nearly <span style="background-color:hsl(120,75%,60%);">25,000 heat resistant tiles</span> cover
+          the orbiter to protect it from high temperatures on re-entry.</p>
+        <p>Discovery became the third operational orbiter to enter service, preceded
+          by Columbia and Challenger. <span style="color:hsl(270,75%,60%);">It embarked on its last mission, STS-133, on February 24, 2011</span> and
+          touched down for the final time at Kennedy Space Center on March 9, having
+          spent a cumulative total of almost a full year in space. Discovery performed
+          both research and International Space Station (ISS) assembly missions,
+          and also carried the Hubble Space Telescope into orbit.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Formatting examples/Math.html

@@ -0,0 +1,25 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Math</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Math</h1>
+
+      <div class="ck-content">
+        <p><span class="math-tex">\(% \f is defined as #1f(#2) using the macro \f\relax{x} = \int_{-\infty}^\infty &nbsp; &nbsp; \f\hat\xi\,e^{2 \pi i \xi x} &nbsp; &nbsp; \,d\xi\)</span>Some
+          math examples:</p><span class="math-tex">\[\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }\]</span>
+        <p>Another:</p><span class="math-tex">\[\displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)\]</span>
+        <p>Inline math is also possible:&nbsp;<span class="math-tex">\(c^2 = a^2 + b^2\)</span>&nbsp;</p>
+        <p>&nbsp;</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Formatting examples/School schedule.html

@@ -0,0 +1,69 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>School schedule</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>School schedule</h1>
+
+      <div class="ck-content">
+        <figure class="table">
+          <table>
+            <thead>
+              <tr>
+                <th>&nbsp;</th>
+                <th>Monday</th>
+                <th>Tuesday</th>
+                <th>Wednesday</th>
+                <th>Thursday</th>
+                <th>Friday</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <th>9:00-10:30</th>
+                <td>P.E.</td>
+                <td>&nbsp;</td>
+                <td>Math</td>
+                <td>Computer Science</td>
+                <td>&nbsp;</td>
+              </tr>
+              <tr>
+                <th>11:00-12:30</th>
+                <td>History</td>
+                <td>English</td>
+                <td>&nbsp;</td>
+                <td>Physics</td>
+                <td>Math</td>
+              </tr>
+              <tr>
+                <th>13:00-14:30</th>
+                <td>&nbsp;</td>
+                <td>Computer Science</td>
+                <td>Chemistry</td>
+                <td>Physics Lab</td>
+                <td>Geography</td>
+              </tr>
+              <tr>
+                <th>15:00-16:30</th>
+                <td>Computer Science</td>
+                <td>&nbsp;</td>
+                <td>Latin</td>
+                <td>&nbsp;</td>
+                <td>&nbsp;</td>
+              </tr>
+            </tbody>
+          </table>
+          <figcaption>School schedule</figcaption>
+        </figure>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Inbox.html

@@ -0,0 +1,25 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Inbox</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Inbox</h1>
+
+      <div class="ck-content">
+        <div>
+          <div>
+            <p>This is a place I use to put notes waiting for better categorization</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Inbox/Book to read.html

@@ -0,0 +1,22 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Book to read</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Book to read</h1>
+
+      <div class="ck-content">
+        <p>How to be a stoic from Massimo Pigliuci:</p>
+        <p><a href="https://www.amazon.com/gp/product/B01K3WN1BY?pf_rd_m=A2R2RITDJNW1Q6&amp;storeType=ebooks&amp;pageType=STOREFRONT&amp;pf_rd_p=8e2a96d9-c848-435b-92bd-0856850ad544&amp;pf_rd_r=4J6CT15BS4X8062XNGDF&amp;pf_rd_s=merchandised-search-5&amp;pf_rd_t=40901&amp;ref_=dbs_f_ebk_rwt_scns_mwl_ms5_kmw_8e2a96d9-c848-435b-92bd-0856850ad544_2&amp;pf_rd_i=154606011">https://www.amazon.com/gp/product/B01K3WN1BY?pf_rd_m=A2R2RITDJNW1Q6&amp;storeType=ebooks&amp;pageType=STOREFRONT&amp;pf_rd_p=8e2a96d9-c848-435b-92bd-0856850ad544&amp;pf_rd_r=4J6CT15BS4X8062XNGDF&amp;pf_rd_s=merchandised-search-5&amp;pf_rd_t=40901&amp;ref_=dbs_f_ebk_rwt_scns_mwl_ms5_kmw_8e2a96d9-c848-435b-92bd-0856850ad544_2&amp;pf_rd_i=154606011</a>&nbsp;</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Inbox/Grocery list for today.html

@@ -0,0 +1,25 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Grocery list for today</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Grocery list for today</h1>
+
+      <div class="ck-content">
+        <ul>
+          <li>cucumber</li>
+          <li>cheese</li>
+          <li>beer</li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Inbox/The Last Question.html

@@ -0,0 +1,32 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>The Last Question</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>The Last Question</h1>
+
+      <div class="ck-content">
+        <p>"<strong>The Last Question</strong>" is a <a href="https://en.wikipedia.org/wiki/Science_fiction">science fiction</a> 
+          <a
+          href="https://en.wikipedia.org/wiki/Short_story">short story</a>by American writer <a href="https://en.wikipedia.org/wiki/Isaac_Asimov">Isaac Asimov</a>.
+            It first appeared in the November 1956 issue of <a href="https://en.wikipedia.org/wiki/Science_Fiction_Quarterly"><em>Science Fiction Quarterly</em></a>.</p>
+        <section
+        class="include-note" data-note-id="VsFbpoySMCE3" data-box-size="medium">&nbsp;</section>
+          <p>This page demonstrates two things:</p>
+          <ul>
+            <li>possibility to <a href="#root/_hidden/_help/_help_KSZ04uQ2D1St/_help_iPIMuisry3hd/_help_nBAXQFj20hS1">include one note into another</a>
+            </li>
+            <li>PDF preview - you can read PDFs directly in Trilium!</li>
+          </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal.html

@@ -0,0 +1,22 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Journal</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Journal</h1>
+
+      <div class="ck-content">
+        <p>You can read some explanation on how this journal works here: <a href="https://github.com/zadam/trilium/wiki/Day-notes">https://github.com/zadam/trilium/wiki/Day-notes</a>
+        </p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/11 - November/28 - Tuesday.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>28 - Tuesday</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>28 - Tuesday</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/11 - November/28 - Tuesday/Christmas gift ideas.html

@@ -0,0 +1,27 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Christmas gift ideas</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Christmas gift ideas</h1>
+
+      <div class="ck-content">
+        <ul>
+          <li>XBox</li>
+          <li>Candles</li>
+          <li><a href="https://www.amazon.ca/Anker-SoundCore-Portable-Bluetooth-Resistance/dp/B01MTB55WH?pd_rd_wg=honW8&amp;pd_rd_r=c9bb7c0f-0051-4da7-991f-4ca711a1b3e3&amp;pd_rd_w=ciUpR&amp;ref_=pd_gw_simh&amp;pf_rd_r=K10XKX0NGPDNTYYP4BS4&amp;pf_rd_p=5f1b460b-78c1-580e-929e-2878fe4859e8">Portable speakers</a>
+          </li>
+          <li>...?</li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/11 - November/28 - Tuesday/Phone call about work project.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Phone call about work project</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Phone call about work project</h1>
+
+      <div class="ck-content">
+        <p>Bla bla bla ...</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/11 - November/28 - Tuesday/Trusted timestamping.html

@@ -0,0 +1,31 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Trusted timestamping</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Trusted timestamping</h1>
+
+      <div class="ck-content">
+        <p>Wiki: <a href="https://en.wikipedia.org/wiki/Trusted_timestamping">https://en.wikipedia.org/wiki/Trusted_timestamping</a>
+        </p>
+        <p>Bozho: <a href="https://techblog.bozho.net/using-trusted-timestamping-java/">https://techblog.bozho.net/using-trusted-timestamping-java/</a>
+        </p>
+        <p><strong>Trusted timestamping</strong> is the process of <a href="https://en.wikipedia.org/wiki/Computer_security">securely</a> keeping
+          track of the creation and modification time of a document. Security here
+          means that no one—not even the owner of the document—should be able to
+          change it once it has been recorded provided that the timestamper's integrity
+          is never compromised.</p>
+        <p>The administrative aspect involves setting up a publicly available, trusted
+          timestamp management infrastructure to collect, process and renew timestamps.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/18 - Monday.html

@@ -0,0 +1,26 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>18 - Monday</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>18 - Monday</h1>
+
+      <div class="ck-content">
+        <p>Miscellaneous notes done on monday ...</p>
+        <p>&nbsp;</p>
+        <p>Interesting video: <a href="https://www.youtube.com/watch?v=_eSAF_qT_FY&amp;feature=youtu.be">https://www.youtube.com/watch?v=_eSAF_qT_FY&amp;feature=youtu.be</a>
+        </p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/18 - Monday/Meeting minutes.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Meeting minutes</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Meeting minutes</h1>
+
+      <div class="ck-content">
+        <p>bla bla bla...</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/18 - Monday/TODO - Send invites for christ.html

@@ -0,0 +1,19 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Send invites for christmas party</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Send invites for christmas party</h1>
+
+      <div class="ck-content"></div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/19 - Tuesday.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>19 - Tuesday</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>19 - Tuesday</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/19 - Tuesday/DONE - Dentist appointment.html

@@ -0,0 +1,19 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Dentist appointment</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Dentist appointment</h1>
+
+      <div class="ck-content"></div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/20 - Wednesday.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>20 - Wednesday</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>20 - Wednesday</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/21 - Thursday.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>21 - Thursday</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>21 - Thursday</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/21 - Thursday/Christmas shopping.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Christmas shopping</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Christmas shopping</h1>
+
+      <div class="ck-content">
+        <p>Bought a book!</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/21 - Thursday/Office party.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Office party</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Office party</h1>
+
+      <div class="ck-content">
+        <p>That was fun!</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/22 - Friday.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>22 - Friday</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>22 - Friday</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/22 - Friday/Christmas shopping.html

@@ -0,0 +1,19 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Christmas shopping</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Christmas shopping</h1>
+
+      <div class="ck-content"></div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/22 - Friday/The Mechanical.html

@@ -0,0 +1,29 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>The Mechanical</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>The Mechanical</h1>
+
+      <div class="ck-content">
+        <p>I enjoyed this book a lot. It's slow moving at times with the author taking
+          his time with conversations and descriptions of them. The premise is very
+          interesting, but I'm sad that it wasn't elaborated more deeply - e.g. the
+          history and development of the clakker technology with Huygens and how
+          Spinoza comes into the picture. Maybe the author saves it for the next
+          two parts of the book.</p>
+        <p>Language can be intimidating at first for non-native english speakers
+          - author uses wide range of vocabulary. Fortunately it gets better after
+          a while as reader adjusts.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/22 - Friday/The Mechanical/Highlights.html

@@ -0,0 +1,44 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Highlights</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Highlights</h1>
+
+      <div class="ck-content">
+        <blockquote>
+          <p>Like a raindrop rolling down dry valleys to the sea, his body sensed the
+            contours of agony and helplessly followed their gradient. Impelled by alchemical
+            compulsion rather than gravity, Jax became an unstoppable boulder careering
+            along gullies of human whim.</p>
+        </blockquote>
+        <blockquote>
+          <p>Free Will was a vacuum, a negative space. It was the absence of coercion,
+            the absence of compulsion, the absence of agony.</p>
+        </blockquote>
+        <blockquote>
+          <p>Overwhelming: he could do anything he wanted. But the grand sum of anything-at-all
+            was nothing-at-all. The topology of freedom offered no gradients to nudge
+            him, no landmarks to guide him. How did humans guide themselves? How did
+            they know what to do and what not to do? How did they know when to do anything
+            without the benefit of geasa and metageasa to prioritize every single action
+            of their waking lives? How did they order their daily existence without
+            somebody to tell them what to do?</p>
+        </blockquote>
+        <blockquote>
+          <p>Life as a slave was unspeakable; life as a slave who had briefly tasted
+            freedom was unthinkable. Clakkers carried complex geasa by dint of alchemy;
+            humans carried heavy obligations, too, but called them culture. Society.</p>
+        </blockquote>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/23 - Saturday.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>23 - Saturday</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>23 - Saturday</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/24 - Sunday - Christmas Eve!.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>24 - Sunday - Christmas Eve!</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>24 - Sunday - Christmas Eve!</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/24 - Sunday - Christmas Eve!/DONE - Buy a board game for Al.html

@@ -0,0 +1,26 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Buy a board game for Alice</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Buy a board game for Alice</h1>
+
+      <div class="ck-content">
+        <figure class="image image-style-side">
+          <img style="aspect-ratio:209/300;" src="DONE - Buy a board game fo.jpg"
+          width="209" height="300">
+        </figure>
+        <p>Maybe CodeNames? <a href="https://boardgamegeek.com/boardgame/178900/codenames">https://boardgamegeek.com/boardgame/178900/codenames</a>
+        </p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/24 - Sunday - Christmas Eve!/TODO - Buy milk.html

@@ -0,0 +1,19 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Buy milk</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Buy milk</h1>
+
+      <div class="ck-content"></div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/12 - December/30 - Thursday.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>30 - Thursday</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>30 - Thursday</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/Epics.html

@@ -0,0 +1,23 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Epics</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Epics</h1>
+
+      <div class="ck-content">
+        <p>Epic is kind of medium-term events or projects spread over days or months.</p>
+        <p>Remember that Trilium is all free form so you can organise your stuff
+          in whatever way you'd like.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/Epics/Christmas.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Christmas</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Christmas</h1>
+
+      <div class="ck-content">
+        <p>This christmas is going to be awesome!</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/Epics/Christmas/Christmas dinner.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Christmas dinner</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Christmas dinner</h1>
+
+      <div class="ck-content">
+        <p>Carp of course!</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/Epics/Christmas/Shopping/28. 11. 2017 - Christmas gift ideas.clone.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Christmas gift ideas</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Christmas gift ideas</h1>
+
+      <div class="ck-content">
+        <p>This is a clone of a note. Go to its <a href="../../../11%20-%20November/28%20-%20Tuesday/Christmas%20gift%20ideas.html">primary location</a>.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/Epics/Christmas/Vacation days.html

@@ -0,0 +1,22 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Vacation days</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Vacation days</h1>
+
+      <div class="ck-content">
+        <p>25. 12., 26. 12., 1. 1. - statutory holidays</p>
+        <p>27. 12. - 29. 12., 2. 1. - vacation days</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/2021/Epics/Vacation.html

@@ -0,0 +1,21 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Vacation</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Vacation</h1>
+
+      <div class="ck-content">
+        <p>Planning stuff etc.</p>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Journal/Day template.html

@@ -0,0 +1,28 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Day template</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Day template</h1>
+
+      <div class="ck-content">
+        <p>TODO:</p>
+        <ul class="todo-list">
+          <li>
+            <label class="todo-list__label">
+              <input type="checkbox" disabled="disabled"><span class="todo-list__label__description">&nbsp;&nbsp;</span>
+            </label>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Note Types/Geo Map (The Seven Wonders of .json

@@ -0,0 +1 @@
+{"view":{"center":{"lat":5.840169838914697,"lng":14.578571156950112},"zoom":3}}

apps/edit-docs/demo/root/Trilium Demo/Note Types/Geo Map (The Seven Wonders of the World)/Chichén Itzá, Mexico.html

@@ -0,0 +1,43 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Chichén Itzá, Mexico</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Chichén Itzá, Mexico</h1>
+
+      <div class="ck-content">
+        <p style="margin-left:0px;">Deep in the Mexican state of Yucatán lies <a href="https://www.thecollector.com/enigmatic-archaeology-chichen-itza-world-wonder/"><u>Chichen Itza</u></a>,
+          a historic <a href="https://www.thecollector.com/mayan-inventions/"><u>Mayan</u></a> city
+          built between the 9th and 12th centuries. Constructed by the pre-Columbian
+          Mayan tribe <a href="https://www.thecollector.com/who-were-the-founders-of-chichen-itza/"><u>Itzá</u></a>,
+          the city includes a series of monuments and temples. The most celebrated
+          is <a href="https://www.thecollector.com/what-is-el-castillo-and-why-is-it-so-famous/"><u>El Castillo</u></a>,
+          also known as the Temple of Kukulcan. It is a huge step pyramid in the
+          center of the city which was built as a devotional temple to the god Kukulkan.
+          <span
+          class="footnote-reference" data-footnote-reference="" data-footnote-index="1"
+          data-footnote-id="6qz4pm021mi" role="doc-noteref" id="fnref6qz4pm021mi"><sup><a href="#fn6qz4pm021mi">[1]</a></sup>
+            </span>
+        </p>
+        <ol class="footnote-section footnotes" data-footnote-section="" role="doc-endnotes">
+          <li class="footnote-item" data-footnote-item="" data-footnote-index="1"
+          data-footnote-id="6qz4pm021mi" role="doc-endnote" id="fn6qz4pm021mi"><span class="footnote-back-link" data-footnote-back-link="" data-footnote-id="6qz4pm021mi"><sup><strong><a href="#fnref6qz4pm021mi">^</a></strong></sup></span>
+            <div
+            class="footnote-content" data-footnote-content="">
+              <p><a href="https://www.thecollector.com/what-are-the-seven-wonders-of-the-world/">What Are the 7 Wonders of the World? (with HD Images) | TheCollector</a>
+              </p>
+      </div>
+      </li>
+      </ol>
+    </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Note Types/Geo Map (The Seven Wonders of the World)/Christ the Redeemer, Brazil.html

@@ -0,0 +1,44 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Christ the Redeemer, Brazil</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Christ the Redeemer, Brazil</h1>
+
+      <div class="ck-content">
+        <p style="margin-left:0px;">The totemic statue of <a href="https://www.thecollector.com/why-was-the-statue-of-christ-the-redeemer-built/"><u>Christ the Redeemer</u></a> stands
+          over Rio de Janeiro on the top of <a href="https://www.thecollector.com/where-is-the-statue-of-christ-the-redeemer/"><u>Mount Corcovado</u></a>.
+          At 30 meters tall, this monument is an iconic emblem of Brazil. This huge
+          public artwork was <a href="https://www.thecollector.com/who-made-the-statue-of-christ-the-redeemer/"><u>designed by the Polish-French sculptor Paul Landowski in the 1920s</u></a> and
+          completed by Brazilian engineer Heitor da Silva Costa and French engineer
+          Albert Caquot in 1931. <a href="https://www.thecollector.com/how-was-christ-the-redeemer-built/"><u>Made from</u></a> reinforced
+          concrete clad in over six million soapstone tiles, the Christ the Redeemer
+          statue is the largest <a href="https://www.thecollector.com/what-were-the-main-influences-on-art-deco/"><u>Art Deco</u></a> sculpture
+          in the world. Built just after the end of the First World War, the sculpture
+          was an overpowering symbol of Christianity and hope when the world had
+          been brought to its knees.<span class="footnote-reference" data-footnote-reference=""
+          data-footnote-index="1" data-footnote-id="o6g991vkrwj" role="doc-noteref"
+          id="fnrefo6g991vkrwj"><sup><a href="#fno6g991vkrwj">[1]</a></sup></span>
+        </p>
+        <ol class="footnote-section footnotes" data-footnote-section="" role="doc-endnotes">
+          <li class="footnote-item" data-footnote-item="" data-footnote-index="1"
+          data-footnote-id="o6g991vkrwj" role="doc-endnote" id="fno6g991vkrwj"><span class="footnote-back-link" data-footnote-back-link="" data-footnote-id="o6g991vkrwj"><sup><strong><a href="#fnrefo6g991vkrwj">^</a></strong></sup></span>
+            <div
+            class="footnote-content" data-footnote-content="">
+              <p><a href="https://www.thecollector.com/what-are-the-seven-wonders-of-the-world/">What Are the 7 Wonders of the World? (with HD Images) | TheCollector</a>
+              </p>
+      </div>
+      </li>
+      </ol>
+    </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Note Types/Geo Map (The Seven Wonders of the World)/Machu Picchu, Peru.html

@@ -0,0 +1,40 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Machu Picchu, Peru</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Machu Picchu, Peru</h1>
+
+      <div class="ck-content">
+        <p style="margin-left:0px;"><a href="https://www.thecollector.com/why-is-machu-picchu-a-world-wonder/"><u>Machu Picchu</u></a> is
+          a lost treasure of the 15th century and a rare citadel discovered high
+          in the Andes mountains above the Peruvian Sacred Valley. Astonishingly,
+          it is one of the only pre-Columbian ruins found nearly intact, featuring
+          evidence of former plazas, temples, agricultural terraces, and homes. Archaeologists
+          believe the citadel was built as an estate for the <a href="https://www.southamerica.travel/peru/news/pachacuti-incan-empire"><u>Inca emperor Pachacuti</u></a> in
+          around 1450 in polished drystone walls.<span class="footnote-reference"
+          data-footnote-reference="" data-footnote-index="1" data-footnote-id="4prjheuho88"
+          role="doc-noteref" id="fnref4prjheuho88"><sup><a href="#fn4prjheuho88">[1]</a></sup></span>
+        </p>
+        <ol class="footnote-section footnotes" data-footnote-section="" role="doc-endnotes">
+          <li class="footnote-item" data-footnote-item="" data-footnote-index="1"
+          data-footnote-id="4prjheuho88" role="doc-endnote" id="fn4prjheuho88"><span class="footnote-back-link" data-footnote-back-link="" data-footnote-id="4prjheuho88"><sup><strong><a href="#fnref4prjheuho88">^</a></strong></sup></span>
+            <div
+            class="footnote-content" data-footnote-content="">
+              <p><a href="https://www.thecollector.com/what-are-the-seven-wonders-of-the-world/">What Are the 7 Wonders of the World? (with HD Images) | TheCollector</a>
+              </p>
+      </div>
+      </li>
+      </ol>
+    </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Note Types/Geo Map (The Seven Wonders of the World)/Petra, Jordan.html

@@ -0,0 +1,41 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>Petra, Jordan</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>Petra, Jordan</h1>
+
+      <div class="ck-content">
+        <p style="margin-left:0px;"><a href="https://www.thecollector.com/what-is-so-special-about-petra-jordan-world-heritage-site/"><u>Petra</u></a>,
+          the ancient city in southern Jordan, is also known as the “rose city” for
+          its golden hue. It dates as far back as 312 BCE. Set in a remote valley,
+          this city was founded by the Arab Nabataeans, a sophisticated civilization
+          that carved stunning architecture and complex waterways out of surrounding
+          rock faces. The Nabateans also established Petra as a successful trade
+          hub, earning vast wealth and a booming population before being wiped out
+          by earthquakes.<span class="footnote-reference" data-footnote-reference=""
+          data-footnote-index="1" data-footnote-id="ej5sd0bakne" role="doc-noteref"
+          id="fnrefej5sd0bakne"><sup><a href="#fnej5sd0bakne">[1]</a></sup></span>
+        </p>
+        <ol class="footnote-section footnotes" data-footnote-section="" role="doc-endnotes">
+          <li class="footnote-item" data-footnote-item="" data-footnote-index="1"
+          data-footnote-id="ej5sd0bakne" role="doc-endnote" id="fnej5sd0bakne"><span class="footnote-back-link" data-footnote-back-link="" data-footnote-id="ej5sd0bakne"><sup><strong><a href="#fnrefej5sd0bakne">^</a></strong></sup></span>
+            <div
+            class="footnote-content" data-footnote-content="">
+              <p><a href="https://www.thecollector.com/what-are-the-seven-wonders-of-the-world/">What Are the 7 Wonders of the World? (with HD Images) | TheCollector</a>
+              </p>
+      </div>
+      </li>
+      </ol>
+    </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Note Types/Geo Map (The Seven Wonders of the World)/The Colosseum, Rome, Italy.html

@@ -0,0 +1,45 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>The Colosseum, Rome, Italy</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>The Colosseum, Rome, Italy</h1>
+
+      <div class="ck-content">
+        <p style="margin-left:0px;">The <a href="https://www.thecollector.com/why-is-the-roman-colosseum-a-world-wonder/"><u>Colosseum</u></a> is
+          the great oval <a href="https://www.thecollector.com/roman-theatre-amphitheatre-in-ancient-rome/"><u>amphitheater</u></a> in
+          the center of Rome where <a href="https://www.thecollector.com/colosseum-day-events/"><u>gladiators once fought for their lives</u></a> and
+          the pleasure of the crowd. The largest amphitheater ever built, it was
+          constructed from sand and stone over eight years, from 72 to 80 CE. The
+          colossal structure could hold 80,000 spectators, arranged in a circular
+          ring around the central stage. Dramatic and sometimes horrifying events
+          took place here, not just gladiatorial games but also Classical plays,
+          animal hunts, and executions. Some say water was even pumped into the arena
+          to enact mock sea battles known as <a href="https://www.thecollector.com/naumachia-gladiatorial-naval-battles-ancient-rome/"><u>naumachia</u></a>.
+          <span
+          class="footnote-reference" data-footnote-reference="" data-footnote-index="1"
+          data-footnote-id="4kitkusvyi3" role="doc-noteref" id="fnref4kitkusvyi3"><sup><a href="#fn4kitkusvyi3">[1]</a></sup>
+            </span>
+        </p>
+        <ol class="footnote-section footnotes" data-footnote-section="" role="doc-endnotes">
+          <li class="footnote-item" data-footnote-item="" data-footnote-index="1"
+          data-footnote-id="4kitkusvyi3" role="doc-endnote" id="fn4kitkusvyi3"><span class="footnote-back-link" data-footnote-back-link="" data-footnote-id="4kitkusvyi3"><sup><strong><a href="#fnref4kitkusvyi3">^</a></strong></sup></span>
+            <div
+            class="footnote-content" data-footnote-content="">
+              <p><a href="https://www.thecollector.com/what-are-the-seven-wonders-of-the-world/">What Are the 7 Wonders of the World? (with HD Images) | TheCollector</a>
+              </p>
+      </div>
+      </li>
+      </ol>
+    </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Note Types/Geo Map (The Seven Wonders of the World)/The Great Wall of China.html

@@ -0,0 +1,42 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>The Great Wall of China</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>The Great Wall of China</h1>
+
+      <div class="ck-content">
+        <p style="margin-left:0px;"><a href="https://www.thecollector.com/great-wall-china-facts/"><u>The Great Wall of China</u></a>&nbsp;is
+          a huge barrier that spans thousands of miles along China’s historic northern
+          border. Created over millennia, the wall began its life as a series of
+          smaller walls dating back to the 7th century BCE, built <a href="https://www.thecollector.com/who-built-the-great-wall-of-china-and-why/"><u>as protective barriers against nomadic raids</u></a>.
+          In 220 BCE, China’s first Emperor, <a href="https://www.thecollector.com/qin-shi-huangdi-chinese-emperor/"><u>Qin Shi Huang</u></a>,
+          masterminded the unification of all of China’s walls into one almighty
+          barrier, strengthening and extending the wall to keep out northern invaders.
+          <span
+          class="footnote-reference" data-footnote-reference="" data-footnote-index="1"
+          data-footnote-id="o0o2das7ljm" role="doc-noteref" id="fnrefo0o2das7ljm"><sup><a href="#fno0o2das7ljm">[1]</a></sup>
+            </span>
+        </p>
+        <ol class="footnote-section footnotes" data-footnote-section="" role="doc-endnotes">
+          <li class="footnote-item" data-footnote-item="" data-footnote-index="1"
+          data-footnote-id="o0o2das7ljm" role="doc-endnote" id="fno0o2das7ljm"><span class="footnote-back-link" data-footnote-back-link="" data-footnote-id="o0o2das7ljm"><sup><strong><a href="#fnrefo0o2das7ljm">^</a></strong></sup></span>
+            <div
+            class="footnote-content" data-footnote-content="">
+              <p><a href="https://www.thecollector.com/what-are-the-seven-wonders-of-the-world/">What Are the 7 Wonders of the World? (with HD Images) | TheCollector</a>
+              </p>
+      </div>
+      </li>
+      </ol>
+    </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Note Types/Geo Map (The Seven Wonders of the World)/The Taj Mahal, India.html

@@ -0,0 +1,41 @@
+<html>
+  
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../../../../style.css">
+    <base target="_parent">
+    <title data-trilium-title>The Taj Mahal, India</title>
+  </head>
+  
+  <body>
+    <div class="content">
+       <h1 data-trilium-h1>The Taj Mahal, India</h1>
+
+      <div class="ck-content">
+        <p style="margin-left:0px;">India’s renowned <a href="https://www.thecollector.com/why-is-the-taj-mahal-a-world-wonder/"><u>Taj Mahal (Persian for Crown of Palaces)</u></a> is
+          the stunning white marble mausoleum on the bank of the Yamuna River in
+          the city of Agra. It has also been selected as one of the seven wonders
+          of the world. Mughal emperor <a href="https://www.tajmahal.org.uk/shah-jahan.html"><u>Shah Jahan </u></a>built
+          the temple as a tomb for his beloved wife, Mumtaz Mahal, who died during
+          childbirth in 1631. A marble tomb in the center is surrounded by 42 acres
+          of grounds, where gardens, a mosque, a guest house, and a pool complete
+          the complex.<span class="footnote-reference" data-footnote-reference=""
+          data-footnote-index="1" data-footnote-id="zzzjn52iwk" role="doc-noteref"
+          id="fnrefzzzjn52iwk"><sup><a href="#fnzzzjn52iwk">[1]</a></sup></span>
+        </p>
+        <ol class="footnote-section footnotes" data-footnote-section="" role="doc-endnotes">
+          <li class="footnote-item" data-footnote-item="" data-footnote-index="1"
+          data-footnote-id="zzzjn52iwk" role="doc-endnote" id="fnzzzjn52iwk"><span class="footnote-back-link" data-footnote-back-link="" data-footnote-id="zzzjn52iwk"><sup><strong><a href="#fnrefzzzjn52iwk">^</a></strong></sup></span>
+            <div
+            class="footnote-content" data-footnote-content="">
+              <p><a href="https://www.thecollector.com/what-are-the-seven-wonders-of-the-world/">What Are the 7 Wonders of the World? (with HD Images) | TheCollector</a>
+              </p>
+      </div>
+      </li>
+      </ol>
+    </div>
+    </div>
+  </body>
+
+</html>

apps/edit-docs/demo/root/Trilium Demo/Note Types/Mermaid Diagrams/Bar chart.txt

@@ -0,0 +1,15 @@
+gantt
+    title Git Issues - days since last update
+    dateFormat  X
+    axisFormat %s
+
+    section Issue19062
+    71   : 0, 71
+    section Issue19401
+    36   : 0, 36
+    section Issue193
+    34   : 0, 34
+    section Issue7441
+    9    : 0, 9
+    section Issue1300
+    5    : 0, 5

apps/edit-docs/demo/root/Trilium Demo/Note Types/Mermaid Diagrams/C4.txt

@@ -0,0 +1,32 @@
+C4Context
+title System Context diagram for Internet Banking System
+
+Person(customerA, "Banking Customer A", "A customer of the bank, with personal bank accounts.")
+Person(customerB, "Banking Customer B")
+Person_Ext(customerC, "Banking Customer C")
+System(SystemAA, "Internet Banking System", "Allows customers to view information about their bank accounts, and make payments.")
+
+Person(customerD, "Banking Customer D", "A customer of the bank, <br/> with personal bank accounts.")
+
+Enterprise_Boundary(b1, "BankBoundary") {
+
+  SystemDb_Ext(SystemE, "Mainframe Banking System", "Stores all of the core banking information about customers, accounts, transactions, etc.")
+
+  System_Boundary(b2, "BankBoundary2") {
+    System(SystemA, "Banking System A")
+    System(SystemB, "Banking System B", "A system of the bank, with personal bank accounts.")
+  }
+
+  System_Ext(SystemC, "E-mail system", "The internal Microsoft Exchange e-mail system.")
+  SystemDb(SystemD, "Banking System D Database", "A system of the bank, with personal bank accounts.")
+
+  Boundary(b3, "BankBoundary3", "boundary") {
+    SystemQueue(SystemF, "Banking System F Queue", "A system of the bank, with personal bank accounts.")
+    SystemQueue_Ext(SystemG, "Banking System G Queue", "A system of the bank, with personal bank accounts.")
+  }
+}
+
+BiRel(customerA, SystemAA, "Uses")
+BiRel(SystemAA, SystemE, "Uses")
+Rel(SystemAA, SystemC, "Sends e-mails", "SMTP")
+Rel(SystemC, customerA, "Sends e-mails to")

apps/edit-docs/demo/root/Trilium Demo/Note Types/Mermaid Diagrams/Class.txt

@@ -0,0 +1,16 @@
+classDiagram
+Class01 <|-- AveryLongClass : Cool
+<<interface>> Class01
+Class09 --> C2 : Where am i?
+Class09 --* C3
+Class09 --|> Class07
+Class07 : equals()
+Class07 : Object[] elementData
+Class01 : size()
+Class01 : int chimp
+Class01 : int gorilla
+class Class10 {
+  <<service>>
+  int id
+  size()
+}