Merge branch 'develop' into renovate/apple-actions-import-codesign-certs-5.x

2025-10-31 04:51:31 +08:00 · 2025-04-17 20:42:22 +00:00 · 2025-04-17 20:42:22 +00:00 · 4ddc67701c
commit 4ddc67701c
parent 18e6527191 7b3c432698
2373 changed files with 91793 additions and 114862 deletions
--- a/.dprint.json
+++ b/.dprint.json
@ -1,44 +0,0 @@
-{
-  "typescript": {
-    "indentWidth": 4,
-    "quoteStyle": "preferDouble",
-    "semiColons": "prefer",
-    "quoteProps": "asNeeded",
-    "newLineKind": "lf",
-    "lineWidth": 200,
-    "trailingCommas": "never",
-    "arrayPattern.spaceAround": true,
-    "arrayExpression.spaceAround": true
-  },
-  "json": {
-  },
-  "markdown": {
-  },
-  "dockerfile": {
-  },
-  "malva": {
-  },
-  "markup": {
-  },
-  "yaml": {
-  },
-  "excludes": [
-    "**/node_modules",
-    "**/*-lock.json",
-    "*.html",
-    "*.md",
-    "*.yml",
-    "libraries/*",
-    "docs/*",
-    "src/public/app/doc_notes"
-  ],
-  "plugins": [
-    "https://plugins.dprint.dev/typescript-0.94.0.wasm",
-    "https://plugins.dprint.dev/json-0.20.0.wasm",
-    "https://plugins.dprint.dev/markdown-0.18.0.wasm",
-    "https://plugins.dprint.dev/dockerfile-0.3.2.wasm",
-    "https://plugins.dprint.dev/g-plane/malva-v0.11.1.wasm",
-    "https://plugins.dprint.dev/g-plane/markup_fmt-v0.19.0.wasm",
-    "https://plugins.dprint.dev/g-plane/pretty_yaml-v0.5.0.wasm"
-  ]
-}
--- a/.gitattributes
+++ b/.gitattributes
@ -1,4 +1,13 @@
 package-lock.json linguist-generated=true
 **/package-lock.json linguist-generated=true
 src/public/app/doc_notes/en/User[[:space:]]Guide/** linguist-generated=true
+src/public/app/doc_notes/en/User[[:space:]]Guide/**/*.md eol=lf
+
+demo/**/*.html eol=lf
+demo/**/*.json eol=lf
+demo/**/*.svg eol=lf
+demo/**/*.txt eol=lf
+demo/**/*.js eol=lf
+demo/**/*.css eol=lf
+
 libraries/** linguist-vendored
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@ -1,4 +1,4 @@
 # These are supported funding model platforms

-github: [zadam]
-custom: ["https://paypal.me/za4am"]
+github: [eliandoran]
+custom: ["https://paypal.me/eliandoran"]
--- a/.github/actions/build-electron/action.yml
+++ b/.github/actions/build-electron/action.yml
@ -84,10 +84,7 @@ runs:
        APPLE_ID_PASSWORD: ${{ env.APPLE_ID_PASSWORD }}
        WINDOWS_SIGN_EXECUTABLE: ${{ env.WINDOWS_SIGN_EXECUTABLE }}
        TRILIUM_ARTIFACT_NAME_HINT: TriliumNextNotes-${{ github.ref_name }}-${{ inputs.os }}-${{ inputs.arch }}
-      run: |
-        npm run electron-forge:make -- \
-          --arch=${{ inputs.arch }} \
-          --platform=${{ inputs.forge_platform }}
+      run: npm run electron-forge:make -- --arch=${{ inputs.arch }} --platform=${{ inputs.forge_platform }}

    # Add DMG signing step
    - name: Sign DMG
@ -118,6 +115,16 @@ runs:
        else
          echo "No DMG found to sign"
          fi
+          echo "Using signing identity: $SIGNING_IDENTITY"
+          # Sign the DMG
+          codesign --force --sign "$SIGNING_IDENTITY" --options runtime --timestamp "$dmg_file"
+          # Notarize the DMG
+          xcrun notarytool submit "$dmg_file" --apple-id "$APPLE_ID" --password "$APPLE_ID_PASSWORD" --team-id "$APPLE_TEAM_ID" --wait
+          # Staple the notarization ticket
+          xcrun stapler staple "$dmg_file"
+        else
+          echo "No DMG found to sign"
+        fi

    - name: Verify code signing
      if: inputs.os == 'macos'
--- a/.github/actions/build-server/action.yml
+++ b/.github/actions/build-server/action.yml
@ -28,4 +28,5 @@ runs:
      run: |
        mkdir -p upload
        file=$(find dist -name '*.tar.xz' -print -quit)
-        cp "$file" "upload/TriliumNextNotes-Server-${{ github.ref_name }}-${{ inputs.os }}-${{ inputs.arch }}.tar.xz"
+        name=${{ github.ref_name }}
+        cp "$file" "upload/TriliumNextNotes-Server-${name//\//-}-${{ inputs.os }}-${{ inputs.arch }}.tar.xz"
--- a/.github/actions/report-size/action.yml
+++ b/.github/actions/report-size/action.yml
@ -0,0 +1,79 @@
+name: 'Bundle size reporter'
+description: 'Post bundle size difference compared to another branch'
+inputs:
+  branch:
+    description: 'Branch to compare to'
+    required: true
+    default: 'main'
+  paths:
+    description:
+      'Paths to json file bundle size report or folder containing bundles'
+    required: true
+    default: '/'
+  onlyDiff:
+    description: 'Report only different sizes'
+    required: false
+    default: 'false'
+  filter:
+    description: 'Regex filter based on file path'
+    required: false
+  unit:
+    description: 'Size unit'
+    required: false
+    default: 'KB'
+
+  # Comment inputs
+  comment:
+    description: 'Post comment'
+    required: false
+    default: 'true'
+  header:
+    description: 'Comment header'
+    required: false
+    default: 'Bundle size report'
+  append:
+    description: 'Append comment'
+    required: false
+    default: 'false'
+  ghToken:
+    description: 'Github token'
+    required: false
+
+runs:
+  using: 'composite'
+  steps:
+    # Checkout branch to compare to [required]
+    - name: Checkout base branch
+      uses: actions/checkout@v4
+      with:
+        ref: ${{ inputs.branch }}
+        path: br-base
+        token: ${{ inputs.ghToken }}
+
+    # Generate the bundle size difference report [required]
+    - name: Generate report
+      id: bundleSize
+      uses: nejcm/bundle-size-reporter-action@v1.4.1
+      with:
+        paths: ${{ inputs.paths }}
+        onlyDiff: ${{ inputs.onlyDiff }}
+        filter: ${{ inputs.filter }}
+        unit: ${{ inputs.unit }}
+
+    # Post github action summary
+    - name: Post summary
+      if: ${{ steps.bundleSize.outputs.hasDifferences == 'true' }} # post only in case of changes
+      run: |
+        echo '${{ steps.bundleSize.outputs.summary }}' >> $GITHUB_STEP_SUMMARY
+      shell: bash
+
+    # Post github action comment
+    - name: Post comment
+      uses: marocchino/sticky-pull-request-comment@v2
+      if: ${{ steps.bundleSize.outputs.hasDifferences == 'true' }} # post only in case of changes
+      with:
+        number: ${{ github.event.pull_request.number }}
+        header: ${{ inputs.header }}
+        append: ${{ inputs.append }}
+        message: '${{ steps.bundleSize.outputs.summary }}'
+        GITHUB_TOKEN: ${{ inputs.ghToken }}
--- a/.github/workflows/codeql.yml
+++ b/.github/workflows/codeql.yml
@ -0,0 +1,100 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL Advanced"
+
+on:
+  push:
+    branches: [ "develop" ]
+  pull_request:
+    branches: [ "develop" ]
+  schedule:
+    - cron: '20 7 * * 0'
+
+jobs:
+  analyze:
+    name: Analyze (${{ matrix.language }})
+    # Runner size impacts CodeQL analysis time. To learn more, please see:
+    #   - https://gh.io/recommended-hardware-resources-for-running-codeql
+    #   - https://gh.io/supported-runners-and-hardware-resources
+    #   - https://gh.io/using-larger-runners (GitHub.com only)
+    # Consider using larger runners or machines with greater resources for possible analysis time improvements.
+    runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
+    permissions:
+      # required for all workflows
+      security-events: write
+
+      # required to fetch internal or private CodeQL packs
+      packages: read
+
+      # only required for workflows in private repositories
+      actions: read
+      contents: read
+
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+        - language: actions
+          build-mode: none
+        - language: javascript-typescript
+          build-mode: none
+        # CodeQL supports the following values keywords for 'language': 'actions', 'c-cpp', 'csharp', 'go', 'java-kotlin', 'javascript-typescript', 'python', 'ruby', 'swift'
+        # Use `c-cpp` to analyze code written in C, C++ or both
+        # Use 'java-kotlin' to analyze code written in Java, Kotlin or both
+        # Use 'javascript-typescript' to analyze code written in JavaScript, TypeScript or both
+        # To learn more about changing the languages that are analyzed or customizing the build mode for your analysis,
+        # see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/customizing-your-advanced-setup-for-code-scanning.
+        # If you are analyzing a compiled language, you can modify the 'build-mode' for that language to customize how
+        # your codebase is analyzed, see https://docs.github.com/en/code-security/code-scanning/creating-an-advanced-setup-for-code-scanning/codeql-code-scanning-for-compiled-languages
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    # Add any setup steps before running the `github/codeql-action/init` action.
+    # This includes steps like installing compilers or runtimes (`actions/setup-node`
+    # or others). This is typically only required for manual builds.
+    # - name: Setup runtime (example)
+    #   uses: actions/setup-example@v1
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v3
+      with:
+        languages: ${{ matrix.language }}
+        build-mode: ${{ matrix.build-mode }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+
+        # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+        # queries: security-extended,security-and-quality
+
+    # If the analyze step fails for one of the languages you are analyzing with
+    # "We were unable to automatically build your code", modify the matrix above
+    # to set the build mode to "manual" for that language. Then modify this step
+    # to build your code.
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+    - if: matrix.build-mode == 'manual'
+      shell: bash
+      run: |
+        echo 'If you are using a "manual" build mode for one or more of the' \
+          'languages you are analyzing, replace this with the commands to build' \
+          'your code, for example:'
+        echo '  make bootstrap'
+        echo '  make release'
+        exit 1
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v3
+      with:
+        category: "/language:${{matrix.language}}"
--- a/.github/workflows/dev.yml
+++ b/.github/workflows/dev.yml
@ -15,7 +15,73 @@ env:
  IMAGE_NAME: ${{ github.repository_owner }}/notes
  TEST_TAG: ${{ github.repository_owner }}/notes:test

+permissions:
+  pull-requests: write  # for PR comments
+
 jobs:
+  report-electron-size:
+    name: Report Electron size
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout the repository
+        uses: actions/checkout@v4
+
+      - name: Set up node & dependencies
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: "npm"
+
+      - run: npm ci
+
+      - name: Run the build
+        uses: ./.github/actions/build-electron
+        with:
+          os: linux
+          arch: x64
+          shell: bash
+          forge_platform: linux
+
+      - name: Run the Electron size report
+        uses: ./.github/actions/report-size
+        with:
+          paths: 'upload/**/*'
+          onlyDiff: 'true'
+          branch: 'develop'
+          header: 'Electron size report'
+          unit: "MB"
+          ghToken: ${{ secrets.GITHUB_TOKEN }}
+  report-server-size:
+    name: Report server size
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout the repository
+        uses: actions/checkout@v4
+
+      - name: Set up node & dependencies
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: "npm"
+
+      - run: npm ci
+
+      - name: Run the build
+        uses: ./.github/actions/build-server
+        with:
+          os: linux
+          arch: x64
+
+      - name: Run the server size report
+        uses: ./.github/actions/report-size
+        with:
+          paths: 'upload/**/*'
+          onlyDiff: 'true'
+          branch: 'develop'
+          header: 'Server size report'
+          unit: "MB"
+          ghToken: ${{ secrets.GITHUB_TOKEN }}
+
  test_dev:
    name: Test development
    runs-on: ubuntu-latest
