fixed url flicker

hm...
hotfix
2026-02-05 11:09:26 +00:00 · 2025-06-27 00:18:46 +02:00 · 2025-06-27 00:03:35 +02:00 · 2025-06-26 23:21:01 +02:00 · 2025-06-26 22:00:03 +02:00 · 2025-06-26 13:36:02 +02:00
65 changed files with 962 additions and 851 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -164,7 +164,8 @@ cython_debug/
 test/.static
 test/.thumbnails
 test/**/index.html
-test/**/.sizelist.json
+test/**/license.html
+test/**/.metadata.json
 test/manifest.json
 themes/previews
 logs
--- a/.python-version
+++ b/.python-version
@@ -1 +1 @@
-3.12
+StaticGalleryBuilder
--- a/.version
+++ b/.version
@@ -1 +1 @@
-2.6.1
+2.8.1
--- a/README.md
+++ b/README.md
@@ -97,6 +97,7 @@ To generate a web manifest file:
 - The script generates the preview thumbnails in a `.thumbnails` subdirectory within the root folder.
 - The `.lock` file prevents multiple instances of the script from running simultaneously. Make sure to remove it if the script terminates unexpectedly.
 - Add a `info` file into any directory containing pictures and it will be read and displayed as a tooltip on the website.
+- Add tags to the Image xmp `subject` or to `.metadata.json` to tag images for filtering.

 ## License

