whatdidyoudo 0.2.5__tar.gz

whatdidyoudo-0.2.5/.gitignore

@@ -0,0 +1,134 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+debug.log
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+.hypothesis/
+.pytest_cache/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+.python-version
+
+# pipenv
+Pipfile.lock
+
+# poetry
+poetry.lock
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+.dmypy-working/
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# VS Code
+.vscode/

whatdidyoudo-0.2.5/PKG-INFO

@@ -0,0 +1,91 @@
+Metadata-Version: 2.4
+Name: whatdidyoudo
+Version: 0.2.5
+Summary: A minimal Flask app that shows the amount of OpenStreetMap changes made by a user on a day.
+Project-URL: Homepage, https://github.com/rompe/whatdidyoudo
+Project-URL: Issues, https://github.com/rompe/whatdidyoudo/issues
+Author-email: Ulf Rompe <whatdidyoudo.rompe.org@rompe.org>
+License: MIT
+Requires-Python: >=3.11
+Requires-Dist: flask-caching==2.3.1
+Requires-Dist: flask-limiter>=4.0.0
+Requires-Dist: flask>=3.0.3
+Requires-Dist: requests>=2.32.4
+Provides-Extra: dev
+Requires-Dist: hatchling>=1.27.0; extra == 'dev'
+Requires-Dist: pytest>=9.0.0; extra == 'dev'
+Requires-Dist: ruff>=0.13.2; extra == 'dev'
+Requires-Dist: twine>=6.2.0; extra == 'dev'
+Requires-Dist: types-requests>=2.32.4; extra == 'dev'
+Description-Content-Type: text/markdown
+
+# whatdidyoudo
+
+A minimal Flask app that shows the amount of OpenStreetMap changes made by a user on a day.
+
+## Background
+
+I often ask myself after contributing many changes to [OpenStreetMap](https://www.openstreetmap.org/),
+either by walking around while extensively using [StreetComplete](https://streetcomplete.app/),
+[MapComplete](https://mapcomplete.org/) or [Vespucci](https://vespucci.io/), or by doing some tasks
+in [iD](https://www.openstreetmap.org/edit) or [JOSM](https://josm.openstreetmap.de/):
+
+***How many changes did I contribute to the map today?***
+
+I'm not the only one. I heard questions like this quite a few times:
+
+***Where can I see how much I did on yesterday's mapwalk?***
+
+Because I think that simple questions deserve simple answers, I made this tool to give exactly
+this information and nothing else.
+
+You don't need to self-host it, it is available for anyone at
+[whatdidyoudo.rompe.org](https://whatdidyoudo.rompe.org).
+
+## Setup
+
+Fun fact: of course you don't really need *uv* for this. I'm just using this project to
+get used to it as I think it has a lot of potential.
+
+### Install [uv](https://github.com/astral-sh/uv) if needed
+
+```sh
+pip install uv
+```
+
+### Install dependencies using *uv*
+
+```sh
+uv pip install -r pyproject.toml
+```
+
+If you want to develop:
+
+```sh
+uv pip install -r pyproject.toml --extra dev
+```
+
+### Run tests
+
+```sh
+pytest
+```
+
+### Run the app in test mode
+
+```sh
+python whatdidyoudo/app.py
+```
+
+Visit [http://127.0.0.1:5000/](http://127.0.0.1:5000/) in your browser to see "hello world".
+
+### Build a package and upload it to Pypi
+
+```sh
+uvx hatchling build
+uvx twine upload dist/*
+```
+
+## License
+
+This project is licensed under the MIT License. See the `pyproject.toml` for details.

whatdidyoudo-0.2.5/README.md

@@ -0,0 +1,70 @@
+# whatdidyoudo
+
+A minimal Flask app that shows the amount of OpenStreetMap changes made by a user on a day.
+
+## Background
+
+I often ask myself after contributing many changes to [OpenStreetMap](https://www.openstreetmap.org/),
+either by walking around while extensively using [StreetComplete](https://streetcomplete.app/),
+[MapComplete](https://mapcomplete.org/) or [Vespucci](https://vespucci.io/), or by doing some tasks
+in [iD](https://www.openstreetmap.org/edit) or [JOSM](https://josm.openstreetmap.de/):
+
+***How many changes did I contribute to the map today?***
+
+I'm not the only one. I heard questions like this quite a few times:
+
+***Where can I see how much I did on yesterday's mapwalk?***
+
+Because I think that simple questions deserve simple answers, I made this tool to give exactly
+this information and nothing else.
+
+You don't need to self-host it, it is available for anyone at
+[whatdidyoudo.rompe.org](https://whatdidyoudo.rompe.org).
+
+## Setup
+
+Fun fact: of course you don't really need *uv* for this. I'm just using this project to
+get used to it as I think it has a lot of potential.
+
+### Install [uv](https://github.com/astral-sh/uv) if needed
+
+```sh
+pip install uv
+```
+
+### Install dependencies using *uv*
+
+```sh
+uv pip install -r pyproject.toml
+```
+
+If you want to develop:
+
+```sh
+uv pip install -r pyproject.toml --extra dev
+```
+
+### Run tests
+
+```sh
+pytest
+```
+
+### Run the app in test mode
+
+```sh
+python whatdidyoudo/app.py
+```
+
+Visit [http://127.0.0.1:5000/](http://127.0.0.1:5000/) in your browser to see "hello world".
+
+### Build a package and upload it to Pypi
+
+```sh
+uvx hatchling build
+uvx twine upload dist/*
+```
+
+## License
+
+This project is licensed under the MIT License. See the `pyproject.toml` for details.

whatdidyoudo-0.2.5/pyproject.toml

@@ -0,0 +1,47 @@
+[build-system]
+requires = ["hatchling"]
+build-backend = "hatchling.build"
+
+[tool.hatch.build]
+packages = ["whatdidyoudo"]
+[tool.hatch.version]
+source = "code"
+path = "whatdidyoudo/__init__.py"
+
+[project]
+name = "whatdidyoudo"
+dynamic = ["version"]
+description = "A minimal Flask app that shows the amount of OpenStreetMap changes made by a user on a day."
+authors = [
+    { name = "Ulf Rompe", email = "whatdidyoudo.rompe.org@rompe.org" }
+]
+license = { text = "MIT" }
+readme = "README.md"
+requires-python = ">=3.11"
+dependencies = [
+    "Flask>=3.0.3",
+    "flask-caching==2.3.1",
+    "flask-limiter>=4.0.0",
+    "requests>=2.32.4",
+]
+
+[project.optional-dependencies]
+dev = [
+    "Ruff>=0.13.2",
+    "types-requests>=2.32.4",
+    "hatchling>=1.27.0",
+    "twine>=6.2.0",
+    "pytest>=9.0.0",
+]
+
+[project.urls]
+Homepage = "https://github.com/rompe/whatdidyoudo"
+Issues = "https://github.com/rompe/whatdidyoudo/issues"
+
+
+[tool.uv]
+# uv-specific settings go here
+
+[tool.ruff]
+line-length = 100
+target-version = "py311"

whatdidyoudo-0.2.5/whatdidyoudo/__init__.py

@@ -0,0 +1,4 @@
+"""
+The whatdidyoudo package.
+"""
+__version__ = "0.2.5"

whatdidyoudo-0.2.5/whatdidyoudo/app.py

@@ -0,0 +1,147 @@
+"""A Flask app that shows OSM tasks done by a user on a specific day."""
+import datetime
+import xml.etree.ElementTree as ET
+from collections import defaultdict
+from dataclasses import dataclass
+import requests
+
+from flask import Flask, render_template, request
+from flask_caching import Cache
+from flask_limiter import Limiter, RateLimitExceeded
+from flask_limiter.util import get_remote_address
+
+from whatdidyoudo import __version__
+
+app = Flask(__name__)
+cache = Cache(app, config={"CACHE_TYPE": "SimpleCache",
+                           "CACHE_DEFAULT_TIMEOUT": 60 * 60 * 24 * 7})
+limiter = Limiter(app=app, key_func=get_remote_address)
+
+
+@dataclass
+class Changes:
+    """Represent changes made by a user."""
+    changes: int = 0
+    changesets: int = 0
+
+
+def get_etree_from_url(url: str) -> ET.Element:
+    """Fetches XML content from a URL and returns the root Element."""
+    response = requests.get(url, timeout=120)
+    response.raise_for_status()  # Raise an error for bad responses
+    return ET.fromstring(response.content)
+
+
+def get_changes(user: str, start_date: str, end_date: str | None = None,
+                start_time: str = "00:00", end_time: str = "23:59"):
+    """Return a ({app: Changes}, [changeset_ids]) tuple for a date/time range.
+
+    start_date, end_date are ISO date strings (YYYY-MM-DD). start_time and
+    end_time are HH:MM strings. The function builds ISO datetimes for the OSM
+    API (UTC, appended with Z).
+    """
+    changes: defaultdict[str, Changes] = defaultdict(Changes)
+    changeset_ids: list[str] = []
+    # Ensure end_date defaults to start_date when not provided
+    end_date = end_date or start_date
+    # Build ISO datetime strings expected by the OSM API
+    # e.g. 2025-10-24T00:00:00Z
+    start_time_iso = f"{start_date}T{start_time}:00Z"
+    end_time_iso = f"{end_date}T{end_time}:00Z"
+
+    changeset_url = ("https://api.openstreetmap.org/api/0.6/changesets?"
+                     f"display_name={user}&"
+                     f"time={start_time_iso},{end_time_iso}")
+    root = get_etree_from_url(url=changeset_url)
+
+    for cs in root.findall("changeset"):
+        cs_id = cs.attrib["id"]
+        changeset_ids.append(cs_id)
+
+        tags = {tag.attrib["k"]: tag.attrib["v"] for tag in cs.findall("tag")}
+        editor = tags.get("created_by", "")
+        changes[editor].changesets += 1
+
+        diff_url = ("https://api.openstreetmap.org/api/0.6/changeset/"
+                    f"{cs_id}/download")
+        try:
+            root = get_etree_from_url(url=diff_url)
+        except requests.HTTPError:
+            continue
+
+        for action in root:
+            changes[editor].changes += len(action)
+    return changes, changeset_ids
+
+
+@app.route('/')
+@app.route('/<user>/')
+@app.route('/<user>')
+@app.route('/<user>/<start_date>/')
+@app.route('/<user>/<start_date>')
+@app.route('/<user>/<start_date>/<end_date>')
+def whatdidyoudo(user: str | None = None, start_date: str | None = None,
+                 end_date: str | None = None) -> str:
+    """
+    Show OSM tasks done by a user within a date/time range.
+
+    Expert mode allows finer-grained start/end times via query params:
+    expert=1, start_time=HH:MM, end_time=HH:MM
+    """
+    changes: defaultdict[str, defaultdict[str, Changes]] = \
+        defaultdict(lambda: defaultdict(Changes))
+    changesets: dict[str, int] = {}
+    errors: list[str] = []
+    # Read expert mode and time params from query string
+    expert = request.args.get('expert', '0') in ('1', 'true', 'True')
+    start_time = request.args.get('start_time', '00:00')
+    end_time = request.args.get('end_time', '23:59')
+
+    today = datetime.date.today().isoformat()
+    date_str = (f"between {start_date} {start_time} and {end_date} {end_time}"
+                if end_date or expert else f"on {start_date or today}")
+
+    changeset_ids: list[str] = []
+    for name in [item.strip() for item in (user or "").split(",")
+                 if item.strip()]:
+        cache_key = (f"changes_{name}_{start_date}_{end_date}_"
+                     f"{start_time}_{end_time}")
+        cur_data = cache.get(cache_key)  # type: ignore
+        if not cur_data:
+            try:
+                with limiter.limit("10 per minute"):
+                    cur_data = get_changes(user=name,
+                                           start_date=start_date or today,
+                                           end_date=end_date,
+                                           start_time=start_time,
+                                           end_time=end_time)
+                # Only cache results when the range does not include today
+                if ((start_date and start_date != today) or
+                        (end_date and end_date != today)):
+                    cache.set(cache_key, cur_data)  # type: ignore
+            except requests.HTTPError:
+                errors.append(
+                    f"Can't determine changes for user {name} {date_str}.")
+            except RateLimitExceeded as msg:
+                errors.append("Rate limit exceeded while processing user "
+                              f"{name}: {msg}")
+        if cur_data:
+            cur_changes, cur_ids = cur_data
+            changes[name] = cur_changes
+            changeset_ids.extend(cur_ids)
+
+    return render_template('form.html', user=user, start_date=start_date,
+                           end_date=end_date, start_time=start_time,
+                           end_time=end_time, expert=expert,
+                           changes=changes, changesets=changesets,
+                           errors=errors, date_str=date_str,
+                           version=__version__, changeset_ids=changeset_ids)
+
+
+def main():
+    """Run in debug mode."""
+    app.run(host="0.0.0.0", debug=True)
+
+
+if __name__ == "__main__":
+    main()

whatdidyoudo-0.2.5/whatdidyoudo/static/favicon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="12" fill="#232526"/>
+  <text x="50%" y="44%" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="20" font-weight="bold" fill="#4f8cff">WD</text>
+  <text x="50%" y="72%" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="20" font-weight="bold" fill="#4f8cff">YD</text>
+</svg>

whatdidyoudo-0.2.5/whatdidyoudo/static/style.css

@@ -0,0 +1,192 @@
+body {
+    font-family: 'Segoe UI', Arial, sans-serif;
+    background: linear-gradient(120deg, #232526 0%, #414345 100%);
+    color: #f3f3f3;
+    min-height: 100vh;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.container {
+    background: rgba(30, 30, 30, 0.92);
+    border-radius: 16px;
+    box-shadow: 0 4px 24px rgba(0,0,0,0.3);
+    padding: 2em 2.5em 1.5em 2.5em;
+    margin-top: 2em;
+    max-width: 800px;
+    width: 95%;
+}
+
+.error {
+    background: #ff4d4f;
+    color: #fff;
+    padding: 0.7em 1em;
+    border-radius: 8px;
+    margin-bottom: 1em;
+    font-weight: 600;
+}
+
+form {
+    display: flex;
+    flex-direction: row;
+    /* align-items: flex-end; */
+    gap: 1em;
+    width: 100%;
+}
+
+.expert-toggle {
+    display: flex;
+    align-items: center; /* vertically center checkbox and label within the form's row */
+    margin-top: 0.5em;
+}
+
+@media (max-width: 600px) {
+    .expert-toggle {
+        margin-top: 0; /* in stacked layout keep normal spacing */
+    }
+}
+
+/* Expert rows: align labels and inputs into two columns so inputs stack vertically
+   and are perfectly aligned regardless of label width. */
+.expert-row {
+    /* allow the element to not introduce its own box so its children
+       participate in the parent's grid; keeps markup simple while
+       allowing a single shared grid column sizing for labels */
+    display: contents;
+}
+
+#expertControls {
+    display: grid;
+    grid-template-columns: auto 1fr; /* dynamic label column, flexible input column */
+    gap: 0.5em 1em;
+    align-items: center;
+}
+
+#expertControls label {
+    justify-self: end; /* right-align labels to create a neat gutter */
+}
+
+#expertControls input[type="datetime-local"] {
+    width: 100%;
+    min-width: 0; /* allow the input to shrink inside grid */
+}
+
+/* On small screens, stack label above input for readability */
+@media (max-width: 600px) {
+    #expertControls {
+        grid-template-columns: 1fr; /* single column: label above input */
+    }
+    #expertControls label {
+        justify-self: start;
+    }
+}
+
+label.hidden {
+    display: none;
+}
+
+input[type="text"],
+input[type="date"],
+input[type="datetime-local"],
+input[type="checkbox"],
+button {
+    border: none;
+    border-radius: 8px;
+    box-sizing: border-box;
+    font-family: 'Segoe UI', Arial, sans-serif;
+    font-size: 1.1em;
+    font-weight: 600;
+    /* min-height: 3em; */
+    outline: none;
+}
+
+input[type="text"] {
+    /* flex: 2 1 200px; */
+    padding: 0.7em 1em;
+    background: #2c2f34;
+    color: #f3f3f3;
+}
+
+input[type="datetime-local"],
+input[type="date"] {
+    /* flex: 1 1 120px; */
+    padding: 0.7em 0.5em;
+    background: #2c2f34;
+    color: #f3f3f3;
+}
+
+input[type="date"] {
+    min-width: 120px;
+    max-width: 160px;
+}
+
+input[type="datetime-local"] {
+    min-width: 120px;
+    max-width: 260px;
+}
+
+
+button {
+    padding: 0.7em 1.5em;
+    background: #4f8cff;
+    color: #fff;
+    cursor: pointer;
+    transition: background 0.2s;
+}
+button:hover {
+    background: #2563eb;
+}
+
+h2 a {
+    color: #f3f3f3;
+    text-decoration: none;
+    font-weight: 700;
+    letter-spacing: 1px;
+}
+p a {
+    color: #4f8cff;
+    text-decoration: none;
+}
+a:hover {
+    color: #2563eb;
+    text-decoration: underline;
+}
+
+.note {
+    font-size: 0.9em;
+    color: #aaa;
+    margin-top: 1.5em;
+}
+.disclaimer {
+    font-size: 0.9em;
+    color: #777;
+    margin-top: 1.5em;
+}
+
+.footer {
+    text-align: center;
+    font-size: 0.85em;
+    color: #b0b0b0;
+    margin-top: 2em;
+    margin-bottom: 0.5em;
+    letter-spacing: 0.5px;
+}
+
+@media (max-width: 600px) {
+    .container {
+        padding: 1em 0.5em;
+    }
+    form {
+        flex-direction: column;
+        gap: 0.7em;
+    }
+    input[type="date"],
+    input[type="datetime-local"] {
+        width: 100%;
+        min-width: unset;
+        max-width: unset;
+    }
+}

whatdidyoudo-0.2.5/whatdidyoudo/templates/form.html

@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>What Did You Do?</title>
+    <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <script>
+    function isoToday() {
+        const t = new Date();
+        const yyyy = t.getFullYear();
+        const mm = String(t.getMonth() + 1).padStart(2, '0');
+        const dd = String(t.getDate()).padStart(2, '0');
+        return `${yyyy}-${mm}-${dd}`;
+    }
+
+    function initForm() {
+        const expert = document.getElementById('expert');
+        const expertControls = document.getElementById('expertControls');
+        const simpleRow = document.getElementById('simpleDateRow');
+
+    // Initialize dates/time defaults
+    const single = document.getElementById('single_date');
+    const start_dt = document.getElementById('start_dt');
+    const end_dt = document.getElementById('end_dt');
+
+    if (single && !single.value) single.value = isoToday();
+    // default datetime-local values: YYYY-MM-DDTHH:MM
+    if (start_dt && !start_dt.value) start_dt.value = (single ? single.value : isoToday()) + 'T00:00';
+    if (end_dt && !end_dt.value) end_dt.value = (single ? single.value : isoToday()) + 'T23:59';
+
+        // If server rendered the expert checkbox checked, reflect that in UI
+        if (expert.checked) {
+            expertControls.style.display = '';
+            simpleRow.style.display = 'none';
+        }
+
+        expert.addEventListener('change', function() {
+            if (expert.checked) {
+                expertControls.style.display = '';
+                simpleRow.style.display = 'none';
+                // copy single date into start/end if empty
+                if (start_dt && !start_dt.value) start_dt.value = (single ? single.value : isoToday()) + 'T00:00';
+                if (end_dt && !end_dt.value) end_dt.value = (single ? single.value : isoToday()) + 'T23:59';
+            } else {
+                expertControls.style.display = 'none';
+                simpleRow.style.display = '';
+            }
+        });
+    }
+
+    function submitForm() {
+        const user = encodeURIComponent(document.getElementById('user').value);
+        const expert = document.getElementById('expert').checked;
+        if (!expert) {
+            const date = encodeURIComponent(document.getElementById('single_date').value);
+            // keep URL as /user/date
+            window.location.href = '/' + user + '/' + date;
+            return;
+        }
+        // expert mode: use datetime-local inputs. We will split them into date and time
+        const sd_raw = document.getElementById('start_dt').value; // YYYY-MM-DDTHH:MM
+        const ed_raw = document.getElementById('end_dt').value || sd_raw;
+        if (!sd_raw) {
+            alert('Please provide a start date/time.');
+            return;
+        }
+        const [sd_date, sd_time] = sd_raw.split('T');
+        const [ed_date, ed_time] = ed_raw.split('T');
+        const qs = `?expert=1&start_time=${encodeURIComponent(sd_time)}&end_time=${encodeURIComponent(ed_time)}`;
+        window.location.href = '/' + user + '/' + encodeURIComponent(sd_date) + '/' + encodeURIComponent(ed_date) + qs;
+    }
+
+    window.addEventListener('DOMContentLoaded', initForm);
+    </script>
+</head>
+<body>
+    <div class="container">
+        <h2><a href="/">What Did You Do?</a></h2>
+        <form id="mainForm" method="get" action="" onsubmit="event.preventDefault(); submitForm();">
+            <label for="user" class="hidden">User:</label>
+            <input type="text" id="user" name="user" value="{{ user or '' }}" placeholder="insert OSM username" required>
+
+            <!-- Simple date (default) -->
+            <div id="simpleDateRow">
+                <label for="single_date" class="hidden">Date:</label>
+                <input type="date" id="single_date" name="single_date" value="{{ start_date or '' }}">
+            </div>
+
+            <!-- Expert controls (hidden by default) -->
+            <div id="expertControls" style="display: none; margin-top: 0.5em;">
+                <div class="expert-row">
+                    <label for="start_dt">Start:</label>
+                    <input type="datetime-local" id="start_dt" name="start_dt"
+                     value="{{ (start_date ~ 'T' ~ start_time) if start_date else '' }}">
+                </div>
+                <div class="expert-row">
+                    <label for="end_dt">End:</label>
+                    <input type="datetime-local" id="end_dt" name="end_dt"
+                     value="{{ ((end_date or start_date) ~ 'T' ~ (end_time or '23:59')) if (end_date or start_date) else '' }}">
+                </div>
+            </div>
+
+            <div class="expert-toggle">
+                <input type="checkbox" id="expert" name="expert"
+                 value="1" {{ 'checked' if expert else '' }}>
+                <label for="expert">Expert mode</label>
+            </div>
+
+            <button type="submit">Show</button>
+        </form>
+    {% if user %}
+        {% for error in errors %}
+            <p class=error>{{ error }}</p>
+        {% endfor %}
+        {% for name, apps in changes.items() %}
+            {% set ns = namespace(changes=0, changesets=0) %}
+            {% for Change in apps.values() %}
+                {% set ns.changes = ns.changes + Change.changes %}
+                {% set ns.changesets = ns.changesets + Change.changesets %}
+            {% endfor %}
+            <ul>
+            <p><b><a href="https://www.openstreetmap.org/user/{{ name }}">{{ name }}</a></b>
+                 did <b>{{ ns.changes }} change{{ "s" if ns.changes > 1 else ""  }}</b>
+                 in {{ ns.changesets }} changeset{{ "s" if ns.changesets > 1 else ""  }}
+                 {{ date_str }}:</p>
+            {% for app, Change in apps.items() %}
+                <li>{{ Change.changes }} change{{ "s" if Change.changes > 1 else ""  }} in
+                    {{ Change.changesets }} changeset{{ "s" if Change.changesets > 1 else ""  }}
+                    with {{ app }}</li>
+            {% endfor %}
+            </ul>
+        {% endfor %}
+    {% else %}
+        <p>
+            How much did you contribute to <a href="https://www.openstreetmap.org/">OpenStreetMap</a> today? Or any other day?
+        </p>
+        <p>
+            To answer this question, enter your OSM username and the date you want to check above and click "Show".
+        </p>
+        <div class="note">
+            <h4>Tips</h4>
+            <ul>
+                <li>Do you want to have a bookmark that always shows your numbers for the current day?
+                    Just use <code>/YOUR_USERNAME</code> as URL and omit the date!
+                </li>
+                <li>You can enter multiple usernames separated by commas to see their contributions at once.
+                    Try this after a mapwalk with friends!
+                </li>
+            </ul>
+        </div>
+        <div class="disclaimer">
+            <h4>Disclaimers</h4>
+            <ul>
+                <li>Quality beats quantity. While it's nice to see big numbers here, please remember
+                    that just one high-effort change will help more that any amount of mediocre changes.
+                </li>
+                <li>This service is rate-limited to 10 OSM API requests per minute and caches results
+                    for 1 hour (except for the current day) to reduce load on the API.
+                    Too restrictive? Tell me!
+                </li>
+                <li>This is a very simple service. It does exactly one job and tries to do it good.
+                    The data displayed here is shown by many other services, but I didn't find one
+                    that answers my question in this way with just a simple bookmark.
+                    Suggestions are welcome! Get in touch via the issue tracker on the project page.
+                </li>
+            </ul>
+        </div>
+    {% endif %}
+        {% if changeset_ids and changeset_ids|length > 0 %}
+        <div id="map" style="height: 300px; margin-top: 2em; border-radius: 12px; overflow: hidden;"></div>
+        <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
+        <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
+        <script>
+        const changesetIds = JSON.parse('{{ changeset_ids|tojson|safe }}');
+        if (changesetIds.length > 0) {
+            const bounds = [];
+            Promise.all(
+                changesetIds.map(id =>
+                    fetch(`https://api.openstreetmap.org/api/0.6/changeset/${id}`)
+                        .then(r => r.text())
+                        .then(xml => {
+                            const parser = new DOMParser();
+                            const doc = parser.parseFromString(xml, 'application/xml');
+                            const cs = doc.querySelector('changeset');
+                            if (cs) {
+                                bounds.push([
+                                    [parseFloat(cs.getAttribute('min_lat')), parseFloat(cs.getAttribute('min_lon'))],
+                                    [parseFloat(cs.getAttribute('max_lat')), parseFloat(cs.getAttribute('max_lon'))]
+                                ]);
+                            }
+                        })
+                )
+            ).then(() => {
+                if (bounds.length > 0) {
+                    const map = L.map('map').setView([0, 0], 2);
+                    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+                        maxZoom: 19,
+                        attribution: '© OpenStreetMap contributors'
+                    }).addTo(map);
+                    const allBounds = L.latLngBounds(bounds.flat());
+                    map.fitBounds(allBounds);
+                    bounds.forEach(b => L.rectangle(b, {color: '#4f8cff', weight: 2}).addTo(map));
+                }
+            });
+        }
+        </script>
+        {% endif %}
+        <p class="footer">Powered by <a href="https://github.com/rompe/whatdidyoudo">whatdidyoudo {{ version }}</a></p>
+    </div>
+</body>
+</html>