@ -44,6 +110,10 @@ jobs:
      - test_dev
    steps:
      - uses: actions/checkout@v4
+      - name: Install dependencies
+        run: npm ci
+      - name: Update build info
+        run: npm run chore:update-build-info
      - uses: docker/setup-buildx-action@v3
      - uses: docker/build-push-action@v6
        with:
@ -64,6 +134,12 @@ jobs:
      - name: Checkout the repository
        uses: actions/checkout@v4

+      - name: Install dependencies
+        run: npm ci
+
+      - name: Update build info
+        run: npm run chore:update-build-info
+
      - name: Set IMAGE_NAME to lowercase
        run: echo "IMAGE_NAME=${IMAGE_NAME,,}" >> $GITHUB_ENV
      - name: Set TEST_TAG to lowercase
--- a/.github/workflows/main-docker.yml
+++ b/.github/workflows/main-docker.yml
@ -131,6 +131,13 @@ jobs:

      - name: Checkout repository
        uses: actions/checkout@v4
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Update build info
+        run: npm run chore:update-build-info
+
      - name: Docker meta
        id: meta
        uses: docker/metadata-action@v5
--- a/.github/workflows/nightly.yml
+++ b/.github/workflows/nightly.yml
@ -11,6 +11,7 @@ on:
  pull_request:
    paths:
      - .github/actions/build-electron/*
+      - forge.config.cjs
 env:
  GITHUB_UPLOAD_URL: https://uploads.github.com/repos/TriliumNext/Notes/releases/179589950/assets{?name,label}
  GITHUB_RELEASE_ID: 179589950
@ -82,3 +83,36 @@ jobs:
        with:
          name: TriliumNextNotes ${{ matrix.os.name }} ${{ matrix.arch }}
          path: upload
+
+  nightly-server:
+    name: Deploy server nightly
+    strategy:
+      fail-fast: false
+      matrix:
+        arch: [x64, arm64]
+        include:
+          - arch: x64
+            runs-on: ubuntu-latest
+          - arch: arm64
+            runs-on: ubuntu-24.04-arm
+    runs-on: ${{ matrix.runs-on }}
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Run the build
+        uses: ./.github/actions/build-server
+        with:
+          os: linux
+          arch: ${{ matrix.arch }}
+
+      - name: Publish release
+        uses: softprops/action-gh-release@v2
+        if: ${{ github.event_name != 'pull_request' }}
+        with:
+          make_latest: false
+          prerelease: true
+          draft: false
+          fail_on_unmatched_files: true
+          files: upload/*.*
+          tag_name: nightly
+          name: Nightly Build
--- a/.github/workflows/release-winget.yml
+++ b/.github/workflows/release-winget.yml
@ -0,0 +1,20 @@
+name: Release to winget
+on:
+  release:
+    types: [ published ]
+  workflow_dispatch:
+    inputs:
+      release_tag:
+        description: 'Git tag to release from'
+        type: string
+        required: true
+jobs:
+  release-winget:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Publish to WinGet
+        uses: vedantmgoyal9/winget-releaser@main
+        with:
+          identifier: TriliumNext.Notes
+          token: ${{ secrets.token }}
+          release-tag:  ${{ github.event.inputs.release_tag || github.event.release.tag_name }}
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@ -3,7 +3,6 @@ on:
  push:
    tags:
      - "v*"
-  workflow_dispatch:
 permissions:
  contents: write
 concurrency:
@ -54,14 +53,13 @@ jobs:
          APPLE_ID_PASSWORD: ${{ secrets.APPLE_ID_PASSWORD }}
          WINDOWS_SIGN_EXECUTABLE: ${{ vars.WINDOWS_SIGN_EXECUTABLE }}

-      - name: Publish release
-        uses: softprops/action-gh-release@v2
+      - name: Upload the artifact
+        uses: actions/upload-artifact@v4
        with:
-          draft: true
-          fail_on_unmatched_files: true
-          files: upload/*.*
+          name: release-desktop-${{ matrix.os.name }}-${{ matrix.arch }}
+          path: upload/*.*

-  build_linux_server-x64:
+  build_server:
    name: Build Linux Server
    strategy:
      fail-fast: false
@ -82,9 +80,37 @@ jobs:
          os: linux
          arch: ${{ matrix.arch }}

+      - name: Upload the artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: release-server-linux-${{ matrix.arch }}
+          path: upload/*.*
+
+  publish_release:
+    name: Publish release
+    runs-on: ubuntu-latest
+    needs:
+      - make-electron
+      - build_server
+    steps:
+      - run: mkdir upload
+
+      - uses: actions/checkout@v4
+        with:
+          sparse-checkout: |
+            docs/Release Notes
+
+      - name: Download all artifacts
+        uses: actions/download-artifact@v4
+        with:
+          merge-multiple: true
+          pattern: release-*
+          path: upload
+
      - name: Publish release
        uses: softprops/action-gh-release@v2
        with:
-          draft: true
+          draft: false
+          body_path: docs/Release Notes/Release Notes/${{ github.ref_name }}.md
          fail_on_unmatched_files: true
          files: upload/*.*
--- a/.gitignore
+++ b/.gitignore
@ -2,6 +2,7 @@
 .DS_Store
 node_modules/
 dist/
+upload/
 build/
 coverage/
 src/public/app-dist/
@ -26,6 +27,7 @@ server-package.json
 .idea/shelf/
 data/
 data-test/
+data-demo/
 tmp/
 .eslintcache

@ -43,3 +45,6 @@ data-docs/log
 data-docs/session
 data-docs/session_secret.txt
 data-docs/document.*
+
+# Webpack
+webpack-stats.json
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -3,6 +3,9 @@
    "lokalise.i18n-ally",
    "editorconfig.editorconfig",
    "vitest.explorer",
-    "ms-playwright.playwright"
+    "ms-playwright.playwright",
+    "tobermory.es6-string-html",
+    "dbaeumer.vscode-eslint",
+    "yzhang.markdown-all-in-one"
  ]
 }
--- a/README.md
+++ b/README.md
@ -1,6 +1,6 @@
 # TriliumNext Notes

-![Docker Pulls](https://img.shields.io/docker/pulls/triliumnext/notes) ![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/triliumnext/notes/total)
+![GitHub Sponsors](https://img.shields.io/github/sponsors/eliandoran) ![Docker Pulls](https://img.shields.io/docker/pulls/triliumnext/notes) ![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/triliumnext/notes/total)

 [English](./README.md) | [Chinese](./README-ZH_CN.md) | [Russian](./README.ru.md) | [Japanese](./README.ja.md) | [Italian](./README.it.md) | [Spanish](./README.es.md)

@ -16,7 +16,7 @@ See [screenshots](https://triliumnext.github.io/Docs/Wiki/screenshot-tour) for q

 ### Migrating from Trilium?

-There are no special migration steps to migrate from a zadam/Trilium instance to a TriliumNext/Notes instance. Just upgrade your Trilium instance to the latest version and [install TriliumNext/Notes as usual](#-installation)
+There are no special migration steps to migrate from a zadam/Trilium instance to a TriliumNext/Notes instance. Simply [install TriliumNext/Notes](#-installation) as usual and it will use your existing database.

 Versions up to and including [v0.90.4](https://github.com/TriliumNext/Notes/releases/tag/v0.90.4) are compatible with the latest zadam/trilium version of [v0.63.7](https://github.com/zadam/trilium/releases/tag/v0.63.7). Any later versions of TriliumNext have their sync versions incremented.

@ -37,6 +37,7 @@ Feel free to join our official conversations. We would love to hear what feature
 * Fast and easy [navigation between notes](https://triliumnext.github.io/Docs/Wiki/note-navigation), full text search and [note hoisting](https://triliumnext.github.io/Docs/Wiki/note-hoisting)
 * Seamless [note versioning](https://triliumnext.github.io/Docs/Wiki/note-revisions)
 * Note [attributes](https://triliumnext.github.io/Docs/Wiki/attributes) can be used for note organization, querying and advanced [scripting](https://triliumnext.github.io/Docs/Wiki/scripts)
+* Direct OpenID and TOTP integration for more secure login
 * [Synchronization](https://triliumnext.github.io/Docs/Wiki/synchronization) with self-hosted sync server
  * there's a [3rd party service for hosting synchronisation server](https://trilium.cc/paid-hosting)
 * [Sharing](https://triliumnext.github.io/Docs/Wiki/sharing) (publishing) notes to public internet
@ -65,17 +66,7 @@ To use TriliumNext on your desktop machine (Linux, MacOS, and Windows) you have
 * Download the binary release for your platform from the [latest release page](https://github.com/TriliumNext/Notes/releases/latest), unzip the package and run the ```trilium``` executable.
 * Access TriliumNext via the web interface of a server installation (see below)
    * Currently only the latest versions of Chrome & Firefox are supported (and tested).
-* (Coming Soon) TriliumNext will also be provided as a Flatpak
-
-#### MacOS
-Currently when running TriliumNext/Notes on MacOS, you may get the following error:
-> Apple could not verify "TriliumNext Notes" is free of malware and may harm your Mac or compromise your privacy.
-
-You will need to run the command on your shell to resolve the error (documented [here](https://github.com/TriliumNext/Notes/issues/329#issuecomment-2287164137)):
-
-```bash
-xattr -c "/path/to/Trilium Next.app"
-```
+* TriliumNext is also provided as a Flatpak, but not yet published on FlatHub.

 ### Mobile

@ -106,10 +97,11 @@ npm install
 npm run server:start
 ```

+For more details, see the [development docs](https://github.com/TriliumNext/Notes/blob/develop/docs/Developer%20Guide/Developer%20Guide/Building%20and%20deployment/Running%20a%20development%20build.md).
+
 ### Documentation

-We are currently transitioning to a new documentation mechanism.
-Meanwhile you can still view the [archived Docs repository](https://github.com/TriliumNext/Docs).
+See the [documentation guide](https://github.com/TriliumNext/Notes/blob/develop/docs/Developer%20Guide/Developer%20Guide/Documentation.md) for details.

 ## 👏 Shoutouts

--- a/bin/build-server.sh
+++ b/bin/build-server.sh
@ -52,7 +52,7 @@ rm -r $BUILD_DIR/node/lib/node_modules/{npm,corepack} \
    $BUILD_DIR/node_modules/electron* \
    $BUILD_DIR/electron*.{js,map}

-printf "#!/bin/sh\n./node/bin/node src/main" > $BUILD_DIR/trilium.sh
+printf "#!/bin/sh\n./node/bin/node src/main\n" > $BUILD_DIR/trilium.sh
 chmod 755 $BUILD_DIR/trilium.sh

 # TriliumNextTODO: is this still required? If yes → move to copy-dist/copy-trilium
--- a/bin/docs/.env.example
+++ b/bin/docs/.env.example
@ -1,3 +0,0 @@
-SHARE_PROTOCOL=http
-SHARE_HOST=notes.johnsmith.me
-ROOT_NOTE_ID=4yYHqKbLovVX
--- a/bin/docs/.gitignore
+++ b/bin/docs/.gitignore
@ -1,2 +0,0 @@
-output
-.env
--- a/bin/docs/assets/v0.63.6/app-dist/share.js
+++ b/bin/docs/assets/v0.63.6/app-dist/share.js
@ -1,27 +0,0 @@
-/**
- * Fetch note with given ID from backend
- *
- * @param noteId of the given note to be fetched. If false, fetches current note.
- */
-async function fetchNote(noteId = null) {
-    if (!noteId) {
-        noteId = document.body.getAttribute("data-note-id");
-    }
-
-    const resp = await fetch(`api/notes/${noteId}`);
-
-    return await resp.json();
-}
-
-document.addEventListener(
-    "DOMContentLoaded",
-    () => {
-        const toggleMenuButton = document.getElementById("toggleMenuButton");
-        const layout = document.getElementById("layout");
-
-        if (toggleMenuButton && layout) {
-            toggleMenuButton.addEventListener("click", () => layout.classList.toggle("showMenu"));
-        }
-    },
-    false
-);
--- a/bin/docs/assets/v0.63.6/libraries/ckeditor/ckeditor-content.css
+++ b/bin/docs/assets/v0.63.6/libraries/ckeditor/ckeditor-content.css
@ -1,554 +0,0 @@
-/* !!!!!! TRILIUM CUSTOM CHANGES !!!!!! */
-
-.printed-content .ck-widget__selection-handle,
-.printed-content .ck-widget__type-around {
-    /* gets rid of triangles: https://github.com/zadam/trilium/issues/1129 */
-    display: none;
-}
-
-/*
- * CKEditor 5 (v41.0.0) content styles.
- * Generated on Fri, 26 Jan 2024 10:23:49 GMT.
- * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
- */
-
-:root {
-    --ck-color-image-caption-background: hsl(0, 0%, 97%);
-    --ck-color-image-caption-text: hsl(0, 0%, 20%);
-    --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
-    --ck-color-mention-text: hsl(341, 100%, 30%);
-    --ck-color-selector-caption-background: hsl(0, 0%, 97%);
-    --ck-color-selector-caption-text: hsl(0, 0%, 20%);
-    --ck-highlight-marker-blue: hsl(201, 97%, 72%);
-    --ck-highlight-marker-green: hsl(120, 93%, 68%);
-    --ck-highlight-marker-pink: hsl(345, 96%, 73%);
-    --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
-    --ck-highlight-pen-green: hsl(112, 100%, 27%);
-    --ck-highlight-pen-red: hsl(0, 85%, 49%);
-    --ck-image-style-spacing: 1.5em;
-    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
-    --ck-todo-list-checkmark-size: 16px;
-}
-
-/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
-.ck-content .table .ck-table-resized {
-    table-layout: fixed;
-}
-/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
-.ck-content .table table {
-    overflow: hidden;
-}
-/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
-.ck-content .table td,
-.ck-content .table th {
-    overflow-wrap: break-word;
-    position: relative;
-}
-/* @ckeditor/ckeditor5-table/theme/table.css */
-.ck-content .table {
-    margin: 0.9em auto;
-    display: table;
-}
-/* @ckeditor/ckeditor5-table/theme/table.css */
-.ck-content .table table {
-    border-collapse: collapse;
-    border-spacing: 0;
-    width: 100%;
-    height: 100%;
-    border: 1px double hsl(0, 0%, 70%);
-}
-/* @ckeditor/ckeditor5-table/theme/table.css */
-.ck-content .table table td,
-.ck-content .table table th {
-    min-width: 2em;
-    padding: 0.4em;
-    border: 1px solid hsl(0, 0%, 75%);
-}
-/* @ckeditor/ckeditor5-table/theme/table.css */
-.ck-content .table table th {
-    font-weight: bold;
-    background: hsla(0, 0%, 0%, 5%);
-}
-/* @ckeditor/ckeditor5-table/theme/table.css */
-.ck-content[dir="rtl"] .table th {
-    text-align: right;
-}
-/* @ckeditor/ckeditor5-table/theme/table.css */
-.ck-content[dir="ltr"] .table th {
-    text-align: left;
-}
-/* @ckeditor/ckeditor5-table/theme/tablecaption.css */
-.ck-content .table > figcaption {
-    display: table-caption;
-    caption-side: top;
-    word-break: break-word;
-    text-align: center;
-    color: var(--ck-color-selector-caption-text);
-    background-color: var(--ck-color-selector-caption-background);
-    padding: 0.6em;
-    font-size: 0.75em;
-    outline-offset: -1px;
-}
-/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
-.ck-content .page-break {
-    position: relative;
-    clear: both;
-    padding: 5px 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
-.ck-content .page-break::after {
-    content: "";
-    position: absolute;
-    border-bottom: 2px dashed hsl(0, 0%, 77%);
-    width: 100%;
-}
-/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
-.ck-content .page-break__label {
-    position: relative;
-    z-index: 1;
-    padding: 0.3em 0.6em;
-    display: block;
-    text-transform: uppercase;
-    border: 1px solid hsl(0, 0%, 77%);
-    border-radius: 2px;
-    font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
-    font-size: 0.75em;
-    font-weight: bold;
-    color: hsl(0, 0%, 20%);
-    background: hsl(0, 0%, 100%);
-    box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}
-/* @ckeditor/ckeditor5-media-embed/theme/mediaembed.css */
-.ck-content .media {
-    clear: both;
-    margin: 0.9em 0;
-    display: block;
-    min-width: 15em;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list {
-    list-style: none;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list li {
-    position: relative;
-    margin-bottom: 5px;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list li .todo-list {
-    margin-top: 5px;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list .todo-list__label > input {
-    -webkit-appearance: none;
-    display: inline-block;
-    position: relative;
-    width: var(--ck-todo-list-checkmark-size);
-    height: var(--ck-todo-list-checkmark-size);
-    vertical-align: middle;
-    border: 0;
-    left: -25px;
-    margin-right: -15px;
-    right: 0;
-    margin-left: 0;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content[dir="rtl"] .todo-list .todo-list__label > input {
-    left: 0;
-    margin-right: 0;
-    right: -25px;
-    margin-left: -15px;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list .todo-list__label > input::before {
-    display: block;
-    position: absolute;
-    box-sizing: border-box;
-    content: "";
-    width: 100%;
-    height: 100%;
-    border: 1px solid hsl(0, 0%, 20%);
-    border-radius: 2px;
-    transition: 250ms ease-in-out box-shadow;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list .todo-list__label > input::after {
-    display: block;
-    position: absolute;
-    box-sizing: content-box;
-    pointer-events: none;
-    content: "";
-    left: calc(var(--ck-todo-list-checkmark-size) / 3);
-    top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
-    width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
-    height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
-    border-style: solid;
-    border-color: transparent;
-    border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
-    transform: rotate(45deg);
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list .todo-list__label > input[checked]::before {
-    background: hsl(126, 64%, 41%);
-    border-color: hsl(126, 64%, 41%);
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list .todo-list__label > input[checked]::after {
-    border-color: hsl(0, 0%, 100%);
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list .todo-list__label .todo-list__label__description {
-    vertical-align: middle;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type="checkbox"] {
-    position: absolute;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
-.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input {
-    cursor: pointer;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before,
-.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input:hover::before {
-    box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input {
-    -webkit-appearance: none;
-    display: inline-block;
-    position: relative;
-    width: var(--ck-todo-list-checkmark-size);
-    height: var(--ck-todo-list-checkmark-size);
-    vertical-align: middle;
-    border: 0;
-    left: -25px;
-    margin-right: -15px;
-    right: 0;
-    margin-left: 0;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content[dir="rtl"] .todo-list .todo-list__label > span[contenteditable="false"] > input {
-    left: 0;
-    margin-right: 0;
-    right: -25px;
-    margin-left: -15px;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input::before {
-    display: block;
-    position: absolute;
-    box-sizing: border-box;
-    content: "";
-    width: 100%;
-    height: 100%;
-    border: 1px solid hsl(0, 0%, 20%);
-    border-radius: 2px;
-    transition: 250ms ease-in-out box-shadow;
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input::after {
-    display: block;
-    position: absolute;
-    box-sizing: content-box;
-    pointer-events: none;
-    content: "";
-    left: calc(var(--ck-todo-list-checkmark-size) / 3);
-    top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
-    width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
-    height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
-    border-style: solid;
-    border-color: transparent;
-    border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
-    transform: rotate(45deg);
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input[checked]::before {
-    background: hsl(126, 64%, 41%);
-    border-color: hsl(126, 64%, 41%);
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input[checked]::after {
-    border-color: hsl(0, 0%, 100%);
-}
-/* @ckeditor/ckeditor5-list/theme/todolist.css */
-.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type="checkbox"] {
-    position: absolute;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ol {
-    list-style-type: decimal;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ol ol {
-    list-style-type: lower-latin;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ol ol ol {
-    list-style-type: lower-roman;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ol ol ol ol {
-    list-style-type: upper-latin;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ol ol ol ol ol {
-    list-style-type: upper-roman;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ul {
-    list-style-type: disc;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ul ul {
-    list-style-type: circle;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ul ul ul {
-    list-style-type: square;
-}
-/* @ckeditor/ckeditor5-list/theme/list.css */
-.ck-content ul ul ul ul {
-    list-style-type: square;
-}
-/* @ckeditor/ckeditor5-image/theme/image.css */
-.ck-content .image {
-    display: table;
-    clear: both;
-    text-align: center;
-    margin: 0.9em auto;
-    min-width: 50px;
-}
-/* @ckeditor/ckeditor5-image/theme/image.css */
-.ck-content .image img {
-    display: block;
-    margin: 0 auto;
-    max-width: 100%;
-    min-width: 100%;
-    height: auto;
-}
-/* @ckeditor/ckeditor5-image/theme/image.css */
-.ck-content .image-inline {
-    /*
-     * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
-     * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
-     * This strange behavior does not happen with inline-flex.
-     */
-    display: inline-flex;
-    max-width: 100%;
-    align-items: flex-start;
-}
-/* @ckeditor/ckeditor5-image/theme/image.css */
-.ck-content .image-inline picture {
-    display: flex;
-}
-/* @ckeditor/ckeditor5-image/theme/image.css */
-.ck-content .image-inline picture,
-.ck-content .image-inline img {
-    flex-grow: 1;
-    flex-shrink: 1;
-    max-width: 100%;
-}
-/* @ckeditor/ckeditor5-image/theme/imageresize.css */
-.ck-content img.image_resized {
-    height: auto;
-}
-/* @ckeditor/ckeditor5-image/theme/imageresize.css */
-.ck-content .image.image_resized {
-    max-width: 100%;
-    display: block;
-    box-sizing: border-box;
-}
-/* @ckeditor/ckeditor5-image/theme/imageresize.css */
-.ck-content .image.image_resized img {
-    width: 100%;
-}
-/* @ckeditor/ckeditor5-image/theme/imageresize.css */
-.ck-content .image.image_resized > figcaption {
-    display: block;
-}
-/* @ckeditor/ckeditor5-image/theme/imagecaption.css */
-.ck-content .image > figcaption {
-    display: table-caption;
-    caption-side: bottom;
-    word-break: break-word;
-    color: var(--ck-color-image-caption-text);
-    background-color: var(--ck-color-image-caption-background);
-    padding: 0.6em;
-    font-size: 0.75em;
-    outline-offset: -1px;
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-style-block-align-left,
-.ck-content .image-style-block-align-right {
-    max-width: calc(100% - var(--ck-image-style-spacing));
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-style-align-left,
-.ck-content .image-style-align-right {
-    clear: none;
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-style-side {
-    float: right;
-    margin-left: var(--ck-image-style-spacing);
-    max-width: 50%;
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-style-align-left {
-    float: left;
-    margin-right: var(--ck-image-style-spacing);
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-style-align-center {
-    margin-left: auto;
-    margin-right: auto;
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-style-align-right {
-    float: right;
-    margin-left: var(--ck-image-style-spacing);
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-style-block-align-right {
-    margin-right: 0;
-    margin-left: auto;
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-style-block-align-left {
-    margin-left: 0;
-    margin-right: auto;
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content p + .image-style-align-left,
-.ck-content p + .image-style-align-right,
-.ck-content p + .image-style-side {
-    margin-top: 0;
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-inline.image-style-align-left,
-.ck-content .image-inline.image-style-align-right {
-    margin-top: var(--ck-inline-image-style-spacing);
-    margin-bottom: var(--ck-inline-image-style-spacing);
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-inline.image-style-align-left {
-    margin-right: var(--ck-inline-image-style-spacing);
-}
-/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
-.ck-content .image-inline.image-style-align-right {
-    margin-left: var(--ck-inline-image-style-spacing);
-}
-/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
-.ck-content .marker-yellow {
-    background-color: var(--ck-highlight-marker-yellow);
-}
-/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
-.ck-content .marker-green {
-    background-color: var(--ck-highlight-marker-green);
-}
-/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
-.ck-content .marker-pink {
-    background-color: var(--ck-highlight-marker-pink);
-}
-/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
-.ck-content .marker-blue {
-    background-color: var(--ck-highlight-marker-blue);
-}
-/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
-.ck-content .pen-red {
-    color: var(--ck-highlight-pen-red);
-    background-color: transparent;
-}
-/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
-.ck-content .pen-green {
-    color: var(--ck-highlight-pen-green);
-    background-color: transparent;
-}
-/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
-.ck-content blockquote {
-    overflow: hidden;
-    padding-right: 1.5em;
-    padding-left: 1.5em;
-    margin-left: 0;
-    margin-right: 0;
-    font-style: italic;
-    border-left: solid 5px hsl(0, 0%, 80%);
-}
-/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
-.ck-content[dir="rtl"] blockquote {
-    border-left: 0;
-    border-right: solid 5px hsl(0, 0%, 80%);
-}
-/* @ckeditor/ckeditor5-basic-styles/theme/code.css */
-.ck-content code {
-    background-color: hsla(0, 0%, 78%, 0.3);
-    padding: 0.15em;
-    border-radius: 2px;
-}
-/* @ckeditor/ckeditor5-font/theme/fontsize.css */
-.ck-content .text-tiny {
-    font-size: 0.7em;
-}
-/* @ckeditor/ckeditor5-font/theme/fontsize.css */
-.ck-content .text-small {
-    font-size: 0.85em;
-}
-/* @ckeditor/ckeditor5-font/theme/fontsize.css */
-.ck-content .text-big {
-    font-size: 1.4em;
-}
-/* @ckeditor/ckeditor5-font/theme/fontsize.css */
-.ck-content .text-huge {
-    font-size: 1.8em;
-}
-/* @ckeditor/ckeditor5-mention/theme/mention.css */
-.ck-content .mention {
-    background: var(--ck-color-mention-background);
-    color: var(--ck-color-mention-text);
-}
-/* @ckeditor/ckeditor5-horizontal-line/theme/horizontalline.css */
-.ck-content hr {
-    margin: 15px 0;
-    height: 4px;
-    background: hsl(0, 0%, 87%);
-    border: 0;
-}
-/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
-.ck-content pre {
-    padding: 1em;
-    color: hsl(0, 0%, 20.8%);
-    background: hsla(0, 0%, 78%, 0.3);
-    border: 1px solid hsl(0, 0%, 77%);
-    border-radius: 2px;
-    text-align: left;
-    direction: ltr;
-    tab-size: 4;
-    white-space: pre-wrap;
-    font-style: normal;
-    min-width: 200px;
-}
-/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
-.ck-content pre code {
-    background: unset;
-    padding: 0;
-    border-radius: 0;
-}
-@media print {
-    /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
-    .ck-content .page-break {
-        padding: 0;
-    }
-    /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
-    .ck-content .page-break::after {
-        display: none;
-    }
-}
--- a/bin/docs/assets/v0.63.6/libraries/normalize.min.css
+++ b/bin/docs/assets/v0.63.6/libraries/normalize.min.css
@ -1,148 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-html {
-    line-height: 1.15;
-    -webkit-text-size-adjust: 100%;
-}
-body {
-    margin: 0;
-}
-main {
-    display: block;
-}
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-hr {
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible;
-}
-pre {
-    font-family: monospace, monospace;
-    font-size: 1em;
-}
-a {
-    background-color: transparent;
-}
-abbr[title] {
-    border-bottom: none;
-    text-decoration: underline;
-    text-decoration: underline dotted;
-}
-b,
-strong {
-    font-weight: bolder;
-}
-code,
-kbd,
-samp {
-    font-family: monospace, monospace;
-    font-size: 1em;
-}
-small {
-    font-size: 80%;
-}
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-sub {
-    bottom: -0.25em;
-}
-sup {
-    top: -0.5em;
-}
-img {
-    border-style: none;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-    margin: 0;
-}
-button,
-input {
-    overflow: visible;
-}
-button,
-select {
-    text-transform: none;
-}
-[type="button"],
-[type="reset"],
-[type="submit"],
-button {
-    -webkit-appearance: button;
-}
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner,
-button::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
-}
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring,
-button:-moz-focusring {
-    outline: 1px dotted ButtonText;
-}
-fieldset {
-    padding: 0.35em 0.75em 0.625em;
-}
-legend {
-    box-sizing: border-box;
-    color: inherit;
-    display: table;
-    max-width: 100%;
-    padding: 0;
-    white-space: normal;
-}
-progress {
-    vertical-align: baseline;
-}
-textarea {
-    overflow: auto;
-}
-[type="checkbox"],
-[type="radio"] {
-    box-sizing: border-box;
-    padding: 0;
-}
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-    height: auto;
-}
-[type="search"] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-}
-[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-}
-details {
-    display: block;
-}
-summary {
-    display: list-item;
-}
-template {
-    display: none;
-}
-[hidden] {
-    display: none;
-}
-/*# sourceMappingURL=normalize.min.css.map */
--- a/bin/docs/assets/v0.63.6/stylesheets/share.css
+++ b/bin/docs/assets/v0.63.6/stylesheets/share.css
@ -1,165 +0,0 @@
-body {
-    font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
-    line-height: 1.5;
-}
-
-#layout {
-    max-width: 1200px;
-    margin: 0 auto;
-    display: flex;
-    flex-direction: row-reverse;
-}
-
-#menu {
-    padding: 25px;
-    flex-basis: 0;
-    flex-grow: 1;
-    overflow: auto;
-}
-
-#menu p {
-    margin: 0;
-}
-
-#menu > p {
-    font-weight: bold;
-    font-size: 110%;
-}
-
-#menu ul {
-    padding-left: 20px;
-}
-
-#main {
-    flex-basis: 0;
-    flex-grow: 3;
-    overflow: auto;
-    padding: 10px 20px 20px 20px;
-}
-
-#parentLink {
-    float: right;
-    margin-top: 20px;
-}
-
-#title {
-    margin: 0;
-    padding-top: 10px;
-}
-
-img {
-    max-width: 100%;
-}
-
-pre {
-    white-space: pre-wrap;
-    word-wrap: anywhere;
-}
-
-iframe.pdf-view {
-    width: 100%;
-    height: 800px;
-}
-
-#toggleMenuButton {
-    display: none;
-    position: fixed;
-    top: 8px;
-    left: 5px;
-    width: 1.4em;
-    border-radius: 5px;
-    border: 1px solid #aaa;
-    font-size: 2rem;
-    z-index: 10;
-    height: auto;
-    color: black;
-    cursor: pointer;
-}
-
-#childLinks.grid ul {
-    list-style-type: none;
-    display: flex;
-    flex-wrap: wrap;
-    padding: 0;
-}
-
-#childLinks.grid ul li {
-    width: 180px;
-    height: 140px;
-    padding: 10px;
-}
-
-#childLinks.grid ul li a {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    width: 100%;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    justify-content: center;
-    align-content: center;
-    text-align: center;
-    font-size: large;
-}
-
-#childLinks.grid ul li a:hover {
-    background: #eee;
-}
-
-#childLinks.list ul {
-    list-style-type: none;
-    display: inline-flex;
-    flex-wrap: wrap;
-    padding: 0;
-    margin-top: 5px;
-}
-
-#childLinks.list ul li {
-    margin-right: 20px;
-}
-
-#noteClippedFrom {
-    padding: 10px 0 10px 0;
-    margin: 20px 0 20px 0;
-    color: #666;
-    border: 1px solid #ddd;
-    border-left: 0;
-    border-right: 0;
-}
-
-#toggleMenuButton::after {
-    position: relative;
-    top: -2px;
-    left: 1px;
-}
-
-@media (max-width: 48em) {
-    #layout.showMenu #menu {
-        display: block;
-        margin-top: 40px;
-    }
-
-    #toggleMenuButton {
-        display: block;
-    }
-
-    #layout.showMenu #main {
-        display: none;
-    }
-
-    #title {
-        padding-left: 60px;
-    }
-
-    #layout.showMenu #toggleMenuButton::after {
-        content: "«";
-    }
-
-    #toggleMenuButton::after {
-        content: "»";
-    }
-
-    #menu {
-        display: none;
-    }
-}
--- a/bin/docs/index.template.html
+++ b/bin/docs/index.template.html
@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta http-equiv="refresh" content="0; url=./{{ROOT_NOTE_ID}}.html" />
-    </head>
-    
-    <body>
-    
-    </body>
-</html>
--- a/bin/docs/prepare.sh
+++ b/bin/docs/prepare.sh
@ -1,43 +0,0 @@
-#!/usr/bin/env bash
-
-script_dir=$(realpath $(dirname $0))
-
-cd "$script_dir"
-
-env_file="$script_dir/.env"
-
-if [ ! -f "$env_file" ]; then
-    echo "Missing .env file, cannot proceed."
-    exit 1
-fi
-
-output_dir="$script_dir/../../docs"
-mkdir -p "$output_dir"
-rm -f "$output_dir"/*
-rm -rf "$output_dir"/{assets,share}
-
-source "$env_file"
-
-# Download everything in output/notes.example.com/share/...
-share_url="$SHARE_PROTOCOL://$SHARE_HOST/share/$ROOT_NOTE_ID"
-wget -rpEk -e robots=off "$share_url" -P "$output_dir"
-if [ $? -ne 0 ]; then
-    echo -e \\nDownloading failed, make sure you are using the real wget package and not the busybox one.
-    exit 1
-fi
-
-# Get rid of the domain in the output folder
-mv "$output_dir/$SHARE_HOST"/* "$output_dir/"
-rmdir "$output_dir/$SHARE_HOST"
-
-# Create home page with redirect
-index_dest_path="$output_dir/index.html"
-cp index.template.html "$index_dest_path"
-sed -i "s/{{ROOT_NOTE_ID}}/$ROOT_NOTE_ID/g" "$index_dest_path"
-
-# Rewrite links to get rid of the share folder
-sed -i "s/<link href=\"\\.\\./<link href=\"\\./g" "$output_dir/share"/*.html
-sed -i "s/<script src=\"\\.\\./<script src=\"\\./g" "$output_dir/share"/*.html
-sed -i "s/rel=\"shortcut icon\" href=\"\\.\\./rel=\"shortcut icon\" href=\"\\./g" "$output_dir/share"/*.html
-cp -r "$output_dir/share"/* "$output_dir"
-rm -r "$output_dir/share"
--- a/bin/docs/preview.sh
+++ b/bin/docs/preview.sh
@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-
-LISTEN_ADDRESS=127.0.0.1:8088
-
-script_dir=$(realpath $(dirname $0))
-output_dir="$script_dir/../../docs"
-echo "Preview the documentation at http://$LISTEN_ADDRESS"
-httpd -fv -p "$LISTEN_ADDRESS" -h "$output_dir"
--- a/bin/tpl/anonymize-database.sql
+++ b/bin/tpl/anonymize-database.sql
@ -14,7 +14,8 @@ UPDATE attributes SET name  = 'name', value = 'value' WHERE type = 'label'
       'widget', 'noteInfoWidgetDisabled', 'linkMapWidgetDisabled', 'revisionsWidgetDisabled',
       'whatLinksHereWidgetDisabled', 'similarNotesWidgetDisabled', 'workspace', 'workspaceIconClass',
       'workspaceTabBackgroundColor', 'workspaceCalendarRoot', 'workspaceTemplate', 'searchHome', 'workspaceInbox',
-       'workspaceSearchHome', 'sqlConsoleHome', 'datePattern', 'pageSize', 'viewType', 'mapRootNoteId',
+       'workspaceSearchHome', 'sqlConsoleHome', 'datePattern', 'weekPattern', 'enableWeekNote', 'monthPattern',
+       'quarterPattern', 'yearPattern', 'enableQuarterNote', 'pageSize', 'viewType', 'mapRootNoteId',
       'bookmarkFolder', 'sorted', 'sortDirection', 'sortFoldersFirst', 'sortNatural', 'sortLocale', 'top',
       'fullContentWidth', 'shareHiddenFromTree', 'shareExternalLink', 'shareOmitDefaultCss', 'shareRoot', 'shareDescription',
       'shareRaw', 'shareDisallowRobotIndexing', 'shareIndex', 'displayRelations', 'hideRelations', 'titleTemplate',
@ -31,7 +32,8 @@ UPDATE attributes SET name = 'name' WHERE type = 'relation'
       'widget', 'noteInfoWidgetDisabled', 'linkMapWidgetDisabled', 'revisionsWidgetDisabled',
       'whatLinksHereWidgetDisabled', 'similarNotesWidgetDisabled', 'workspace', 'workspaceIconClass',
       'workspaceTabBackgroundColor', 'workspaceCalendarRoot', 'workspaceTemplate', 'searchHome', 'workspaceInbox',
-       'workspaceSearchHome', 'sqlConsoleHome', 'datePattern', 'pageSize', 'viewType', 'mapRootNoteId',
+       'workspaceSearchHome', 'sqlConsoleHome', 'datePattern', 'weekPattern', 'enableWeekNote', 'monthPattern',
+       'quarterPattern', 'yearPattern', 'enableQuarterNote', 'pageSize', 'viewType', 'mapRootNoteId',
       'bookmarkFolder', 'sorted', 'sortDirection', 'sortFoldersFirst', 'sortNatural', 'sortLocale', 'top',
       'fullContentWidth', 'shareHiddenFromTree', 'shareExternalLink', 'shareOmitDefaultCss', 'shareRoot', 'shareDescription',
       'shareRaw', 'shareDisallowRobotIndexing', 'shareIndex', 'displayRelations', 'hideRelations', 'titleTemplate',
--- a/config-sample.ini
+++ b/config-sample.ini
@ -25,15 +25,13 @@ keyPath=
 # expressjs shortcuts are supported: loopback(127.0.0.1/8, ::1/128), linklocal(169.254.0.0/16, fe80::/10), uniquelocal(10.0.0.0/8, 172.16.0.0/12, 192.168.0.0/16, fc00::/7)
 trustedReverseProxy=false

+# setting the CORS headers for cross-origin requests
+# corsAllowOrigin='*'
+# corsAllowMethods='GET,POST,PUT,DELETE,PATCH'
+# corsAllowHeaders='Content-Type,Authorization'
+

 [Session]
-# Use this setting to set a custom value for the "Path" Attribute value of the session cookie.
-# This can be useful, when you have several instances running on the same domain, under different paths (e.g. by using a reverse proxy).
-# It prevents your instances from overwriting each others' cookies, allowing you to stay logged in multiple instances simultanteously.
-# E.g. if you have instances running under https://your-domain.com/triliumNext/instanceA and https://your-domain.com/triliumNext/instanceB
-# you would want to set the cookiePath value to "/triliumNext/instanceA" for your first and "/triliumNext/instanceB" for your second instance
-cookiePath=/
-
 # Use this setting to set a custom value for the "Max-Age" Attribute of the session cookie.
 # This controls how long your session will be valid, before it expires and you need to log in again, when you use the "Remember Me" option.
 # Value needs to be entered in Seconds.
@ -44,3 +42,16 @@ cookieMaxAge=1814400
 #syncServerHost=
 #syncServerTimeout=
 #syncServerProxy=
+
+[MultiFactorAuthentication]
+# Set the base URL for OAuth/OpenID authentication
+# This is the URL of the service that will be used to verify the user's identity
+oauthBaseUrl=
+
+# Set the client ID for OAuth/OpenID authentication
+# This is the ID of the client that will be used to verify the user's identity
+oauthClientId=
+
+# Set the client secret for OAuth/OpenID authentication
+# This is the secret of the client that will be used to verify the user's identity
+oauthClientSecret=
--- a/data-docs/config.ini
+++ b/data-docs/config.ini
@ -30,13 +30,6 @@ trustedReverseProxy=false


 [Session]
-# Use this setting to set a custom value for the "Path" Attribute value of the session cookie.
-# This can be useful, when you have several instances running on the same domain, under different paths (e.g. by using a reverse proxy).
-# It prevents your instances from overwriting each others' cookies, allowing you to stay logged in multiple instances simultanteously.
-# E.g. if you have instances running under https://your-domain.com/triliumNext/instanceA and https://your-domain.com/triliumNext/instanceB
-# you would want to set the cookiePath value to "/triliumNext/instanceA" for your first and "/triliumNext/instanceB" for your second instance
-cookiePath=/
-
 # Use this setting to set a custom value for the "Max-Age" Attribute of the session cookie.
 # This controls how long your session will be valid, before it expires and you need to log in again, when you use the "Remember Me" option.
 # Value needs to be entered in Seconds.
--- a/db/demo.zip
+++ b/db/demo.zip
--- a/db/migrations/0216__move_content_into_blobs.ts
+++ b/db/migrations/0216__move_content_into_blobs.ts
@ -17,8 +17,8 @@ interface NoteRevisionContents {
 export default () => {
    const existingBlobIds = new Set();

-    for (const noteId of sql.getColumn<string>(`SELECT noteId FROM note_contents`)) {
-        const row = sql.getRow<NoteContentsRow>(`SELECT noteId, content, dateModified, utcDateModified FROM note_contents WHERE noteId = ?`, [noteId]);
+    for (const noteId of sql.getColumn<string>(/*sql*/`SELECT noteId FROM note_contents`)) {
+        const row = sql.getRow<NoteContentsRow>(/*sql*/`SELECT noteId, content, dateModified, utcDateModified FROM note_contents WHERE noteId = ?`, [noteId]);
        const blobId = utils.hashedBlobId(row.content);

        if (!existingBlobIds.has(blobId)) {
@ -40,8 +40,8 @@ export default () => {
        sql.execute("UPDATE notes SET blobId = ? WHERE noteId = ?", [blobId, row.noteId]);
    }

-    for (const noteRevisionId of sql.getColumn(`SELECT noteRevisionId FROM note_revision_contents`)) {
-        const row = sql.getRow<NoteRevisionContents>(`SELECT noteRevisionId, content, utcDateModified FROM note_revision_contents WHERE noteRevisionId = ?`, [noteRevisionId]);
+    for (const noteRevisionId of sql.getColumn(/*sql*/`SELECT noteRevisionId FROM note_revision_contents`)) {
+        const row = sql.getRow<NoteRevisionContents>(/*sql*/`SELECT noteRevisionId, content, utcDateModified FROM note_revision_contents WHERE noteRevisionId = ?`, [noteRevisionId]);
        const blobId = utils.hashedBlobId(row.content);

        if (!existingBlobIds.has(blobId)) {
--- a/db/migrations/0220__migrate_images_to_attachments.ts
+++ b/db/migrations/0220__migrate_images_to_attachments.ts
@ -7,7 +7,7 @@ import sql from "../../src/services/sql";
 export default () => {
    cls.init(() => {
        // emergency disabling of image compression since it appears to make problems in migration to 0.61
-        sql.execute(`UPDATE options SET value = 'false' WHERE name = 'compressImages'`);
+        sql.execute(/*sql*/`UPDATE options SET value = 'false' WHERE name = 'compressImages'`);

        becca_loader.load();

--- a/db/migrations/0229__add_oauth_user_data_table.sql
+++ b/db/migrations/0229__add_oauth_user_data_table.sql
@ -0,0 +1,14 @@
+-- Add the oauth user data table
+CREATE TABLE IF NOT EXISTS "user_data"
+(
+    tmpID INT,
+    username TEXT,
+    email TEXT,
+    userIDEncryptedDataKey TEXT,
+    userIDVerificationHash TEXT,
+    salt TEXT,
+    derivedKey TEXT,
+    isSetup TEXT DEFAULT "false",
+    UNIQUE (tmpID),
+    PRIMARY KEY (tmpID)
+);
--- a/db/migrations/0230__vector_embeddings.sql
+++ b/db/migrations/0230__vector_embeddings.sql
@ -0,0 +1,46 @@
+-- Add tables for vector embeddings storage and management
+-- This migration adds embedding support to the main document.db database
+
+-- Store embeddings for notes
+CREATE TABLE IF NOT EXISTS "note_embeddings" (
+    "embedId" TEXT NOT NULL PRIMARY KEY,
+    "noteId" TEXT NOT NULL,
+    "providerId" TEXT NOT NULL,
+    "modelId" TEXT NOT NULL,
+    "dimension" INTEGER NOT NULL,
+    "embedding" BLOB NOT NULL,
+    "version" INTEGER NOT NULL DEFAULT 1,
+    "dateCreated" TEXT NOT NULL,
+    "utcDateCreated" TEXT NOT NULL,
+    "dateModified" TEXT NOT NULL,
+    "utcDateModified" TEXT NOT NULL
+);
+
+CREATE INDEX "IDX_note_embeddings_noteId" ON "note_embeddings" ("noteId");
+CREATE INDEX "IDX_note_embeddings_providerId_modelId" ON "note_embeddings" ("providerId", "modelId");
+
+-- Table to track which notes need embedding updates
+CREATE TABLE IF NOT EXISTS "embedding_queue" (
+    "noteId" TEXT NOT NULL PRIMARY KEY,
+    "operation" TEXT NOT NULL, -- CREATE, UPDATE, DELETE
+    "dateQueued" TEXT NOT NULL,
+    "utcDateQueued" TEXT NOT NULL,
+    "priority" INTEGER NOT NULL DEFAULT 0,
+    "attempts" INTEGER NOT NULL DEFAULT 0,
+    "lastAttempt" TEXT NULL,
+    "error" TEXT NULL,
+    "failed" INTEGER NOT NULL DEFAULT 0,
+    "isProcessing" INTEGER NOT NULL DEFAULT 0
+);
+
+-- Table to store embedding provider configurations
+CREATE TABLE IF NOT EXISTS "embedding_providers" (
+    "providerId" TEXT NOT NULL PRIMARY KEY,
+    "name" TEXT NOT NULL,
+    "priority" INTEGER NOT NULL DEFAULT 0,
+    "config" TEXT NOT NULL, -- JSON config object
+    "dateCreated" TEXT NOT NULL,
+    "utcDateCreated" TEXT NOT NULL,
+    "dateModified" TEXT NOT NULL,
+    "utcDateModified" TEXT NOT NULL
+);
--- a/db/schema.sql
+++ b/db/schema.sql
@ -126,9 +126,64 @@ CREATE TABLE IF NOT EXISTS "attachments"
    utcDateScheduledForErasureSince TEXT DEFAULT NULL,
    isDeleted    INT  not null,
    deleteId    TEXT DEFAULT NULL);
+CREATE TABLE IF NOT EXISTS "user_data"
+(
+    tmpID INT,
+    username TEXT,
+    email TEXT,
+    userIDEncryptedDataKey TEXT,
+    userIDVerificationHash TEXT,
+    salt TEXT,
+    derivedKey TEXT,
+    isSetup TEXT DEFAULT "false",
+    UNIQUE (tmpID),
+    PRIMARY KEY (tmpID)
+);
 CREATE INDEX IDX_attachments_ownerId_role
    on attachments (ownerId, role);

 CREATE INDEX IDX_notes_blobId on notes (blobId);
 CREATE INDEX IDX_revisions_blobId on revisions (blobId);
 CREATE INDEX IDX_attachments_blobId on attachments (blobId);
+
+CREATE TABLE IF NOT EXISTS "note_embeddings" (
+    "embedId" TEXT NOT NULL PRIMARY KEY,
+    "noteId" TEXT NOT NULL,
+    "providerId" TEXT NOT NULL,
+    "modelId" TEXT NOT NULL,
+    "dimension" INTEGER NOT NULL,
+    "embedding" BLOB NOT NULL,
+    "version" INTEGER NOT NULL DEFAULT 1,
+    "dateCreated" TEXT NOT NULL,
+    "utcDateCreated" TEXT NOT NULL,
+    "dateModified" TEXT NOT NULL,
+    "utcDateModified" TEXT NOT NULL
+);
+
+CREATE INDEX "IDX_note_embeddings_noteId" ON "note_embeddings" ("noteId");
+CREATE INDEX "IDX_note_embeddings_providerId_modelId" ON "note_embeddings" ("providerId", "modelId");
+
+CREATE TABLE IF NOT EXISTS "embedding_queue" (
+    "noteId" TEXT NOT NULL PRIMARY KEY,
+    "operation" TEXT NOT NULL,
+    "dateQueued" TEXT NOT NULL,
+    "utcDateQueued" TEXT NOT NULL,
+    "priority" INTEGER NOT NULL DEFAULT 0,
+    "attempts" INTEGER NOT NULL DEFAULT 0,
+    "lastAttempt" TEXT NULL,
+    "error" TEXT NULL,
+    "failed" INTEGER NOT NULL DEFAULT 0,
+    "isProcessing" INTEGER NOT NULL DEFAULT 0
+);
+
+CREATE TABLE IF NOT EXISTS "embedding_providers" (
+    "providerId" TEXT NOT NULL PRIMARY KEY,
+    "name" TEXT NOT NULL,
+    "isEnabled" INTEGER NOT NULL DEFAULT 0,
+    "priority" INTEGER NOT NULL DEFAULT 0,
+    "config" TEXT NOT NULL,
+    "dateCreated" TEXT NOT NULL,
+    "utcDateCreated" TEXT NOT NULL,
+    "dateModified" TEXT NOT NULL,
+    "utcDateModified" TEXT NOT NULL
+);
--- a/demo/!!!meta.json
+++ b/demo/!!!meta.json
--- a/src/public/app/doc_notes/en/User
+++ b/src/public/app/doc_notes/en/User
@ -6,6 +6,6 @@
 </head>
 <frameset cols="25%,75%">
    <frame name="navigation" src="navigation.html">
-    <frame name="detail" src="User%20Guide.html">
+    <frame name="detail" src="root/Journal.dat">
 </frameset>
 </html>
--- a/demo/navigation.html
+++ b/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/work/Send%20invites%20for%20christmas%20par.html"
+                            target="detail">Send invites for christmas party</a>
+                          </li>
+                          <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>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/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/tesco/Buy%20milk.html"
+                                target="detail">Buy milk</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>
--- a/demo/root/Journal.dat
+++ b/demo/root/Journal.dat
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -0,0 +1,81 @@
+<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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -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>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>
--- a/template/Highlights.html
+++ b/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>
--- a/Demo/Books/Reviews/The
+++ b/Demo/Books/Reviews/The
@ -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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -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>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>
--- a/examples/Checkbox
+++ b/examples/Checkbox
@ -0,0 +1,47 @@
+<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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -0,0 +1,33 @@
+<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>
--- a/examples/Highlighting.html
+++ b/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>
--- a/examples/Math.html
+++ b/examples/Math.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>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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -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>
--- a/Demo/Inbox/Grocery
+++ b/Demo/Inbox/Grocery
@ -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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -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="ZWCYra81yOFO" 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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
--- a/Demo/Journal.html
+++ b/Demo/Journal.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>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>
--- a/Demo/Journal/2021/11
+++ b/Demo/Journal/2021/11
@ -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>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>
--- a/Demo/Journal/2021/11
+++ b/Demo/Journal/2021/11
@ -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>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>
--- a/Demo/Journal/2021/11
+++ b/Demo/Journal/2021/11
@ -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>
--- a/Demo/Journal/2021/11
+++ b/Demo/Journal/2021/11
@ -0,0 +1,33 @@
+<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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/src/public/app/doc_notes/en/User
+++ b/src/public/app/doc_notes/en/User
@ -3,17 +3,17 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="../../../../../../style.css">
    <base target="_parent">
-    <title data-trilium-title>User Guide</title>
+    <title data-trilium-title>Meeting minutes</title>
  </head>
  
  <body>
    <div class="content">
-       <h1 data-trilium-h1>User Guide</h1>
+       <h1 data-trilium-h1>Meeting minutes</h1>

      <div class="ck-content">
-        <p>The sub-children of this note are automatically synced.</p>
+        <p>bla bla bla...</p>
      </div>
    </div>
  </body>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>
--- a/Mechanical/Highlights.html
+++ b/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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>
--- a/Demo/Journal/2021/12
+++ b/Demo/Journal/2021/12
@ -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>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>
--- a/Demo/Journal/2021/Epics.html
+++ b/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>
--- a/Demo/Journal/2021/Epics/Christmas.html
+++ b/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>
--- a/Demo/Journal/2021/Epics/Christmas/Christmas
+++ b/Demo/Journal/2021/Epics/Christmas/Christmas
@ -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>
--- a/Demo/Journal/2021/Epics/Christmas/Shopping/28.
+++ b/Demo/Journal/2021/Epics/Christmas/Shopping/28.
@ -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>
--- a/Demo/Journal/2021/Epics/Christmas/Vacation
+++ b/Demo/Journal/2021/Epics/Christmas/Vacation
@ -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>
--- a/Demo/Journal/2021/Epics/Vacation.html
+++ b/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>
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -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>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>
--- a/Types/Canvas.json
+++ b/Types/Canvas.json
--- a/Types/Canvas_canvas-export.svg
+++ b/Types/Canvas_canvas-export.svg
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -0,0 +1 @@
+{"view":{"center":{"lat":5.840169838914697,"lng":14.578571156950112},"zoom":3}}
--- a/demo/root/Trilium
+++ b/demo/root/Trilium
@ -0,0 +1,46 @@
+<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>
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				`{"view":{"center":{"lat":5.840169838914697,"lng":14.578571156950112},"zoom":3}}`