--- a/StaticGalleryBuilder.code-workspace
+++ b/StaticGalleryBuilder.code-workspace
@@ -1,243 +1,262 @@
 {
-    "extensions": {
-        "recommendations": [
-            "charliermarsh.ruff",
-            "esbenp.prettier-vscode",
-            "ms-edgedevtools.vscode-edge-devtools",
-            "ms-python.debugpy",
-            "ms-python.python",
-            "ms-python.vscode-pylance",
-            "samuelcolvin.jinjahtml",
-            "vscode.css-language-features",
-            "vscode.html-language-features",
+  "extensions": {
+    "recommendations": [
+      "charliermarsh.ruff",
+      "esbenp.prettier-vscode",
+      "ms-edgedevtools.vscode-edge-devtools",
+      "ms-python.debugpy",
+      "ms-python.python",
+      "ms-python.vscode-pylance",
+      "samuelcolvin.jinjahtml",
+      "vscode.css-language-features",
+      "vscode.html-language-features"
+    ]
+  },
+  "folders": [
+    {
+      "name": "StaticGalleryBuilder",
+      "path": "./"
+    }
+  ],
+  "launch": {
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "args": [
+          "-p",
+          "${workspaceFolder}/test",
+          "-w",
+          "file://${workspaceFolder}/test",
+          "-t",
+          "Pictures",
+          "--theme",
+          "themes/alpenglow.css",
+          "--use-fancy-folders",
+          "--web-manifest",
+          "-l",
+          "cc-by-nc-sa",
+          "-n",
+          "-m",
+          "--reverse-sort",
+          "--regenerate-thumbnails",
+          "--reread-metadata",
+          "--folderthumbnails"
        ],
+        "console": "integratedTerminal",
+        "name": "Testfolder",
+        "postDebugTask": "Delete Lockfile",
+        "program": "${workspaceFolder}/builder.py",
+        "request": "launch",
+        "type": "debugpy"
+      },
+      {
+        "args": [
+          "-p",
+          "/home/user/woek/Pictures",
+          "-w",
+          "file:///home/user/woek/Pictures",
+          "-t",
+          "Pictures",
+          "--theme",
+          "themes/default.css",
+          "--use-fancy-folders",
+          "--web-manifest",
+          "-n",
+          "-m",
+          // "--regenerate-thumbnails",
+          // "--reread-metadata",
+          "--folderthumbnails"
+        ],
+        "console": "integratedTerminal",
+        "name": "woek",
+        "postDebugTask": "Delete Lockfile 2",
+        "program": "${workspaceFolder}/builder.py",
+        "request": "launch",
+        "type": "debugpy"
+      },
+      {
+        "args": [
+          "--use-fancy-folders",
+          "-p",
+          "/mnt/nfs/pictures/",
+          "-w",
+          "https://pictures.sorogon.eu/",
+          "-t",
+          "Sorogon's Pictures",
+          "--theme",
+          "/home/user/git/github.com/greflm13/simple-picture-server/themes/alpenglow.css",
+          "-m",
+          "--exclude-folder",
+          "Scans",
+          "--exclude-folder",
+          "*/Galleries/*",
+          "--folderthumbnails",
+        ],
+        "console": "integratedTerminal",
+        "name": "production",
+        "program": "${workspaceFolder}/builder.py",
+        "request": "launch",
+        "type": "debugpy"
+      },
+      {
+        "args": [
+          "${workspaceFolder}/themes",
+          "https://pictures.sorogon.eu/public/Example/"
+        ],
+        "console": "integratedTerminal",
+        "name": "Generate Themes previews",
+        "program": "${workspaceFolder}/generate_previews.py",
+        "request": "launch",
+        "type": "debugpy"
+      }
+    ]
+  },
+  "settings": {
+    "[css]": {
+      "editor.defaultFormatter": "vscode.css-language-features"
    },
-    "folders": [
-        {
-            "name": "StaticGalleryBuilder",
-            "path": "./",
-        },
+    "[jinja-css]": {
+      "editor.defaultFormatter": "vscode.css-language-features"
+    },
+    "[jinja-html]": {
+      "editor.defaultFormatter": "vscode.html-language-features"
+    },
+    "[jinja-js]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[python]": {
+      "editor.defaultFormatter": "charliermarsh.ruff"
+    },
+    "black-formatter.args": ["-l 260"],
+    "black-formatter.interpreter": ["/usr/bin/python3"],
+    "editor.formatOnSave": false,
+    "emmet.includeLanguages": {
+      "jinja-css": "css",
+      "jinja-html": "html",
+      "jinja-js": "javascript",
+      "jinja-json": "json"
+    },
+    "files.associations": {
+      "**/*.css.j2": "jinja-css",
+      "**/*.css": "css",
+      "**/*.html.j2": "jinja-html"
+    },
+    "gitblame.inlineMessageEnabled": true,
+    "gitblame.inlineMessageFormat": "${author.name}, ${time.ago} • ${commit.summary}",
+    "gitblame.statusBarMessageFormat": "${author.name} (${time.ago})",
+    "html.format.indentHandlebars": true,
+    "html.format.templating": true,
+    "html.format.wrapAttributes": "preserve",
+    "html.format.wrapLineLength": 200,
+    "html.hover.documentation": true,
+    "html.suggest.html5": true,
+    "html.validate.scripts": true,
+    "html.validate.styles": true,
+    "json.schemaDownload.enable": true,
+    "json.schemas": [
+      {
+        "fileMatch": ["manifest.json.j2"],
+        "url": "https://json.schemastore.org/web-manifest-combined.json"
+      }
    ],
-    "launch": {
-        "version": "0.2.0",
-        "configurations": [
-            {
-                "args": [
-                    "-p",
-                    "${workspaceFolder}/test",
-                    "-w",
-                    "file://${workspaceFolder}/test",
-                    "-t",
-                    "Pictures",
-                    "--theme",
-                    "themes/alpenglow.css",
-                    "--use-fancy-folders",
-                    "--web-manifest",
-                    "-l",
-                    "cc-by-nc-sa",
-                    "-n",
-                    "-m",
-                    "--reverse-sort",
-                    "--regenerate-thumbnails",
-                    "--reread-metadata",
-                ],
-                "console": "integratedTerminal",
-                "name": "Testfolder",
-                "postDebugTask": "Delete Lockfile",
-                "program": "${workspaceFolder}/builder.py",
-                "request": "launch",
-                "type": "debugpy",
-            },
-            {
-                "args": [
-                    "-p",
-                    "/home/user/woek/Pictures",
-                    "-w",
-                    "file:///home/user/woek/Pictures",
-                    "-t",
-                    "Pictures",
-                    "--theme",
-                    "themes/default.css",
-                    "--use-fancy-folders",
-                    "--web-manifest",
-                    "-n",
-                    "-m",
-                    // "--regenerate-thumbnails",
-                    // "--reread-metadata",
-                ],
-                "console": "integratedTerminal",
-                "name": "woek",
-                "postDebugTask": "Delete Lockfile 2",
-                "program": "${workspaceFolder}/builder.py",
-                "request": "launch",
-                "type": "debugpy",
-            },
-            {
-                "args": [
-                    "${workspaceFolder}/themes",
-                    "https://pictures.sorogon.eu/Analog/Example/"
-                ],
-                "console": "integratedTerminal",
-                "name": "Generate Themes previews",
-                "program": "${workspaceFolder}/generate_previews.py",
-                "request": "launch",
-                "type": "debugpy",
-            }
-        ],
+    "prettier.htmlWhitespaceSensitivity": "css",
+    "pylint.args": [
+      "--disable=C0111",
+      "--disable=C0301",
+      "--good-names-rgxs=^[_a-z][_a-z0-9]?$"
+    ],
+    "python.analysis.inlayHints.callArgumentNames": "off",
+    "python.analysis.inlayHints.functionReturnTypes": false,
+    "python.analysis.inlayHints.variableTypes": false,
+    "yaml.schemas": {
+      "https://raw.githubusercontent.com/pamburus/hl/master/schema/json/config.schema.json": "file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/hl_config.yaml"
    },
-    "settings": {
-        "[css]": {
-            "editor.defaultFormatter": "vscode.css-language-features",
+    "ruff.lineLength": 180
+  },
+  "tasks": {
+    "version": "2.0.0",
+    "tasks": [
+      {
+        "command": "rm -f ${workspaceFolder}/test/.lock",
+        "isBackground": true,
+        "label": "Delete Lockfile",
+        "problemMatcher": [],
+        "type": "shell",
+        "presentation": {
+          "echo": false,
+          "reveal": "never",
+          "focus": false,
+          "panel": "shared",
+          "showReuseMessage": false,
+          "clear": true
+        }
+      },
+      {
+        "command": "rm -f /home/user/woek/Pictures/.lock",
+        "isBackground": true,
+        "label": "Delete Lockfile 2",
+        "problemMatcher": [],
+        "type": "shell",
+        "presentation": {
+          "echo": false,
+          "reveal": "never",
+          "focus": false,
+          "panel": "shared",
+          "showReuseMessage": false,
+          "clear": true
+        }
+      },
+      {
+        "command": "pyinstaller builder.py modules/*.py -n StaticGalleryBuilder-$(cat .version)-linux -F --add-data files:files --add-data templates:templates --add-data .version:.",
+        "isBackground": false,
+        "label": "Build",
+        "problemMatcher": [],
+        "type": "shell",
+        "presentation": {
+          "echo": true,
+          "reveal": "always",
+          "focus": false,
+          "panel": "shared",
+          "showReuseMessage": false,
+          "clear": false
        },
-        "[jinja-css]": {
-            "editor.defaultFormatter": "vscode.css-language-features",
+        "group": {
+          "kind": "build",
+          "isDefault": true
        },
-        "[jinja-html]": {
-            "editor.defaultFormatter": "vscode.html-language-features",
+        "dependsOn": ["Clean"]
+      },
+      {
+        "command": "rm -rf build dist",
+        "isBackground": true,
+        "label": "Clean",
+        "problemMatcher": [],
+        "type": "shell",
+        "presentation": {
+          "echo": true,
+          "reveal": "never",
+          "focus": false,
+          "panel": "shared",
+          "showReuseMessage": false,
+          "clear": true
        },
-        "[jinja-js]": {
-            "editor.defaultFormatter": "esbenp.prettier-vscode",
-        },
-        "[python]": {
-            "editor.defaultFormatter": "ms-python.black-formatter",
-        },
-        "black-formatter.args": [
-            "-l 260",
-        ],
-        "black-formatter.interpreter": [
-            "/usr/bin/python3",
-        ],
-        "editor.formatOnSave": false,
-        "emmet.includeLanguages": {
-            "jinja-css": "css",
-            "jinja-html": "html",
-            "jinja-js": "javascript",
-            "jinja-json": "json",
-        },
-        "files.associations": {
-            "**/*.css.j2": "jinja-css",
-            "**/*.css": "css",
-            "**/*.html.j2": "jinja-html",
-        },
-        "gitblame.inlineMessageEnabled": true,
-        "gitblame.inlineMessageFormat": "${author.name}, ${time.ago} • ${commit.summary}",
-        "gitblame.statusBarMessageFormat": "${author.name} (${time.ago})",
-        "html.format.indentHandlebars": true,
-        "html.format.templating": true,
-        "html.format.wrapAttributes": "preserve",
-        "html.format.wrapLineLength": 200,
-        "html.hover.documentation": true,
-        "html.suggest.html5": true,
-        "html.validate.scripts": true,
-        "html.validate.styles": true,
-        "json.schemaDownload.enable": true,
-        "json.schemas": [
-            {
-                "fileMatch": [
-                    "manifest.json.j2",
-                ],
-                "url": "https://json.schemastore.org/web-manifest-combined.json",
-            },
-        ],
-        "prettier.htmlWhitespaceSensitivity": "css",
-        "pylint.args": [
-            "--disable=C0111",
-            "--disable=C0301",
-            "--good-names-rgxs=^[_a-z][_a-z0-9]?$",
-        ],
-        "python.analysis.inlayHints.callArgumentNames": "off",
-        "python.analysis.inlayHints.functionReturnTypes": false,
-        "python.analysis.inlayHints.variableTypes": false,
-        "yaml.schemas": {
-            "https://raw.githubusercontent.com/pamburus/hl/master/schema/json/config.schema.json": "file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/hl_config.yaml"
-        },
-    },
-    "tasks": {
-        "version": "2.0.0",
-        "tasks": [
-            {
-                "command": "rm -f ${workspaceFolder}/test/.lock",
-                "isBackground": true,
-                "label": "Delete Lockfile",
-                "problemMatcher": [],
-                "type": "shell",
-                "presentation": {
-                    "echo": false,
-                    "reveal": "never",
-                    "focus": false,
-                    "panel": "shared",
-                    "showReuseMessage": false,
-                    "clear": true
-                }
-            },
-            {
-                "command": "rm -f /home/user/woek/Pictures/.lock",
-                "isBackground": true,
-                "label": "Delete Lockfile 2",
-                "problemMatcher": [],
-                "type": "shell",
-                "presentation": {
-                    "echo": false,
-                    "reveal": "never",
-                    "focus": false,
-                    "panel": "shared",
-                    "showReuseMessage": false,
-                    "clear": true
-                }
-            },
-            {
-                "command": "pyinstaller builder.py modules/*.py -n StaticGalleryBuilder-$(cat .version)-linux -F --add-data files:files --add-data templates:templates --add-data .version:.",
-                "isBackground": false,
-                "label": "Build",
-                "problemMatcher": [],
-                "type": "shell",
-                "presentation": {
-                    "echo": true,
-                    "reveal": "always",
-                    "focus": false,
-                    "panel": "shared",
-                    "showReuseMessage": false,
-                    "clear": false
-                },
-                "group": {
-                    "kind": "build",
-                    "isDefault": true
-                },
-                "dependsOn": [
-                    "Clean"
-                ]
-            },
-            {
-                "command": "rm -rf build dist",
-                "isBackground": true,
-                "label": "Clean",
-                "problemMatcher": [],
-                "type": "shell",
-                "presentation": {
-                    "echo": true,
-                    "reveal": "never",
-                    "focus": false,
-                    "panel": "shared",
-                    "showReuseMessage": false,
-                    "clear": true
-                },
-                "group": "build"
-            },
-            {
-                "command": "LESS=-SR hl logs/latest.jsonl --config hl_config.yaml",
-                "isBackground": false,
-                "label": "View Latest Log",
-                "problemMatcher": [],
-                "type": "shell",
-                "presentation": {
-                    "echo": false,
-                    "reveal": "always",
-                    "focus": true,
-                    "panel": "dedicated",
-                    "showReuseMessage": false,
-                    "clear": true
-                }
-            }
-        ],
-    },
+        "group": "build"
+      },
+      {
+        "command": "LESS=-SR hl logs/latest.jsonl --config hl_config.yaml",
+        "isBackground": false,
+        "label": "View Latest Log",
+        "problemMatcher": [],
+        "type": "shell",
+        "presentation": {
+          "echo": false,
+          "reveal": "always",
+          "focus": true,
+          "panel": "dedicated",
+          "showReuseMessage": false,
+          "clear": true
+        }
+      }
+    ]
+  }
 }
--- a/builder.py
+++ b/builder.py
@@ -3,6 +3,7 @@ import os
 import re
 import sys
 import shutil
+import urllib.error
 import urllib.parse
 import urllib.request
 from multiprocessing import Pool, freeze_support
@@ -33,8 +34,6 @@ IMG_EXTENSIONS = [".jpg", ".jpeg", ".png"]
 NOT_LIST = ["*/Galleries/*", "Archives"]
 # fmt: on

-pbardict: dict[str, tqdm] = {}
-
 args = parse_arguments(VERSION)

 lock_file = os.path.join(args.root_directory, ".lock")
@@ -44,7 +43,7 @@ if os.path.exists(lock_file):
 else:
    from modules.logger import logger
    from modules.svg_handling import icons, webmanifest, extract_colorscheme
-    from modules.generate_html import list_folder, EXCLUDES
+    from modules.generate_html import list_folder


 def init_globals(_args: Args, raw: list[str]) -> tuple[Args, list[str]]:
@@ -174,15 +173,18 @@ def main(args) -> None:

        logger.info("getting logo from sorogon.eu")
        req = urllib.request.Request("https://files.sorogon.eu/logo.svg")
-        with urllib.request.urlopen(req) as res:
-            logo = res.read().decode()
+        try:
+            with urllib.request.urlopen(req, timeout=10) as res:
+                logo = res.read().decode()

-        if logo.startswith("<?xml"):
-            logo = re.sub(r"<\?xml.+\?>", "", logo).strip()
-        if logo.startswith("<!--"):
-            logo = re.sub(r"<!--.+-->", "", logo).strip()
-        logo = logo.replace("\n", " ")
-        logo = " ".join(logo.split())
+            if logo.startswith("<?xml"):
+                logo = re.sub(r"<\?xml.+\?>", "", logo).strip()
+            if logo.startswith("<!--"):
+                logo = re.sub(r"<!--.+-->", "", logo).strip()
+            logo = logo.replace("\n", " ")
+            logo = " ".join(logo.split())
+        except urllib.error.URLError:
+            logo = "&lt;/srgn&gt;"

        if args.reread_metadata:
            logger.warning("reread metadata flag is set to true, all image metadata will be reread")
--- a/files/global.css
+++ b/files/global.css
@@ -131,14 +131,18 @@ figure {
  text-decoration: none;
 }

-.navbar .title {
+.navbar .navleft {
+  float: left;
+}
+
+.navbar .navcenter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
 }

-.navbar .license {
-  float: right;
+.navbar .navright {
+  float: right
 }

 .navbar li .header {
@@ -150,18 +154,31 @@ figure {

 .tooltip {
  position: relative;
+  cursor: pointer;
 }

 .tooltip .tooltiptext {
  display: none;
+  cursor: default;
  width: max-content;
  position: absolute;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.3s;
+  float: left;
+  max-height: 286px;
+  overflow: scroll;
+}
+
+.tooltip .infotext {
  padding: 12px;
 }

+.tooltip .tagdropdown {
+  padding: 0;
+  margin: 0;
+}
+
 .tooltip:hover .tooltiptext {
  display: block;
  opacity: 1;
@@ -172,6 +189,27 @@ figure {
  opacity: 1;
 }

+.tooltip .tooltiptext .tagentry {
+  list-style: none;
+  width: 100%;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+}
+
+.tooltip .tooltiptext ol {
+  margin-left: 0;
+  padding-left: 0.5em;
+}
+
+.tooltip .tooltiptext .tagentry label {
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+  padding: 12px;
+  display: block;
+}
+
 .column {
  -ms-flex: 12.5%;
  flex: 12.5%;
--- a/generate_previews.py
+++ b/generate_previews.py
@@ -1,7 +1,6 @@
 import os
 import re
 import sys
-import time
 import shutil
 import base64
 import fileinput
--- a/modules/generate_html.py
+++ b/modules/generate_html.py
@@ -5,10 +5,12 @@ import fnmatch
 import json
 from typing import Any
 from datetime import datetime
+from collections import defaultdict

 from tqdm.auto import tqdm
-from PIL import Image, ExifTags, TiffImagePlugin
+from PIL import Image, ExifTags, TiffImagePlugin, UnidentifiedImageError
 from jinja2 import Environment, FileSystemLoader
+from defusedxml import ElementTree

 from modules.logger import logger
 from modules import cclicense
@@ -29,55 +31,119 @@ Image.MAX_IMAGE_PIXELS = 933120000

 # Initialize Jinja2 environment for template rendering
 env = Environment(loader=FileSystemLoader(os.path.join(SCRIPTDIR, "templates")))
-thumbnails: list[tuple[str, str]] = []
+thumbnails: list[tuple[str, str, str]] = []
 info: dict[str, str] = {}
 licens: dict[str, str] = {}
-pbardict: dict[str, tqdm] = {}


-def initialize_sizelist(folder: str) -> dict[str, dict[str, int]]:
+def getxmp(strbuffer: str) -> dict[str, Any]:
    """
-    Initializes the size list JSON file if it doesn't exist.
+    Returns a dictionary containing the XMP tags.
+    Requires defusedxml to be installed.
+
+    :returns: XMP tags in a dictionary.
+    """
+
+    def get_name(tag: str) -> str:
+        return re.sub("^{[^}]+}", "", tag)
+
+    def get_value(element) -> str | dict[str, Any] | None:
+        value: dict[str, Any] = {get_name(k): v for k, v in element.attrib.items()}
+        children = list(element)
+        if children:
+            for child in children:
+                name = get_name(child.tag)
+                child_value = get_value(child)
+                if name in value:
+                    if not isinstance(value[name], list):
+                        value[name] = [value[name]]
+                    value[name].append(child_value)
+                else:
+                    value[name] = child_value
+        elif value:
+            if element.text:
+                value["text"] = element.text
+        else:
+            return element.text
+        return value
+
+    root = ElementTree.fromstring(strbuffer)
+    return {get_name(root.tag): get_value(root)}
+
+
+def initialize_metadata(folder: str) -> dict[str, dict[str, int]]:
+    """
+    Initializes the metadata JSON file if it doesn't exist.

    Args:
-        folder (str): The folder in which the size list file is located.
+        folder (str): The folder in which the metadata file is located.

    Returns:
-        dict[str, dict[str, int]]: The size list dictionary.
+        dict[str, dict[str, int]]: The metadata dictionary.
    """
-    sizelist = {}
-    sizelist_path = os.path.join(folder, ".sizelist.json")
-    if not os.path.exists(sizelist_path):
-        logger.info("creating new size list file", extra={"file": sizelist_path})
-        with open(sizelist_path, "x", encoding="utf-8") as sizelistfile:
-            sizelistfile.write("{}")
-    with open(sizelist_path, "r+", encoding="utf-8") as sizelistfile:
-        logger.info("reading size list file", extra={"file": sizelist_path})
+    metadata = {}
+    metadata_path = os.path.join(folder, ".metadata.json")
+    if not os.path.exists(metadata_path):
+        logger.info("creating new metadata file", extra={"file": metadata_path})
+        with open(metadata_path, "x", encoding="utf-8") as metadatafile:
+            metadatafile.write("{}")
+    with open(metadata_path, "r+", encoding="utf-8") as metadatafile:
+        logger.info("reading metadata file", extra={"file": metadata_path})
        try:
-            sizelist = json.loads(sizelistfile.read())
+            metadata = json.loads(metadatafile.read())
        except json.decoder.JSONDecodeError:
-            logger.warning("invalid JSON in size list file", extra={"file": sizelist_path})
-            sizelist = {}
-    return sizelist
+            logger.warning("invalid JSON in metadata file", extra={"file": metadata_path})
+            metadata = {}
+
+    # remove old sizelist if it exists
+    sizelist_path = os.path.join(folder, ".sizelist.json")
+    if os.path.exists(sizelist_path):
+        with open(sizelist_path, "r") as sizelist:
+            metadata = json.loads(sizelist.read())
+        logger.warning("found old .sizelist.json, removing it...", extra={"path": sizelist_path})
+        os.remove(sizelist_path)
+
+    # convert from old metadata format
+    if "images" not in metadata and "subfolders" not in metadata:
+        images = metadata.copy()
+        metadata = {}
+        metadata["images"] = images
+    elif "images" not in metadata:
+        metadata["images"] = {}
+    for k, v in metadata["images"].items():
+        if "width" in v:
+            metadata["images"][k]["w"] = v["width"]
+            del metadata["images"][k]["width"]
+        if "height" in v:
+            metadata["images"][k]["h"] = v["height"]
+            del metadata["images"][k]["height"]
+        if "tags" not in v:
+            metadata["images"][k]["tags"] = []
+        if "exifdata" not in v:
+            metadata["images"][k]["exifdata"] = None
+        if "xmp" not in v:
+            metadata["images"][k]["xmp"] = None
+
+    return metadata


-def update_sizelist(sizelist: dict[str, dict[str, Any]], folder: str) -> None:
+def update_metadata(metadata: dict[str, dict[str, Any]], folder: str) -> None:
    """
-    Updates the size list JSON file.
+    Updates the metadata JSON file.

    Args:
-        sizelist (dict[str, dict[str, int]]): The size list dictionary to be written to the file.
-        folder (str): The folder in which the size list file is located.
+        metadata (dict[str, dict[str, int]]): The metadata dictionary to be written to the file.
+        folder (str): The folder in which the metadata file is located.
    """
-    sizelist_path = os.path.join(folder, ".sizelist.json")
-    if sizelist:
-        with open(sizelist_path, "w", encoding="utf-8") as sizelistfile:
-            logger.info("writing size list file", extra={"file": sizelist_path})
-            sizelistfile.write(json.dumps(sizelist, indent=4))
+    metadata_path = os.path.join(folder, ".metadata.json")
+    if metadata:
+        with open(metadata_path, "w", encoding="utf-8") as metadatafile:
+            logger.info("writing metadata file", extra={"file": metadata_path})
+            metadatafile.write(json.dumps(metadata, indent=4))
    else:
-        if os.path.exists(sizelist_path):
-            logger.info("deleting empty size list file", extra={"file": sizelist_path})
-            os.remove(sizelist_path)
+        if os.path.exists(metadata_path):
+            logger.info("deleting empty metadata file", extra={"file": metadata_path})
+            os.remove(metadata_path)


 def get_image_info(item: str, folder: str) -> dict[str, Any]:
@@ -92,10 +158,17 @@ def get_image_info(item: str, folder: str) -> dict[str, Any]:
        dict[str, Any]: A dictionary containing image width, height, and EXIF data.
    """
    file = os.path.join(folder, item)
-    with Image.open(file) as img:
-        logger.info("extracting image information", extra={"file": file})
-        exif = img.getexif()
-        width, height = img.size
+    try:
+        with Image.open(file) as img:
+            logger.info("extracting image information", extra={"file": file})
+            width, height = img.size
+            exif = img.getexif()
+            xmpdata = img.getxmp()
+
+    except UnidentifiedImageError:
+        logger.error("cannot identify image file", extra={"file": file})
+        print(f"cannot identify image file: {file}")
+        return {"w": None, "h": None, "tags": None, "exifdata": None, "xmp": None}
    if exif:
        logger.info("extracting EXIF data", extra={"file": file})
        ifd = exif.get_ifd(ExifTags.IFD.Exif)
@@ -117,9 +190,9 @@ def get_image_info(item: str, folder: str) -> dict[str, Any]:
                    content = newtuple
            if tag in ["DateTime", "DateTimeOriginal", "DateTimeDigitized"]:
                epr = r"\d{4}:\d{2}:\d{2} \d{2}:\d{2}:\d{2}"
-                if re.match(epr, content):
+                if re.match(epr, str(content)):
                    try:
-                        content = datetime.strptime(content, "%Y:%m:%d %H:%M:%S").strftime("%Y-%m-%d %H:%M:%S")
+                        content = datetime.strptime(str(content), "%Y:%m:%d %H:%M:%S").strftime("%Y-%m-%d %H:%M:%S")
                    except ValueError:
                        content = None
                else:
@@ -131,12 +204,129 @@ def get_image_info(item: str, folder: str) -> dict[str, Any]:
        for key in ["PrintImageMatching", "UserComment", "MakerNote"]:
            if key in exifdata:
                del exifdata[key]
-        return {"width": width, "height": height, "exifdata": exifdata}
    else:
-        return {"width": width, "height": height, "exifdata": None}
+        exifdata = None
+    tags = []
+    xmp = None
+    if xmpdata:
+        logger.info("extracting XMP data", extra={"file": file})
+        try:
+            tags = xmpdata["xmpmeta"]["RDF"]["Description"]["subject"]["Bag"]["li"]
+            if isinstance(tags, str):
+                tags = [tags]
+        except TypeError:
+            pass
+        except KeyError:
+            pass
+        try:
+            tags = xmpdata["xapmeta"]["RDF"]["Description"]["subject"]["Bag"]["li"]
+            if isinstance(tags, str):
+                tags = [tags]
+        except TypeError:
+            pass
+        except KeyError:
+            pass
+        try:
+            tags = xmpdata["xmpmeta"]["RDF"]["Description"]["hierarchicalSubject"]["Bag"]["li"]
+            if isinstance(tags, str):
+                tags = [tags]
+        except TypeError:
+            pass
+        except KeyError:
+            pass
+        try:
+            tags = xmpdata["xapmeta"]["RDF"]["Description"]["hierarchicalSubject"]["Bag"]["li"]
+            if isinstance(tags, str):
+                tags = [tags]
+        except TypeError:
+            pass
+        except KeyError:
+            pass
+    if None in tags:
+        tags.remove(None)
+    return {"w": width, "h": height, "tags": tags, "exifdata": exifdata, "xmp": xmp}


-def process_image(item: str, folder: str, _args: Args, baseurl: str, sizelist: dict[str, dict[str, int]], raw: list[str]) -> dict[str, Any]:
+def nested_dict():
+    return defaultdict(nested_dict)
+
+
+def insert_path(d, path):
+    for part in path[:-1]:
+        d = d[part]
+    last = path[-1]
+    if not isinstance(d[last], dict):
+        d[last] = {}
+
+
+def finalize(d):
+    if isinstance(d, defaultdict):
+        # Sort keys before recursion
+        return {k: finalize(d[k]) for k in sorted(d)}
+    return d or []
+
+
+def parse_hierarchical_tags(tags, delimiter="|"):
+    tree = nested_dict()
+    for tag in tags:
+        parts = tag.split(delimiter)
+        insert_path(tree, parts)
+    return finalize(tree)
+
+
+def get_tags(sidecarfile: str) -> list[str]:
+    """
+    Extracts Tags from XMP sidecar file
+
+    Args:
+        sidecarfile (str): The path to the XMP sidecar file.
+
+    Returns:
+        list[str]: List containing image tags.
+    """
+    logger.info("extracting XMP sidecar file data", extra={"file": sidecarfile})
+    with open(sidecarfile) as sidecar:
+        strbuffer = sidecar.read()
+    xmpdata = getxmp(strbuffer)
+    tags = []
+    try:
+        tags = xmpdata["xmpmeta"]["RDF"]["Description"]["subject"]["Bag"]["li"]
+        if isinstance(tags, str):
+            tags = [tags]
+    except TypeError:
+        pass
+    except KeyError:
+        pass
+    try:
+        tags = xmpdata["xapmeta"]["RDF"]["Description"]["subject"]["Bag"]["li"]
+        if isinstance(tags, str):
+            tags = [tags]
+    except TypeError:
+        pass
+    except KeyError:
+        pass
+    try:
+        tags = xmpdata["xmpmeta"]["RDF"]["Description"]["hierarchicalSubject"]["Bag"]["li"]
+        if isinstance(tags, str):
+            tags = [tags]
+    except TypeError:
+        pass
+    except KeyError:
+        pass
+    try:
+        tags = xmpdata["xapmeta"]["RDF"]["Description"]["hierarchicalSubject"]["Bag"]["li"]
+        if isinstance(tags, str):
+            tags = [tags]
+    except TypeError:
+        pass
+    except KeyError:
+        pass
+    if None in tags:
+        tags.remove(None)
+    return tags
+
+
+def process_image(item: str, folder: str, _args: Args, baseurl: str, metadata: dict[str, dict[str, int]], raw: list[str]) -> dict[str, Any]:
    """
    Processes an image and prepares its data for the HTML template.

@@ -145,23 +335,30 @@ def process_image(item: str, folder: str, _args: Args, baseurl: str, sizelist: d
        folder (str): The folder containing the image.
        _args (Args): Parsed command line arguments.
        baseurl (str): Base URL for the web root.
-        sizelist (dict[str, dict[str, int]]): dictionary containing size information for images.
+        metadata (dict[str, dict[str, int]]): dictionary containing size information for images.
        raw (list[str]): list of raw image file extensions.

    Returns:
        dict[str, Any]: dictionary containing image details for HTML rendering.
    """
    extsplit = os.path.splitext(item)
-    if item not in sizelist or _args.reread_metadata:
-        sizelist[item] = get_image_info(item, folder)
+    if item not in metadata["images"] or _args.reread_metadata:
+        metadata["images"][item] = get_image_info(item, folder)
+    sidecarfile = os.path.join(folder, item + ".xmp")
+    if os.path.exists(sidecarfile):
+        logger.info("xmp sidecar file found", extra={"file": sidecarfile})
+        try:
+            metadata["images"][item]["tags"] = get_tags(sidecarfile)
+        except Exception as e:
+            logger.error(e)

    image = {
-        "url": f"{_args.web_root_url}{baseurl}{urllib.parse.quote(item)}",
-        "thumbnail": f"{_args.web_root_url}.thumbnails/{baseurl}{urllib.parse.quote(item)}.jpg",
+        "src": f"{_args.web_root_url}{baseurl}{urllib.parse.quote(item)}",
+        "msrc": f"{_args.web_root_url}.thumbnails/{baseurl}{urllib.parse.quote(item)}.jpg",
        "name": item,
-        "width": sizelist[item]["width"],
-        "height": sizelist[item]["height"],
-        "exifdata": sizelist[item].get("exifdata", ""),
+        "w": metadata["images"][item]["w"],
+        "h": metadata["images"][item]["h"],
+        "tags": metadata["images"][item]["tags"],
    }
    path = os.path.join(_args.root_directory, ".thumbnails", baseurl, item + ".jpg")
    if not os.path.exists(path) or _args.regenerate_thumbnails:
@@ -179,10 +376,13 @@ def process_image(item: str, folder: str, _args: Args, baseurl: str, sizelist: d
            else:
                logger.info("raw file found", extra={"file": file, "extension": _raw})
                image["raw"] = url
-    return image
+
+    metadata["images"][item].update(image)
+
+    return image, metadata


-def generate_html(folder: str, title: str, _args: Args, raw: list[str], version: str, logo) -> None:
+def generate_html(folder: str, title: str, _args: Args, raw: list[str], version: str, logo) -> list[str]:
    """
    Generates HTML content for a folder of images.

@@ -194,19 +394,27 @@ def generate_html(folder: str, title: str, _args: Args, raw: list[str], version:
    """
    logger.info("processing folder", extra={"folder": folder})
    if _args.regenerate_thumbnails:
-        if os.path.exists(os.path.join(folder, ".sizelist.json")):
-            logger.info("removing .sizelist.json", extra={"folder": folder})
-            os.remove(os.path.join(folder, ".sizelist.json"))
-    sizelist = initialize_sizelist(folder)
-    items = sorted(os.listdir(folder))
+        if os.path.exists(os.path.join(folder, ".metadata.json")):
+            logger.info("removing .metadata.json", extra={"folder": folder})
+            os.remove(os.path.join(folder, ".metadata.json"))
+    metadata = initialize_metadata(folder)
+    if _args.reverse_sort:
+        items = sorted(os.listdir(folder), reverse=True)
+    else:
+        items = sorted(os.listdir(folder))

    contains_files = False
    images = []
    subfolders = []
+    subfoldertags = set()
    foldername = folder.removeprefix(_args.root_directory)
    foldername = f"{foldername}/" if foldername else ""
    baseurl = urllib.parse.quote(foldername)

+    gone = [item for item in metadata["images"] if item not in items]
+    for gon in gone:
+        del metadata["images"][gon]
+
    create_thumbnail_folder(foldername, _args.root_directory)

    logger.info("processing contents", extra={"folder": folder})
@@ -214,11 +422,12 @@ def generate_html(folder: str, title: str, _args: Args, raw: list[str], version:
        for item in tqdm(items, total=len(items), desc=f"Getting image infos - {folder}", unit="files", ascii=True, dynamic_ncols=True):
            if item not in EXCLUDES and not item.startswith("."):
                if os.path.isdir(os.path.join(folder, item)):
-                    process_subfolder(item, folder, baseurl, subfolders, _args, raw, version, logo)
+                    subfoldertags.update(process_subfolder(item, folder, baseurl, subfolders, _args, raw, version, logo))
                else:
                    contains_files = True
                    if os.path.splitext(item)[1].lower() in _args.file_extensions:
-                        images.append(process_image(item, folder, _args, baseurl, sizelist, raw))
+                        img, metadata = process_image(item, folder, _args, baseurl, metadata, raw)
+                        images.append(img)
                    if item == "info":
                        process_info_file(folder, item)
                    if item == "LICENSE":
@@ -227,24 +436,27 @@ def generate_html(folder: str, title: str, _args: Args, raw: list[str], version:
        for item in items:
            if item not in EXCLUDES and not item.startswith("."):
                if os.path.isdir(os.path.join(folder, item)):
-                    process_subfolder(item, folder, baseurl, subfolders, _args, raw, version, logo)
+                    subfoldertags.update(process_subfolder(item, folder, baseurl, subfolders, _args, raw, version, logo))
                else:
                    contains_files = True
                    if os.path.splitext(item)[1].lower() in _args.file_extensions:
-                        images.append(process_image(item, folder, _args, baseurl, sizelist, raw))
+                        img, metadata = process_image(item, folder, _args, baseurl, metadata, raw)
+                        images.append(img)
                    if item == "info":
                        process_info_file(folder, item)
                    if item == "LICENSE":
                        process_license(folder, item)

-    update_sizelist(sizelist, folder)
+    metadata["subfolders"] = subfolders
+    update_metadata(metadata, folder)

    if should_generate_html(images, contains_files, _args):
-        create_html_file(folder, title, foldername, images, subfolders, _args, version, logo)
+        subfoldertags = create_html_file(folder, title, foldername, images, subfolders, _args, version, logo, subfoldertags)
    else:
        if os.path.exists(os.path.join(folder, "index.html")):
            logger.info("removing existing index.html", extra={"folder": folder})
            os.remove(os.path.join(folder, "index.html"))
+    return subfoldertags


 def create_thumbnail_folder(foldername: str, root_directory: str) -> None:
@@ -261,7 +473,7 @@ def create_thumbnail_folder(foldername: str, root_directory: str) -> None:
        os.mkdir(thumbnails_path)


-def process_subfolder(item: str, folder: str, baseurl: str, subfolders: list[dict[str, str]], _args: Args, raw: list[str], version: str, logo: str) -> None:
+def process_subfolder(item: str, folder: str, baseurl: str, subfolders: list[dict[str, str | None]], _args: Args, raw: list[str], version: str, logo: str) -> list[str]:
    """
    Processes a subfolder.

@@ -287,10 +499,11 @@ def process_subfolder(item: str, folder: str, baseurl: str, subfolders: list[dic
            else:
                thumb = f"{_args.web_root_url}.thumbnails/{baseurl}{urllib.parse.quote(item)}/{urllib.parse.quote(thumbitems[0])}.jpg"

-    subfolders.append({"url": subfolder_url, "name": item, "thumb": thumb})
+    subfolders.append({"url": subfolder_url, "name": item, "thumb": thumb, "metadata": f"{_args.web_root_url}{baseurl}{urllib.parse.quote(item)}/.metadata.json"})
    if item not in _args.exclude_folders:
        if not any(fnmatch.fnmatchcase(os.path.join(folder, item), exclude) for exclude in _args.exclude_folders):
-            generate_html(os.path.join(folder, item), os.path.join(folder, item).removeprefix(_args.root_directory), _args, raw, version, logo)
+            return generate_html(os.path.join(folder, item), os.path.join(folder, item).removeprefix(_args.root_directory), _args, raw, version, logo)
+    return []


 def process_license(folder: str, item: str) -> None:
@@ -335,7 +548,9 @@ def should_generate_html(images: list[dict[str, Any]], contains_files, _args: Ar
    return images or (_args.use_fancy_folders and not contains_files) or (_args.use_fancy_folders and _args.ignore_other_files)


-def create_html_file(folder: str, title: str, foldername: str, images: list[dict[str, Any]], subfolders: list[dict[str, str]], _args: Args, version: str, logo: str) -> None:
+def create_html_file(
+    folder: str, title: str, foldername: str, images: list[dict[str, Any]], subfolders: list[dict[str, str]], _args: Args, version: str, logo: str, subfoldertags: list[str]
+) -> list[str]:
    """
    Creates the HTML file using the template.

@@ -366,6 +581,12 @@ def create_html_file(folder: str, title: str, foldername: str, images: list[dict
        else None
    )

+    alltags = set()
+    for img in images:
+        alltags.update(img["tags"])
+
+    alltags.update(set(subfoldertags))
+
    folder_info = info.get(urllib.parse.quote(folder), "").split("\n")
    _info = [i for i in folder_info if len(i) > 1] if folder_info else None
    if _args.reverse_sort:
@@ -408,20 +629,22 @@ def create_html_file(folder: str, title: str, foldername: str, images: list[dict
        header=header,
        license=license_info,
        subdirectories=subfolders,
-        images=images,
        info=_info,
        webmanifest=_args.generate_webmanifest,
        version=version,
        logo=logo,
        licensefile=license_url,
+        tags=parse_hierarchical_tags(alltags),
    )

    with open(html_file, "w", encoding="utf-8") as f:
        logger.info("writing html file", extra={"path": html_file})
        f.write(content)

+    return sorted(alltags)

-def list_folder(folder: str, title: str, _args: Args, raw: list[str], version: str, logo: str) -> list[tuple[str, str]]:
+
+def list_folder(folder: str, title: str, _args: Args, raw: list[str], version: str, logo: str) -> list[tuple[str, str, str]]:
    """
    lists and processes a folder, generating HTML files.

--- a/requirements.txt
+++ b/requirements.txt
@@ -1,4 +1,5 @@
 CairoSVG==2.7.1
+defusedxml==0.7.1
 Jinja2==3.1.5
 Pillow==11.1.0
 pyinstaller==6.11.1
--- a/templates/default.css
+++ b/templates/default.css
@@ -52,6 +52,10 @@
  background-color: var(--color2);
 }

+.tagentry > label:hover {
+  background-color: var(--color4);
+}
+
 .column img {
  background-color: var(--color2);
 }
--- a/templates/index.html.j2
+++ b/templates/index.html.j2
@@ -1,3 +1,17 @@
+{%- macro render_tags(tag_tree, parent) -%}
+<ol>
+  {%- for key, value in tag_tree.items() %}
+  <li class="tagentry">
+    <label onclick="filter()" title="{{ key }}" id="{{ parent }}|{{ key }}">
+      <input class="tag" type="checkbox" />{{ key }}
+    </label>
+    {%- if value %}
+    {{ render_tags(value, parent + '|' + key) }}
+    {%- endif %}
+  </li>
+  {%- endfor %}
+</ol>
+{%- endmacro -%}
 <!DOCTYPE html>
 <html lang="en">

@@ -21,33 +35,50 @@
  <link rel="preload" href="{{ root }}.static/pswp/default-skin/default-skin.css" as="style">
  <link rel="modulepreload" href="{{ root }}.static/pswp/photoswipe.min.js">
  <link rel="modulepreload" href="{{ root }}.static/pswp/photoswipe-ui-default.min.js">
-  {%- if images %}
  <link rel="stylesheet" href="{{ root }}.static/pswp/photoswipe.css">
  <link rel="stylesheet" href="{{ root }}.static/pswp/default-skin/default-skin.css">
  <script src="{{ root }}.static/pswp/photoswipe.min.js"></script>
  <script src="{{ root }}.static/pswp/photoswipe-ui-default.min.js"></script>
-  {%- endif %}
 </head>

 <body>
  <div class="header">
-    <ul class="navbar">
-      <li><a href="{{ root }}">Home</a></li>
-      {%- if parent %}
-      <li><a href="{{ parent }}">Parent Directory</a></li>
-      {%- endif %}
-      {%- if info %}
-      <li class="tooltip"><a>Info</a><span class="tooltiptext">
-          {%- for infoline in info -%}
-          {{ infoline }}<br />
-          {%- endfor -%}
-        </span></li>
-      {%- endif %}
-      <li class="title"><span class="header">{{ header }}</span></li>
-      {%- if licensefile %}
-      <li class="license"><a href="{{ licensefile }}">License</a></li>
-      {%- endif %}
-    </ul>
+    <ol class="navbar">
+      <div class="navleft">
+        <li><a href="{{ root }}">Home</a></li>
+        {%- if parent %}
+        <li><a href="{{ parent }}">Parent Directory</a></li>
+        {%- endif %}
+        {%- if info %}
+        <li class="tooltip"><a>Info</a><span class="tooltiptext infotext">
+            {%- for infoline in info -%}
+            {{ infoline }}<br />
+            {%- endfor -%}
+          </span></li>
+        {%- endif %}
+      </div>
+      <div class="navcenter">
+        <li class="title"><span class="header">{{ header }}</span></li>
+      </div>
+      <div class="navright">
+        {% if tags %}
+        <li class="tooltip">
+          <a>Filter by Tags</a>
+          <ol class="tooltiptext tagdropdown" id="tagdropdown">
+            <span class="tagentry">
+              <label onclick="recursive()">
+                <input type="checkbox" id="recursive" />recursive filter
+              </label>
+            </span>
+            {{ render_tags(tags, '') }}
+          </ol>
+        </li>
+        {% endif %}
+        {%- if licensefile %}
+        <li class="license"><a href="{{ licensefile }}">License</a></li>
+        {%- endif %}
+      </div>
+    </ol>
    {% if subdirectories %}
    {%- for subdirectory in subdirectories %}
    <link rel="preload" href="{{ subdirectory.url }}/index.html" type="text/html">
@@ -67,27 +98,8 @@
    </div>
    {%- endif %}
  </div>
-  {% if images %}
-  {%- set ns = namespace(count = 0) -%}
-  <div class="row">
-    {%- for image in images %}
-    <div class="column">
-      <figure>
-        <img src="{{ image.thumbnail }}" alt="{{ image.name }}" onclick="openSwipe({{ ns.count }})" onmouseover="prefetch({{ ns.count }})" onmouseleave="cancel({{ ns.count }})" />
-        {%- set ns.count = ns.count + 1 %}
-        <figcaption class="caption">{{ image.name }}
-          {%- if image.tiff %}
-          <a href="{{ image.tiff }}">TIFF</a>
-          {%- endif %}
-          {%- if image.raw %}
-          <a href="{{ image.raw }}">RAW</a>
-          {%- endif %}
-        </figcaption>
-      </figure>
-    </div>
-    {%- endfor %}
+  <div class="row" id="imagelist">
  </div>
-  {%- endif %}
  {% if license %}
  {%- if 'CC' in license.type %}
  <div class="footer" xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
@@ -108,17 +120,16 @@
    {%- endif %}
    <span class="attribution">Made with <a href="https://github.com/greflm13/StaticGalleryBuilder" target="_blank" rel="noopener noreferrer">StaticGalleryBuilder {{ version }}</a> by <a
        href="https://github.com/greflm13" target="_blank" rel="noopener noreferrer">{{ logo }}</a>.</span>
-    <button onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
+    <button type="button" onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
  </div>
  {%- endif %}
  {%- else %}
  <div class="footer">
    <span class="attribution">Made with <a href="https://github.com/greflm13/StaticGalleryBuilder" target="_blank" rel="noopener noreferrer">StaticGalleryBuilder {{ version }}</a> by <a
        href="https://github.com/greflm13" target="_blank" rel="noopener noreferrer">{{ logo }}</a>.</span>
-    <button onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
+    <button type="button" onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
  </div>
  {%- endif %}
-  {% if images %}
  <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="pswp__bg"></div>
    <div class="pswp__scroll-wrap">
@@ -156,33 +167,78 @@
    </div>
  </div>
  <script>
-    var pswpElement = document.querySelectorAll('.pswp')[0];
-    var items = [
-      {%- for image in images %}
-      {%- if image.exifdata.DateTime %}
-      { src: "{{ image.url }}", w: {{ image.width }}, h: {{ image.height }}, msrc: "{{ image.thumbnail }}", title: "Captured: {{ image.exifdata.DateTime }}" },
-      {%- else %}
-      { src: "{{ image.url }}", w: {{ image.width }}, h: {{ image.height }}, msrc: "{{ image.thumbnail }}" },
-      {%- endif %}
-      {%- endfor %}
-    ];
-    var re = /pid=(\d+)/;
-    var controllers = {}
+    const pswpElement = document.querySelectorAll('.pswp')[0];
+    const re = /pid=(\d+)/;
+    const filterre = /#(.*)/;
+    let items = [];
+    let shown = [];
+    let subfolders = [];
+    let controllers = {};
+
+    function requestMetadata() {
+      fetch(".metadata.json").then(response => {
+        if (!response.ok) {
+          throw new Error(`HTTP error! Status: ${response.status}`);
+        }
+        return response.json();
+      })
+        .then(data => {
+          items = Object.values(data.images);
+          subfolders = data.subfolders;
+          if (filterre.test(window.location.href)) {
+            var selected = window.location.href.match(filterre)[1].split(",");
+            setFilter(selected);
+          }
+          filter();
+
+          if (re.test(window.location.href)) {
+            var pid = window.location.href.match(re)[1];
+            openSwipe(parseInt(pid));
+          }
+        })
+        .catch(error => console.error('Failed to fetch data:', error));
+    }

    function openSwipe(img) {
-      var options = {
+      const options = {
        index: img
      };
-      var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
+      const gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, shown, options);
      gallery.init();
    }

-    if (re.test(window.location.href)) {
-      var pid = window.location.href.match(re)[1];
-      openSwipe(parseInt(pid));
+    async function recursive(sub = undefined) {
+      const ischecked = document.getElementById("recursive").checked;
+      const folders = document.getElementsByClassName("folders")[0];
+      if (sub == undefined) {
+        sub = subfolders;
+      }
+      if (ischecked) {
+        if (folders != undefined) {
+          folders.style.display = "none";
+        }
+        for (const folder of sub) {
+          try {
+            const response = await fetch(folder.metadata);
+            const data = await response.json();
+            if (data.subfolders.length > 0) {
+              await recursive(data.subfolders);
+            }
+            items = items.concat(Object.values(data.images));
+            filter();
+          } catch (error) {
+            console.error('Failed to fetch folder metadata:', error);
+          }
+        }
+      } else {
+        if (folders != undefined) {
+          folders.style.display = "";
+        }
+        requestMetadata();
+      }
    }

-    let totopbutton = document.getElementById("totop");
+    const totopbutton = document.getElementById("totop");

    window.onscroll = function () { scrollFunction() };

@@ -198,6 +254,23 @@
      window.scrollTo({ top: 0, behavior: 'smooth' })
    }

+    function updateImageList() {
+      let str = ""
+      let imagelist = document.getElementById("imagelist");
+      shown.forEach((item, index) => {
+        str += '<div class="column"><figure><img src="' + item.msrc + '" onclick="openSwipe(' + index + ')" onmouseover="prefetch(' + index + ')" onmouseleave="cancel(' + index + ')" /><figcaption class="caption">' + item.name;
+        if (item.tiff != "" & item.tiff != undefined) {
+          str += ' <a href="' + item.tiff + '">TIFF</a>';
+        }
+        if (item.raw != "" & item.raw != undefined) {
+          str += ' <a href="' + item.raw + '">RAW</a>';
+        }
+        str += '</figcaption></figure></div>';
+      });
+
+      imagelist.innerHTML = str;
+    }
+
    function prefetch(img) {
      const controller = new AbortController()
      const signal = controller.signal
@@ -207,15 +280,72 @@
      fetch(urlToFetch, {
        method: 'get',
        signal: signal,
-      }).catch(function (err) {});
+      }).catch(function (err) { });
    }

    function cancel(img) {
      controllers[img].abort();
      delete controllers[img];
    }
+
+    function filter() {
+      shown = [];
+
+      const curr = window.location.href.split("#")[0] + "#";
+      const path = window.location.href.split("#")[0].replace("index.html", "");
+
+      const selected_tags = [];
+      const tagcheckboxes = document.querySelectorAll("#tagdropdown input[class='tag']:checked");
+
+      tagcheckboxes.forEach((checkbox) => {
+        const tag = checkbox.parentElement.id.trim().substring(1);
+        selected_tags.push(tag);
+      });
+
+      const urltags = selected_tags.join(",");
+
+      const isRecursiveChecked = document.getElementById("recursive").checked;
+
+      for (const item of items) {
+        const tags = item.tags || [];
+        const include = selected_tags.every(tag => tags.some(t => t.startsWith(tag)));
+
+        if (include || selected_tags.length === 0) {
+          if (!isRecursiveChecked) {
+            if (item.src.replace(item.name, "") == path) {
+              shown.push(item);
+            }
+          }
+          else {
+            shown.push(item);
+          }
+        }
+      }
+
+      updateImageList();
+      window.location.href = curr + urltags;
+    }
+
+    function setFilter(selected) {
+      const tagcheckboxes = document.querySelectorAll("#tagdropdown input[class='tag']");
+      selected.forEach((tag) => {
+        tagcheckboxes.forEach((checkbox) => {
+          if (checkbox.parentElement.id.trim().substring(1).replace(" ", "%20") == tag) {
+            checkbox.checked = true;
+          }
+        });
+      });
+    }
+
+    function onLoad() {
+      requestMetadata();
+    }
+
+    window.addEventListener ?
+      window.addEventListener("load", onLoad, false) :
+      window.attachEvent && window.attachEvent("onload", onLoad);
+
  </script>
-  {%- endif %}
 </body>

 </html>
--- a/templates/license.html.j2
+++ b/templates/license.html.j2
@@ -54,14 +54,14 @@
    {%- endif %}
    <span class="attribution">Made with <a href="https://github.com/greflm13/StaticGalleryBuilder" target="_blank" rel="noopener noreferrer">StaticGalleryBuilder {{ version }}</a> by <a
        href="https://github.com/greflm13" target="_blank" rel="noopener noreferrer">{{ logo }}</a>.</span>
-    <button onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
+    <button type="button" onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
  </div>
  {%- endif %}
  {%- else %}
  <div class="footer">
    <span class="attribution">Made with <a href="https://github.com/greflm13/StaticGalleryBuilder" target="_blank" rel="noopener noreferrer">StaticGalleryBuilder {{ version }}</a> by <a
        href="https://github.com/greflm13" target="_blank" rel="noopener noreferrer">{{ logo }}</a>.</span>
-    <button onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
+    <button type="button" onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
  </div>
  {%- endif %}
 </body>
--- a/test/example/DSC00009.jpg
+++ b/test/example/DSC00009.jpg
--- a/test/example/DSC00009.jpg.xmp
+++ b/test/example/DSC00009.jpg.xmp
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmpMM:DerivedFrom="DSC00009.jpg">
+<dc:subject><rdf:Bag><rdf:li>st</rdf:li><rdf:li>aqueduct</rdf:li><rdf:li>arch</rdf:li><rdf:li>arch bridge</rdf:li><rdf:li>bridge</rdf:li><rdf:li>hillside</rdf:li><rdf:li>passenger train</rdf:li><rdf:li>railroad</rdf:li><rdf:li>railroad bridge</rdf:li><rdf:li>span</rdf:li><rdf:li>train track</rdf:li><rdf:li>tree</rdf:li><rdf:li>viaduct</rdf:li></rdf:Bag></dc:subject><lr:hierarchicalSubject><rdf:Bag><rdf:li>st|aqueduct</rdf:li><rdf:li>st|arch</rdf:li><rdf:li>st|arch bridge</rdf:li><rdf:li>st|bridge</rdf:li><rdf:li>st|hillside</rdf:li><rdf:li>st|passenger train</rdf:li><rdf:li>st|railroad</rdf:li><rdf:li>st|railroad bridge</rdf:li><rdf:li>st|span</rdf:li><rdf:li>st|train track</rdf:li><rdf:li>st|tree</rdf:li><rdf:li>st|viaduct</rdf:li></rdf:Bag></lr:hierarchicalSubject></rdf:Description>
+</rdf:RDF>
+</x:xmpmeta>
--- a/test/example/DSC03470.JPG.xmp
+++ b/test/example/DSC03470.JPG.xmp
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmpMM:DerivedFrom="DSC03470.JPG">
+<dc:subject><rdf:Bag><rdf:li>st</rdf:li><rdf:li>bus</rdf:li><rdf:li>illuminate</rdf:li><rdf:li>neon</rdf:li><rdf:li>neon light</rdf:li><rdf:li>night</rdf:li><rdf:li>sign</rdf:li><rdf:li>train car</rdf:li><rdf:li>trolley</rdf:li><rdf:li>window</rdf:li></rdf:Bag></dc:subject><lr:hierarchicalSubject><rdf:Bag><rdf:li>st|bus</rdf:li><rdf:li>st|illuminate</rdf:li><rdf:li>st|neon</rdf:li><rdf:li>st|neon light</rdf:li><rdf:li>st|night</rdf:li><rdf:li>st|sign</rdf:li><rdf:li>st|train car</rdf:li><rdf:li>st|trolley</rdf:li><rdf:li>st|window</rdf:li></rdf:Bag></lr:hierarchicalSubject></rdf:Description>
+</rdf:RDF>
+</x:xmpmeta>
--- a/test/example/DSC03508.ARW.xmp
+++ b/test/example/DSC03508.ARW.xmp
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmpMM:DerivedFrom="DSC03508.ARW">
+<dc:subject><rdf:Bag><rdf:li>st</rdf:li><rdf:li>building</rdf:li><rdf:li>ceiling</rdf:li><rdf:li>pillar</rdf:li><rdf:li>display</rdf:li><rdf:li>rail</rdf:li><rdf:li>steam engine</rdf:li><rdf:li>steam locomotive</rdf:li><rdf:li>train</rdf:li><rdf:li>train car</rdf:li><rdf:li>train track</rdf:li></rdf:Bag></dc:subject><lr:hierarchicalSubject><rdf:Bag><rdf:li>st|building</rdf:li><rdf:li>st|ceiling</rdf:li><rdf:li>st|pillar</rdf:li><rdf:li>st|display</rdf:li><rdf:li>st|rail</rdf:li><rdf:li>st|steam engine</rdf:li><rdf:li>st|steam locomotive</rdf:li><rdf:li>st|train</rdf:li><rdf:li>st|train car</rdf:li><rdf:li>st|train track</rdf:li></rdf:Bag></lr:hierarchicalSubject></rdf:Description>
+</rdf:RDF>
+</x:xmpmeta>
--- a/test/example/DSC03508.JPG.xmp
+++ b/test/example/DSC03508.JPG.xmp
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmpMM:DerivedFrom="DSC03508.JPG">
+<dc:subject><rdf:Bag><rdf:li>st</rdf:li><rdf:li>attach</rdf:li><rdf:li>basement</rdf:li><rdf:li>beam</rdf:li><rdf:li>building</rdf:li><rdf:li>ceiling</rdf:li><rdf:li>equipment</rdf:li><rdf:li>floor</rdf:li><rdf:li>pipe</rdf:li><rdf:li>red</rdf:li><rdf:li>room</rdf:li><rdf:li>scaffold</rdf:li><rdf:li>tube</rdf:li><rdf:li>warehouse</rdf:li><rdf:li>water pipe</rdf:li></rdf:Bag></dc:subject><lr:hierarchicalSubject><rdf:Bag><rdf:li>st|attach</rdf:li><rdf:li>st|basement</rdf:li><rdf:li>st|beam</rdf:li><rdf:li>st|building</rdf:li><rdf:li>st|ceiling</rdf:li><rdf:li>st|equipment</rdf:li><rdf:li>st|floor</rdf:li><rdf:li>st|pipe</rdf:li><rdf:li>st|red</rdf:li><rdf:li>st|room</rdf:li><rdf:li>st|scaffold</rdf:li><rdf:li>st|tube</rdf:li><rdf:li>st|warehouse</rdf:li><rdf:li>st|water pipe</rdf:li></rdf:Bag></lr:hierarchicalSubject></rdf:Description>
+</rdf:RDF>
+</x:xmpmeta>
--- a/test/example/example.jpg.xmp
+++ b/test/example/example.jpg.xmp
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmpMM:DerivedFrom="example.jpg">
+<dc:subject><rdf:Bag><rdf:li>st</rdf:li><rdf:li>cloud</rdf:li><rdf:li>cloudy</rdf:li><rdf:li>evening sky</rdf:li><rdf:li>sea</rdf:li><rdf:li>sky</rdf:li><rdf:li>storm cloud</rdf:li><rdf:li>stormy</rdf:li><rdf:li>sun</rdf:li><rdf:li>sunset</rdf:li></rdf:Bag></dc:subject><lr:hierarchicalSubject><rdf:Bag><rdf:li>st|cloud</rdf:li><rdf:li>st|cloudy</rdf:li><rdf:li>st|evening sky</rdf:li><rdf:li>st|sea</rdf:li><rdf:li>st|sky</rdf:li><rdf:li>st|storm cloud</rdf:li><rdf:li>st|stormy</rdf:li><rdf:li>st|sun</rdf:li><rdf:li>st|sunset</rdf:li></rdf:Bag></lr:hierarchicalSubject></rdf:Description>
+</rdf:RDF>
+</x:xmpmeta>
--- a/test/example/example.tif.xmp
+++ b/test/example/example.tif.xmp
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmpMM:DerivedFrom="example.tif">
+<dc:subject><rdf:Bag><rdf:li>st</rdf:li><rdf:li>cloud</rdf:li><rdf:li>cloudy</rdf:li><rdf:li>evening sky</rdf:li><rdf:li>sea</rdf:li><rdf:li>sky</rdf:li><rdf:li>storm cloud</rdf:li><rdf:li>stormy</rdf:li><rdf:li>sun</rdf:li><rdf:li>sunset</rdf:li></rdf:Bag></dc:subject><lr:hierarchicalSubject><rdf:Bag><rdf:li>st|cloud</rdf:li><rdf:li>st|cloudy</rdf:li><rdf:li>st|evening sky</rdf:li><rdf:li>st|sea</rdf:li><rdf:li>st|sky</rdf:li><rdf:li>st|storm cloud</rdf:li><rdf:li>st|stormy</rdf:li><rdf:li>st|sun</rdf:li><rdf:li>st|sunset</rdf:li></rdf:Bag></lr:hierarchicalSubject></rdf:Description>
+</rdf:RDF>
+</x:xmpmeta>
--- a/test/example/license.html
+++ b/test/example/license.html
@@ -1,467 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>example - LICENSE</title>
-  <link rel="manifest" href="/.static/manifest.json">
-  <link rel="preload" href="file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/test/.static/global.css" as="style">
-  <link rel="preload" href="file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/test/.static/theme.css" as="style">
-  <link rel="icon" type="image/x-icon" href="file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/test/.static/favicon.ico">
-  <link rel="stylesheet" href="file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/test/.static/global.css">
-  <link rel="stylesheet" href="file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/test/.static/theme.css">
-</head>
-
-<body>
-  <div class="header">
-    <ul class="navbar">
-      <li><a href="file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/test/">Home</a></li>
-      <li><a href="file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/test/example/">Parent Directory</a></li>
-      <li class="title"><span class="header">example - LICENSE</span></li>
-    </ul>
-  </div>
-  <div class="licensefile">
-    Attribution-ShareAlike 4.0 International</br>
-</br>
-=======================================================================</br>
-</br>
-Creative Commons Corporation ("Creative Commons") is not a law firm and</br>
-does not provide legal services or legal advice. Distribution of</br>
-Creative Commons public licenses does not create a lawyer-client or</br>
-other relationship. Creative Commons makes its licenses and related</br>
-information available on an "as-is" basis. Creative Commons gives no</br>
-warranties regarding its licenses, any material licensed under their</br>
-terms and conditions, or any related information. Creative Commons</br>
-disclaims all liability for damages resulting from their use to the</br>
-fullest extent possible.</br>
-</br>
-Using Creative Commons Public Licenses</br>
-</br>
-Creative Commons public licenses provide a standard set of terms and</br>
-conditions that creators and other rights holders may use to share</br>
-original works of authorship and other material subject to copyright</br>
-and certain other rights specified in the public license below. The</br>
-following considerations are for informational purposes only, are not</br>
-exhaustive, and do not form part of our licenses.</br>
-</br>
-&emsp;&ensp;Considerations for licensors: Our public licenses are</br>
-&emsp;&ensp;intended for use by those authorized to give the public</br>
-&emsp;&ensp;permission to use material in ways otherwise restricted by</br>
-&emsp;&ensp;copyright and certain other rights. Our licenses are</br>
-&emsp;&ensp;irrevocable. Licensors should read and understand the terms</br>
-&emsp;&ensp;and conditions of the license they choose before applying it.</br>
-&emsp;&ensp;Licensors should also secure all rights necessary before</br>
-&emsp;&ensp;applying our licenses so that the public can reuse the</br>
-&emsp;&ensp;material as expected. Licensors should clearly mark any</br>
-&emsp;&ensp;material not subject to the license. This includes other CC-</br>
-&emsp;&ensp;licensed material, or material used under an exception or</br>
-&emsp;&ensp;limitation to copyright. More considerations for licensors:</br>
-&emsp;wiki.creativecommons.org/Considerations_for_licensors</br>
-</br>
-&emsp;&ensp;Considerations for the public: By using one of our public</br>
-&emsp;&ensp;licenses, a licensor grants the public permission to use the</br>
-&emsp;&ensp;licensed material under specified terms and conditions. If</br>
-&emsp;&ensp;the licensor's permission is not necessary for any reason--for</br>
-&emsp;&ensp;example, because of any applicable exception or limitation to</br>
-&emsp;&ensp;copyright--then that use is not regulated by the license. Our</br>
-&emsp;&ensp;licenses grant only permissions under copyright and certain</br>
-&emsp;&ensp;other rights that a licensor has authority to grant. Use of</br>
-&emsp;&ensp;the licensed material may still be restricted for other</br>
-&emsp;&ensp;reasons, including because others have copyright or other</br>
-&emsp;&ensp;rights in the material. A licensor may make special requests,</br>
-&emsp;&ensp;such as asking that all changes be marked or described.</br>
-&emsp;&ensp;Although not required by our licenses, you are encouraged to</br>
-&emsp;&ensp;respect those requests where reasonable. More considerations</br>
-&emsp;&ensp;for the public:</br>
-&emsp;wiki.creativecommons.org/Considerations_for_licensees</br>
-</br>
-=======================================================================</br>
-</br>
-Creative Commons Attribution-ShareAlike 4.0 International Public</br>
-License</br>
-</br>
-By exercising the Licensed Rights (defined below), You accept and agree</br>
-to be bound by the terms and conditions of this Creative Commons</br>
-Attribution-ShareAlike 4.0 International Public License ("Public</br>
-License"). To the extent this Public License may be interpreted as a</br>
-contract, You are granted the Licensed Rights in consideration of Your</br>
-acceptance of these terms and conditions, and the Licensor grants You</br>
-such rights in consideration of benefits the Licensor receives from</br>
-making the Licensed Material available under these terms and</br>
-conditions.</br>
-</br>
-</br>
-Section 1 -- Definitions.</br>
-</br>
-&ensp;a. Adapted Material means material subject to Copyright and Similar</br>
-&emsp;&ensp;Rights that is derived from or based upon the Licensed Material</br>
-&emsp;&ensp;and in which the Licensed Material is translated, altered,</br>
-&emsp;&ensp;arranged, transformed, or otherwise modified in a manner requiring</br>
-&emsp;&ensp;permission under the Copyright and Similar Rights held by the</br>
-&emsp;&ensp;Licensor. For purposes of this Public License, where the Licensed</br>
-&emsp;&ensp;Material is a musical work, performance, or sound recording,</br>
-&emsp;&ensp;Adapted Material is always produced where the Licensed Material is</br>
-&emsp;&ensp;synched in timed relation with a moving image.</br>
-</br>
-&ensp;b. Adapter's License means the license You apply to Your Copyright</br>
-&emsp;&ensp;and Similar Rights in Your contributions to Adapted Material in</br>
-&emsp;&ensp;accordance with the terms and conditions of this Public License.</br>
-</br>
-&ensp;c. BY-SA Compatible License means a license listed at</br>
-&emsp;&ensp;creativecommons.org/compatiblelicenses, approved by Creative</br>
-&emsp;&ensp;Commons as essentially the equivalent of this Public License.</br>
-</br>
-&ensp;d. Copyright and Similar Rights means copyright and/or similar rights</br>
-&emsp;&ensp;closely related to copyright including, without limitation,</br>
-&emsp;&ensp;performance, broadcast, sound recording, and Sui Generis Database</br>
-&emsp;&ensp;Rights, without regard to how the rights are labeled or</br>
-&emsp;&ensp;categorized. For purposes of this Public License, the rights</br>
-&emsp;&ensp;specified in Section 2(b)(1)-(2) are not Copyright and Similar</br>
-&emsp;&ensp;Rights.</br>
-</br>
-&ensp;e. Effective Technological Measures means those measures that, in the</br>
-&emsp;&ensp;absence of proper authority, may not be circumvented under laws</br>
-&emsp;&ensp;fulfilling obligations under Article 11 of the WIPO Copyright</br>
-&emsp;&ensp;Treaty adopted on December 20, 1996, and/or similar international</br>
-&emsp;&ensp;agreements.</br>
-</br>
-&ensp;f. Exceptions and Limitations means fair use, fair dealing, and/or</br>
-&emsp;&ensp;any other exception or limitation to Copyright and Similar Rights</br>
-&emsp;&ensp;that applies to Your use of the Licensed Material.</br>
-</br>
-&ensp;g. License Elements means the license attributes listed in the name</br>
-&emsp;&ensp;of a Creative Commons Public License. The License Elements of this</br>
-&emsp;&ensp;Public License are Attribution and ShareAlike.</br>
-</br>
-&ensp;h. Licensed Material means the artistic or literary work, database,</br>
-&emsp;&ensp;or other material to which the Licensor applied this Public</br>
-&emsp;&ensp;License.</br>
-</br>
-&ensp;i. Licensed Rights means the rights granted to You subject to the</br>
-&emsp;&ensp;terms and conditions of this Public License, which are limited to</br>
-&emsp;&ensp;all Copyright and Similar Rights that apply to Your use of the</br>
-&emsp;&ensp;Licensed Material and that the Licensor has authority to license.</br>
-</br>
-&ensp;j. Licensor means the individual(s) or entity(ies) granting rights</br>
-&emsp;&ensp;under this Public License.</br>
-</br>
-&ensp;k. Share means to provide material to the public by any means or</br>
-&emsp;&ensp;process that requires permission under the Licensed Rights, such</br>
-&emsp;&ensp;as reproduction, public display, public performance, distribution,</br>
-&emsp;&ensp;dissemination, communication, or importation, and to make material</br>
-&emsp;&ensp;available to the public including in ways that members of the</br>
-&emsp;&ensp;public may access the material from a place and at a time</br>
-&emsp;&ensp;individually chosen by them.</br>
-</br>
-&ensp;l. Sui Generis Database Rights means rights other than copyright</br>
-&emsp;&ensp;resulting from Directive 96/9/EC of the European Parliament and of</br>
-&emsp;&ensp;the Council of 11 March 1996 on the legal protection of databases,</br>
-&emsp;&ensp;as amended and/or succeeded, as well as other essentially</br>
-&emsp;&ensp;equivalent rights anywhere in the world.</br>
-</br>
-&ensp;m. You means the individual or entity exercising the Licensed Rights</br>
-&emsp;&ensp;under this Public License. Your has a corresponding meaning.</br>
-</br>
-</br>
-Section 2 -- Scope.</br>
-</br>
-&ensp;a. License grant.</br>
-</br>
-&emsp;&emsp;1. Subject to the terms and conditions of this Public License,</br>
-&emsp;&emsp;&ensp;the Licensor hereby grants You a worldwide, royalty-free,</br>
-&emsp;&emsp;&ensp;non-sublicensable, non-exclusive, irrevocable license to</br>
-&emsp;&emsp;&ensp;exercise the Licensed Rights in the Licensed Material to:</br>
-</br>
-&emsp;&emsp;&emsp;a. reproduce and Share the Licensed Material, in whole or</br>
-&emsp;&emsp;&emsp;&emsp;in part; and</br>
-</br>
-&emsp;&emsp;&emsp;b. produce, reproduce, and Share Adapted Material.</br>
-</br>
-&emsp;&emsp;2. Exceptions and Limitations. For the avoidance of doubt, where</br>
-&emsp;&emsp;&ensp;Exceptions and Limitations apply to Your use, this Public</br>
-&emsp;&emsp;&ensp;License does not apply, and You do not need to comply with</br>
-&emsp;&emsp;&ensp;its terms and conditions.</br>
-</br>
-&emsp;&emsp;3. Term. The term of this Public License is specified in Section</br>
-&emsp;&emsp;&ensp;6(a).</br>
-</br>
-&emsp;&emsp;4. Media and formats; technical modifications allowed. The</br>
-&emsp;&emsp;&ensp;Licensor authorizes You to exercise the Licensed Rights in</br>
-&emsp;&emsp;&ensp;all media and formats whether now known or hereafter created,</br>
-&emsp;&emsp;&ensp;and to make technical modifications necessary to do so. The</br>
-&emsp;&emsp;&ensp;Licensor waives and/or agrees not to assert any right or</br>
-&emsp;&emsp;&ensp;authority to forbid You from making technical modifications</br>
-&emsp;&emsp;&ensp;necessary to exercise the Licensed Rights, including</br>
-&emsp;&emsp;&ensp;technical modifications necessary to circumvent Effective</br>
-&emsp;&emsp;&ensp;Technological Measures. For purposes of this Public License,</br>
-&emsp;&emsp;&ensp;simply making modifications authorized by this Section 2(a)</br>
-&emsp;&emsp;&ensp;(4) never produces Adapted Material.</br>
-</br>
-&emsp;&emsp;5. Downstream recipients.</br>
-</br>
-&emsp;&emsp;&emsp;a. Offer from the Licensor -- Licensed Material. Every</br>
-&emsp;&emsp;&emsp;&emsp;recipient of the Licensed Material automatically</br>
-&emsp;&emsp;&emsp;&emsp;receives an offer from the Licensor to exercise the</br>
-&emsp;&emsp;&emsp;&emsp;Licensed Rights under the terms and conditions of this</br>
-&emsp;&emsp;&emsp;&emsp;Public License.</br>
-</br>
-&emsp;&emsp;&emsp;b. Additional offer from the Licensor -- Adapted Material.</br>
-&emsp;&emsp;&emsp;&emsp;Every recipient of Adapted Material from You</br>
-&emsp;&emsp;&emsp;&emsp;automatically receives an offer from the Licensor to</br>
-&emsp;&emsp;&emsp;&emsp;exercise the Licensed Rights in the Adapted Material</br>
-&emsp;&emsp;&emsp;&emsp;under the conditions of the Adapter's License You apply.</br>
-</br>
-&emsp;&emsp;&emsp;c. No downstream restrictions. You may not offer or impose</br>
-&emsp;&emsp;&emsp;&emsp;any additional or different terms or conditions on, or</br>
-&emsp;&emsp;&emsp;&emsp;apply any Effective Technological Measures to, the</br>
-&emsp;&emsp;&emsp;&emsp;Licensed Material if doing so restricts exercise of the</br>
-&emsp;&emsp;&emsp;&emsp;Licensed Rights by any recipient of the Licensed</br>
-&emsp;&emsp;&emsp;&emsp;Material.</br>
-</br>
-&emsp;&emsp;6. No endorsement. Nothing in this Public License constitutes or</br>
-&emsp;&emsp;&ensp;may be construed as permission to assert or imply that You</br>
-&emsp;&emsp;&ensp;are, or that Your use of the Licensed Material is, connected</br>
-&emsp;&emsp;&ensp;with, or sponsored, endorsed, or granted official status by,</br>
-&emsp;&emsp;&ensp;the Licensor or others designated to receive attribution as</br>
-&emsp;&emsp;&ensp;provided in Section 3(a)(1)(A)(i).</br>
-</br>
-&ensp;b. Other rights.</br>
-</br>
-&emsp;&emsp;1. Moral rights, such as the right of integrity, are not</br>
-&emsp;&emsp;&ensp;licensed under this Public License, nor are publicity,</br>
-&emsp;&emsp;&ensp;privacy, and/or other similar personality rights; however, to</br>
-&emsp;&emsp;&ensp;the extent possible, the Licensor waives and/or agrees not to</br>
-&emsp;&emsp;&ensp;assert any such rights held by the Licensor to the limited</br>
-&emsp;&emsp;&ensp;extent necessary to allow You to exercise the Licensed</br>
-&emsp;&emsp;&ensp;Rights, but not otherwise.</br>
-</br>
-&emsp;&emsp;2. Patent and trademark rights are not licensed under this</br>
-&emsp;&emsp;&ensp;Public License.</br>
-</br>
-&emsp;&emsp;3. To the extent possible, the Licensor waives any right to</br>
-&emsp;&emsp;&ensp;collect royalties from You for the exercise of the Licensed</br>
-&emsp;&emsp;&ensp;Rights, whether directly or through a collecting society</br>
-&emsp;&emsp;&ensp;under any voluntary or waivable statutory or compulsory</br>
-&emsp;&emsp;&ensp;licensing scheme. In all other cases the Licensor expressly</br>
-&emsp;&emsp;&ensp;reserves any right to collect such royalties.</br>
-</br>
-</br>
-Section 3 -- License Conditions.</br>
-</br>
-Your exercise of the Licensed Rights is expressly made subject to the</br>
-following conditions.</br>
-</br>
-&ensp;a. Attribution.</br>
-</br>
-&emsp;&emsp;1. If You Share the Licensed Material (including in modified</br>
-&emsp;&emsp;&ensp;form), You must:</br>
-</br>
-&emsp;&emsp;&emsp;a. retain the following if it is supplied by the Licensor</br>
-&emsp;&emsp;&emsp;&emsp;with the Licensed Material:</br>
-</br>
-&emsp;&emsp;&emsp;&emsp;&ensp;i. identification of the creator(s) of the Licensed</br>
-&emsp;&emsp;&emsp;&emsp;&emsp;Material and any others designated to receive</br>
-&emsp;&emsp;&emsp;&emsp;&emsp;attribution, in any reasonable manner requested by</br>
-&emsp;&emsp;&emsp;&emsp;&emsp;the Licensor (including by pseudonym if</br>
-&emsp;&emsp;&emsp;&emsp;&emsp;designated);</br>
-</br>
-&emsp;&emsp;&emsp;&emsp;ii. a copyright notice;</br>
-</br>
-&emsp;&emsp;&emsp;&emsp;iii. a notice that refers to this Public License;</br>
-</br>
-&emsp;&emsp;&emsp;&emsp;iv. a notice that refers to the disclaimer of</br>
-&emsp;&emsp;&emsp;&emsp;&emsp;warranties;</br>
-</br>
-&emsp;&emsp;&emsp;&emsp;&ensp;v. a URI or hyperlink to the Licensed Material to the</br>
-&emsp;&emsp;&emsp;&emsp;&emsp;extent reasonably practicable;</br>
-</br>
-&emsp;&emsp;&emsp;b. indicate if You modified the Licensed Material and</br>
-&emsp;&emsp;&emsp;&emsp;retain an indication of any previous modifications; and</br>
-</br>
-&emsp;&emsp;&emsp;c. indicate the Licensed Material is licensed under this</br>
-&emsp;&emsp;&emsp;&emsp;Public License, and include the text of, or the URI or</br>
-&emsp;&emsp;&emsp;&emsp;hyperlink to, this Public License.</br>
-</br>
-&emsp;&emsp;2. You may satisfy the conditions in Section 3(a)(1) in any</br>
-&emsp;&emsp;&ensp;reasonable manner based on the medium, means, and context in</br>
-&emsp;&emsp;&ensp;which You Share the Licensed Material. For example, it may be</br>
-&emsp;&emsp;&ensp;reasonable to satisfy the conditions by providing a URI or</br>
-&emsp;&emsp;&ensp;hyperlink to a resource that includes the required</br>
-&emsp;&emsp;&ensp;information.</br>
-</br>
-&emsp;&emsp;3. If requested by the Licensor, You must remove any of the</br>
-&emsp;&emsp;&ensp;information required by Section 3(a)(1)(A) to the extent</br>
-&emsp;&emsp;&ensp;reasonably practicable.</br>
-</br>
-&ensp;b. ShareAlike.</br>
-</br>
-&emsp;&ensp;In addition to the conditions in Section 3(a), if You Share</br>
-&emsp;&ensp;Adapted Material You produce, the following conditions also apply.</br>
-</br>
-&emsp;&emsp;1. The Adapter's License You apply must be a Creative Commons</br>
-&emsp;&emsp;&ensp;license with the same License Elements, this version or</br>
-&emsp;&emsp;&ensp;later, or a BY-SA Compatible License.</br>
-</br>
-&emsp;&emsp;2. You must include the text of, or the URI or hyperlink to, the</br>
-&emsp;&emsp;&ensp;Adapter's License You apply. You may satisfy this condition</br>
-&emsp;&emsp;&ensp;in any reasonable manner based on the medium, means, and</br>
-&emsp;&emsp;&ensp;context in which You Share Adapted Material.</br>
-</br>
-&emsp;&emsp;3. You may not offer or impose any additional or different terms</br>
-&emsp;&emsp;&ensp;or conditions on, or apply any Effective Technological</br>
-&emsp;&emsp;&ensp;Measures to, Adapted Material that restrict exercise of the</br>
-&emsp;&emsp;&ensp;rights granted under the Adapter's License You apply.</br>
-</br>
-</br>
-Section 4 -- Sui Generis Database Rights.</br>
-</br>
-Where the Licensed Rights include Sui Generis Database Rights that</br>
-apply to Your use of the Licensed Material:</br>
-</br>
-&ensp;a. for the avoidance of doubt, Section 2(a)(1) grants You the right</br>
-&emsp;&ensp;to extract, reuse, reproduce, and Share all or a substantial</br>
-&emsp;&ensp;portion of the contents of the database;</br>
-</br>
-&ensp;b. if You include all or a substantial portion of the database</br>
-&emsp;&ensp;contents in a database in which You have Sui Generis Database</br>
-&emsp;&ensp;Rights, then the database in which You have Sui Generis Database</br>
-&emsp;&ensp;Rights (but not its individual contents) is Adapted Material,</br>
-&emsp;&ensp;including for purposes of Section 3(b); and</br>
-</br>
-&ensp;c. You must comply with the conditions in Section 3(a) if You Share</br>
-&emsp;&ensp;all or a substantial portion of the contents of the database.</br>
-</br>
-For the avoidance of doubt, this Section 4 supplements and does not</br>
-replace Your obligations under this Public License where the Licensed</br>
-Rights include other Copyright and Similar Rights.</br>
-</br>
-</br>
-Section 5 -- Disclaimer of Warranties and Limitation of Liability.</br>
-</br>
-&ensp;a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE</br>
-&emsp;&ensp;EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS</br>
-&emsp;&ensp;AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF</br>
-&emsp;&ensp;ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,</br>
-&emsp;&ensp;IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,</br>
-&emsp;&ensp;WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR</br>
-&emsp;&ensp;PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,</br>
-&emsp;&ensp;ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT</br>
-&emsp;&ensp;KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT</br>
-&emsp;&ensp;ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.</br>
-</br>
-&ensp;b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE</br>
-&emsp;&ensp;TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,</br>
-&emsp;&ensp;NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,</br>
-&emsp;&ensp;INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,</br>
-&emsp;&ensp;COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR</br>
-&emsp;&ensp;USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN</br>
-&emsp;&ensp;ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR</br>
-&emsp;&ensp;DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR</br>
-&emsp;&ensp;IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.</br>
-</br>
-&ensp;c. The disclaimer of warranties and limitation of liability provided</br>
-&emsp;&ensp;above shall be interpreted in a manner that, to the extent</br>
-&emsp;&ensp;possible, most closely approximates an absolute disclaimer and</br>
-&emsp;&ensp;waiver of all liability.</br>
-</br>
-</br>
-Section 6 -- Term and Termination.</br>
-</br>
-&ensp;a. This Public License applies for the term of the Copyright and</br>
-&emsp;&ensp;Similar Rights licensed here. However, if You fail to comply with</br>
-&emsp;&ensp;this Public License, then Your rights under this Public License</br>
-&emsp;&ensp;terminate automatically.</br>
-</br>
-&ensp;b. Where Your right to use the Licensed Material has terminated under</br>
-&emsp;&ensp;Section 6(a), it reinstates:</br>
-</br>
-&emsp;&emsp;1. automatically as of the date the violation is cured, provided</br>
-&emsp;&emsp;&ensp;it is cured within 30 days of Your discovery of the</br>
-&emsp;&emsp;&ensp;violation; or</br>
-</br>
-&emsp;&emsp;2. upon express reinstatement by the Licensor.</br>
-</br>
-&emsp;&ensp;For the avoidance of doubt, this Section 6(b) does not affect any</br>
-&emsp;&ensp;right the Licensor may have to seek remedies for Your violations</br>
-&emsp;&ensp;of this Public License.</br>
-</br>
-&ensp;c. For the avoidance of doubt, the Licensor may also offer the</br>
-&emsp;&ensp;Licensed Material under separate terms or conditions or stop</br>
-&emsp;&ensp;distributing the Licensed Material at any time; however, doing so</br>
-&emsp;&ensp;will not terminate this Public License.</br>
-</br>
-&ensp;d. Sections 1, 5, 6, 7, and 8 survive termination of this Public</br>
-&emsp;&ensp;License.</br>
-</br>
-</br>
-Section 7 -- Other Terms and Conditions.</br>
-</br>
-&ensp;a. The Licensor shall not be bound by any additional or different</br>
-&emsp;&ensp;terms or conditions communicated by You unless expressly agreed.</br>
-</br>
-&ensp;b. Any arrangements, understandings, or agreements regarding the</br>
-&emsp;&ensp;Licensed Material not stated herein are separate from and</br>
-&emsp;&ensp;independent of the terms and conditions of this Public License.</br>
-</br>
-</br>
-Section 8 -- Interpretation.</br>
-</br>
-&ensp;a. For the avoidance of doubt, this Public License does not, and</br>
-&emsp;&ensp;shall not be interpreted to, reduce, limit, restrict, or impose</br>
-&emsp;&ensp;conditions on any use of the Licensed Material that could lawfully</br>
-&emsp;&ensp;be made without permission under this Public License.</br>
-</br>
-&ensp;b. To the extent possible, if any provision of this Public License is</br>
-&emsp;&ensp;deemed unenforceable, it shall be automatically reformed to the</br>
-&emsp;&ensp;minimum extent necessary to make it enforceable. If the provision</br>
-&emsp;&ensp;cannot be reformed, it shall be severed from this Public License</br>
-&emsp;&ensp;without affecting the enforceability of the remaining terms and</br>
-&emsp;&ensp;conditions.</br>
-</br>
-&ensp;c. No term or condition of this Public License will be waived and no</br>
-&emsp;&ensp;failure to comply consented to unless expressly agreed to by the</br>
-&emsp;&ensp;Licensor.</br>
-</br>
-&ensp;d. Nothing in this Public License constitutes or may be interpreted</br>
-&emsp;&ensp;as a limitation upon, or waiver of, any privileges and immunities</br>
-&emsp;&ensp;that apply to the Licensor or You, including from the legal</br>
-&emsp;&ensp;processes of any jurisdiction or authority.</br>
-</br>
-</br>
-=======================================================================</br>
-</br>
-Creative Commons is not a party to its public</br>
-licenses. Notwithstanding, Creative Commons may elect to apply one of</br>
-its public licenses to material it publishes and in those instances</br>
-will be considered the “Licensor.” The text of the Creative Commons</br>
-public licenses is dedicated to the public domain under the CC0 Public</br>
-Domain Dedication. Except for the limited purpose of indicating that</br>
-material is shared under a Creative Commons public license or as</br>
-otherwise permitted by the Creative Commons policies published at</br>
-creativecommons.org/policies, Creative Commons does not authorize the</br>
-use of the trademark "Creative Commons" or any other trademark or logo</br>
-of Creative Commons without its prior written consent including,</br>
-without limitation, in connection with any unauthorized modifications</br>
-to any of its public licenses or any other arrangements,</br>
-understandings, or agreements concerning use of licensed material. For</br>
-the avoidance of doubt, this paragraph does not form part of the</br>
-public licenses.</br>
-</br>
-Creative Commons may be contacted at creativecommons.org.</br>
-
-  </div>
-  
-  <div class="footer" xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
-    <a property="dct:title" rel="cc:attributionURL" href="file:///home/user/git/github.com/greflm13/StaticGalleryBuilder/test/">Pictures</a> by <span property="cc:attributionName">Author</span> is licensed under
-    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="license noopener noreferrer">CC BY-NC-SA 4.0
-      <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="" />
-      <img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="" />
-      <img src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" alt="" />
-      <img src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="" />
-    </a>
-    <span class="attribution">Made with <a href="https://github.com/greflm13/StaticGalleryBuilder" target="_blank" rel="noopener noreferrer">StaticGalleryBuilder 2.5.0</a> by <a
-        href="https://github.com/greflm13" target="_blank" rel="noopener noreferrer"><svg width="48.858002mm" height="21.24mm" viewBox="0 0 48.858002 21.24" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"> <text xml:space="preserve" x="21.124891" y="17.106812" font-style="normal" font-variant="normal" font-weight="300" font-stretch="condensed" font-size="2.46944px" line-height="9.33327px" font-family="Barlow Condensed Light" fill="#6e6e6e" stroke-width="1" fill-opacity="1">sorogon</text> <text xml:space="preserve" x="2.3734004" y="14.853325" font-style="normal" font-variant="normal" font-weight="250" font-stretch="condensed" font-size="16.9333px" line-height="63.9997px" font-family="Barlow Condensed Thin" fill="#6e6e6e" stroke-width="1" fill-opacity="1">&lt;/srgn&gt;</text> </svg></a>.</span>
-    <button onclick="topFunction()" id="totop" title="Back to Top">Back to Top</button>
-  </div>
-</body>
--- a/test/example/subfolder/DSC01106.jpg
+++ b/test/example/subfolder/DSC01106.jpg
--- a/test/example/subfolder/DSC01106.jpg.xmp
+++ b/test/example/subfolder/DSC01106.jpg.xmp
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmpMM:DerivedFrom="DSC01106.jpg">
+<dc:subject><rdf:Bag><rdf:li>st</rdf:li><rdf:li>clear</rdf:li><rdf:li>dark</rdf:li><rdf:li>moon</rdf:li><rdf:li>night</rdf:li><rdf:li>night sky</rdf:li><rdf:li>sky</rdf:li></rdf:Bag></dc:subject><lr:hierarchicalSubject><rdf:Bag><rdf:li>st|clear</rdf:li><rdf:li>st|dark</rdf:li><rdf:li>st|moon</rdf:li><rdf:li>st|night</rdf:li><rdf:li>st|night sky</rdf:li><rdf:li>st|sky</rdf:li></rdf:Bag></lr:hierarchicalSubject></rdf:Description>
+</rdf:RDF>
+</x:xmpmeta>
--- a/test/example/subfolder/subsubfolder
+++ b/test/example/subfolder/subsubfolder
--- a/test/example/subfolder/subsubfolder
+++ b/test/example/subfolder/subsubfolder
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+        <rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/"
+            xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
+            xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
+            xmpMM:DerivedFrom="000041900001.jpg">
+            <dc:subject>
+                <rdf:Bag>
+                    <rdf:li>st</rdf:li>
+                    <rdf:li>cloud</rdf:li>
+                    <rdf:li>cloudy</rdf:li>
+                    <rdf:li>fly</rdf:li>
+                    <rdf:li>sky</rdf:li>
+                </rdf:Bag>
+            </dc:subject>
+            <lr:hierarchicalSubject>
+                <rdf:Bag>
+                    <rdf:li>st|cloud</rdf:li>
+                    <rdf:li>st|cloudy</rdf:li>
+                    <rdf:li>st|fly</rdf:li>
+                    <rdf:li>st|sky</rdf:li>
+                </rdf:Bag>
+            </lr:hierarchicalSubject>
+        </rdf:Description>
+    </rdf:RDF>
+</x:xmpmeta>
--- a/test/example/subfolder/subsubfolder
+++ b/test/example/subfolder/subsubfolder
--- a/test/example/subfolder/subsubfolder
+++ b/test/example/subfolder/subsubfolder
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<x:xmpmeta x:xmptk="XMP Core 4.4.0-Exiv2" xmlns:x="adobe:ns:meta/">
+<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xmlns:lr="http://ns.adobe.com/lightroom/1.0/" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmpMM:DerivedFrom="000041900001.tif">
+<dc:subject><rdf:Bag><rdf:li>st</rdf:li><rdf:li>cloud</rdf:li><rdf:li>cloudy</rdf:li><rdf:li>fly</rdf:li><rdf:li>sky</rdf:li></rdf:Bag></dc:subject><lr:hierarchicalSubject><rdf:Bag><rdf:li>st|cloud</rdf:li><rdf:li>st|cloudy</rdf:li><rdf:li>st|fly</rdf:li><rdf:li>st|sky</rdf:li></rdf:Bag></lr:hierarchicalSubject></rdf:Description>
+</rdf:RDF>
+</x:xmpmeta>
--- a/themes/alpenglow-dark.css
+++ b/themes/alpenglow-dark.css
@@ -97,6 +97,10 @@ body {
  background-color: var(--color6);
 }

+.tagentry > label:hover {
+  background-color: var(--color3);
+}
+
 .column img {
  background-color: var(--bcolor2);
 }
--- a/themes/alpenglow.css
+++ b/themes/alpenglow.css
@@ -96,6 +96,10 @@ body {
  background-color: var(--color3);
 }

+.tagentry > label:hover {
+  background-color: var(--color7);
+}
+
 .column img {
  background-color: var(--bcolor1);
 }
--- a/themes/aritim-dark.css
+++ b/themes/aritim-dark.css
@@ -74,6 +74,10 @@
  background-color: var(--bcolor1);
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor3);
+}
+
 .column img {
  background-color: var(--bcolor1);
 }
--- a/themes/aritim.css
+++ b/themes/aritim.css
@@ -74,6 +74,10 @@
  background-color: var(--bcolor1);
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor3);
+}
+
 .column img {
  background-color: var(--bcolor1);
 }
--- a/themes/autumn.css
+++ b/themes/autumn.css
@@ -79,6 +79,10 @@
  font-family: "Playfair Display", serif;
 }

+.tagentry > label:hover {
+  background-color: var(--color3);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
--- a/themes/carnation.css
+++ b/themes/carnation.css
@@ -73,6 +73,10 @@
  background-color: var(--bcolor2);
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor4);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
--- a/themes/catpuccin.css
+++ b/themes/catpuccin.css
@@ -79,6 +79,10 @@
  font-family: "Nunito", sans-serif;
 }

+.tagentry > label:hover {
+  background-color: var(--color4);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
--- a/themes/cornflower.css
+++ b/themes/cornflower.css
@@ -73,6 +73,10 @@
  background-color: var(--bcolor2);
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor4);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
--- a/themes/default-dark.css
+++ b/themes/default-dark.css
@@ -52,6 +52,10 @@
  background-color: var(--color3);
 }

+.tagentry > label:hover {
+  background-color: var(--color4);
+}
+
 .column img {
  background-color: var(--bcolor2);
 }
--- a/themes/default.css
+++ b/themes/default.css
@@ -52,6 +52,10 @@
  background-color: var(--color2);
 }

+.tagentry > label:hover {
+  background-color: var(--color4);
+}
+
 .column img {
  background-color: var(--color2);
 }
--- a/themes/ivy.css
+++ b/themes/ivy.css
@@ -73,6 +73,10 @@
  background-color: var(--bcolor2);
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor4);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
--- a/themes/kjoe.css
+++ b/themes/kjoe.css
@@ -72,6 +72,10 @@
  background-color: var(--color3);
 }

+.tagentry > label:hover {
+  background-color: var(--color2);
+}
+
 .column img {
  background-color: var(--bcolor3);
 }
--- a/themes/monokai-vibrant.css
+++ b/themes/monokai-vibrant.css
@@ -55,6 +55,10 @@
  background-color: var(--bcolor2);
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor3);
+}
+
 .column img {
  background-color: var(--bcolor5);
 }
--- a/themes/rainbow.css
+++ b/themes/rainbow.css
@@ -76,6 +76,10 @@
  background-color: var(--bcolor2);
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor4);
+}
+
 .column img {
  background-color: var(--bcolor5);
 }
--- a/themes/screenshots/alpenglow-dark.png
+++ b/themes/screenshots/alpenglow-dark.png
--- a/themes/screenshots/alpenglow.png
+++ b/themes/screenshots/alpenglow.png
--- a/themes/screenshots/aritim-dark.png
+++ b/themes/screenshots/aritim-dark.png
--- a/themes/screenshots/aritim.png
+++ b/themes/screenshots/aritim.png
--- a/themes/screenshots/autumn.png
+++ b/themes/screenshots/autumn.png
--- a/themes/screenshots/carnation.png
+++ b/themes/screenshots/carnation.png
--- a/themes/screenshots/catpuccin.png
+++ b/themes/screenshots/catpuccin.png
--- a/themes/screenshots/cornflower.png
+++ b/themes/screenshots/cornflower.png
--- a/themes/screenshots/default-dark.png
+++ b/themes/screenshots/default-dark.png
--- a/themes/screenshots/default.png
+++ b/themes/screenshots/default.png
--- a/themes/screenshots/ivy.png
+++ b/themes/screenshots/ivy.png
--- a/themes/screenshots/kjoe.png
+++ b/themes/screenshots/kjoe.png
--- a/themes/screenshots/monokai-vibrant.png
+++ b/themes/screenshots/monokai-vibrant.png
--- a/themes/screenshots/rainbow.png
+++ b/themes/screenshots/rainbow.png
--- a/themes/screenshots/spring.png
+++ b/themes/screenshots/spring.png
--- a/themes/screenshots/steam.png
+++ b/themes/screenshots/steam.png
--- a/themes/screenshots/summer.png
+++ b/themes/screenshots/summer.png
--- a/themes/screenshots/sunflower.png
+++ b/themes/screenshots/sunflower.png
--- a/themes/screenshots/winter.png
+++ b/themes/screenshots/winter.png
--- a/themes/spring.css
+++ b/themes/spring.css
@@ -79,6 +79,10 @@
  font-family: "Lora", serif;
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor3);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
--- a/themes/steam.css
+++ b/themes/steam.css
@@ -80,6 +80,10 @@
  background-color: var(--color4);
 }

+.tagentry > label:hover {
+  background-color: var(--color3);
+}
+
 .column img {
  background-color: var(--color4);
 }
--- a/themes/summer.css
+++ b/themes/summer.css
@@ -80,6 +80,11 @@
  font-family: "Roboto", sans-serif;
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor3);
+  color: var(--bcolor2);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
--- a/themes/sunflower.css
+++ b/themes/sunflower.css
@@ -74,6 +74,10 @@
  background-color: var(--bcolor2);
 }

+.tagentry > label:hover {
+  background-color: var(--bcolor4);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
--- a/themes/winter.css
+++ b/themes/winter.css
@@ -88,6 +88,10 @@
  font-family: "Montserrat", sans-serif;
 }

+.tagentry > label:hover {
+  background-color: var(--color2);
+}
+
 .column img {
  background-color: var(--bcolor4);
 }
Author	SHA1	Message	Date
Flo Greistorfer	48950d1d82	fixed url flicker	2025-06-27 00:18:46 +02:00
Flo Greistorfer	e1d74c3091	hm...	2025-06-27 00:03:35 +02:00
Flo Greistorfer	f57d81f508	hotfix	2025-06-26 23:21:01 +02:00
Flo Greistorfer	67a9058b7d	well then... recursive filtering works :)	2025-06-26 22:00:03 +02:00
Flo Greistorfer	79e34d7e43	hierarchical tagging selection	2025-06-26 13:36:02 +02:00
Flo Greistorfer	0cda1706fa	added selected tags after hash in url	2025-06-25 22:37:42 +02:00
Flo Greistorfer	85467f4f1e	remove st tag	2025-06-24 19:45:41 +02:00
Flo Greistorfer	00ccb96581	moved functions around	2025-06-24 16:22:33 +02:00
Flo Greistorfer	5227beb02a	changed to js dynamic photogrid	2025-06-24 14:02:27 +02:00
Flo Greistorfer	22f9cb4e00	updated gitignore to ignor license.html in test	2025-06-24 12:11:27 +02:00
Flo Greistorfer	dbf3e5c27a	added scrollbar to tag selector	2025-06-24 12:11:04 +02:00
Flo Greistorfer	d9ca40bf77	KeyError	2025-06-24 10:02:05 +02:00
Flo Greistorfer	b8cbc49647	except TypeError	2025-06-24 09:59:54 +02:00
Flo Greistorfer	b80e98a4ec	more logging and try except	2025-06-24 09:54:21 +02:00
Flo Greistorfer	350f41f439	added support for xmp sidecar file tags	2025-06-23 23:52:17 +02:00
Flo Greistorfer	00b5020642	single tag fix	2025-06-22 20:49:20 +02:00
Flo Greistorfer	492ea8755f	...	2025-06-22 20:00:52 +02:00
Flo Greistorfer	39da474db6	i am an idiot	2025-06-22 19:33:40 +02:00
Flo Greistorfer	44bcd5607f	added xapmeta	2025-06-22 18:00:36 +02:00
Flo Greistorfer	5ff44a1912	fixed nonexisitng xmp metadata error	2025-06-22 17:53:46 +02:00
Flo Greistorfer	4241f3965a	added tag redout from xmp subject	2025-06-22 17:50:04 +02:00
Flo Greistorfer	002e9c62db	added tagging function as requested in issue #7	2025-06-22 16:20:45 +02:00
Flo Greistorfer	cf494401c8	removed pbardict	2025-05-30 11:25:32 +02:00
Flo Greistorfer	2a0323e579	oop	2025-05-20 09:02:31 +02:00
Flo Greistorfer	7e23b3625a	fixed logo timeout	2025-03-31 20:24:27 +02:00
@@ -1 +1 @@
 .6.1
 .8.1