Clean up dead files and duplicate assets, improve docs

.gitignore

@@ -1,4 +1,6 @@
 *.zip
+__pycache__/
+*.pyc
 */.claude
 .claude
 .vscode/ltex.dictionary.*.txt

README.md

@@ -22,16 +22,27 @@ Previously known as theblokker.github.io.
 |---|---|
 | `index.html` | Main homepage |
 | `privat.html` | Personal "about" page |
-| `blog/` | Blog posts |
+| `blog/` | Blog posts — see `blog/posts/post-template.html` to add one |
 | `projects/` | Software project pages |
 | `spotting/` | Streetcar/plane spotting (planned) |
 | `baking/` | Baking/cooking hobby (planned) |
-| `archive/` | Retired pages from earlier versions of the site |
+| `archive/` | Retired pages from earlier versions of the site — see [archive/README.md](archive/README.md) |
 | `praktikum-shk/` | Internship application page |
-| `assets/css/` | Stylesheets |
+| `assets/css/` | Stylesheets (`design-system.css` powers the homepage/projects, `index.css` the blog) |
 | `assets/js/` | JavaScript |
 | `assets/img/` | Images |
 | `assets/fontawesome-free-6.4.0-web/` | Vendored Font Awesome |
+| `CNAME` | Custom domain for GitHub Pages (`timmofto.dev`) |
+| `.github/workflows/` | CodeQL and dependency-review checks, run automatically on push/PR |
+
+---
+
+## How this site works
+
+No build step, framework, or package manager — plain HTML/CSS/JS served
+directly by GitHub Pages from the `main` branch. To preview changes
+locally, just open the relevant `.html` file in a browser, or serve the
+repo root with any static file server (e.g. `python3 -m http.server`).
 
 ---
 

SECURITY.md

@@ -1,21 +1,14 @@
 # Security Policy
 
-## Supported Versions
-
-Use this section to tell people about which versions of your project are
-currently being supported with security updates.
-
-| Version | Supported          |
-| ------- | ------------------ |
-| 5.1.x   | :white_check_mark: |
-| 5.0.x   | :x:                |
-| 4.0.x   | :white_check_mark: |
-| < 4.0   | :x:                |
+This repository is a static personal website (HTML/CSS/JS, deployed via
+GitHub Pages) with no backend, database, or user data — there are no
+"versions" to track for security support.
 
 ## Reporting a Vulnerability
 
-Use this section to tell people how to report a vulnerability.
-
-Tell them where to go, how often they can expect to get an update on a
-reported vulnerability, what to expect if the vulnerability is accepted or
-declined, etc.
+If you find a security issue (e.g. an XSS vector, exposed secret, or
+dependency vulnerability flagged by CodeQL/Dependabot), please open a
+[GitHub issue](https://github.com/DevTimmOfTO/devtimmofto.github.io/issues)
+or contact the maintainer directly. Given the low risk profile of a static
+site, there's no fixed SLA, but reports will be looked at and fixed
+promptly where relevant.

archive/README.md

@@ -0,0 +1,13 @@
+# archive/
+
+Retired pages from earlier versions of the site. Nothing in here is linked
+from the live navigation (index.html, privat.html, blog/, projects/) —
+these are kept for history/reference only, not maintained, and may use
+outdated assets or styling.
+
+| Path | What it was |
+|---|---|
+| `index.old.html` | A previous homepage, superseded by the current `index.html`. |
+| `gta.html`, `gta/` | An earlier standalone page for the GTA RolePlay project (now summarized on the homepage instead). |
+| `techrp/` | Pages for a retired Tech RolePlay project, including its changelog. |
+| `german_comic_faust/` | A generated comic based on Goethe's *Faust*, built by `build.py` from the `.svg` panels in this folder. |

archive/techrp/changelogs/index.html

@@ -11,7 +11,7 @@
     <link href="../../../assets/fontawesome-free-6.4.0-web/css/fontawesome.css" rel="stylesheet">
     <link href="../../../assets/fontawesome-free-6.4.0-web/css/brands.css" rel="stylesheet">
     <link href="../../../assets/fontawesome-free-6.4.0-web/css/solid.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../../../assets/img/IMG_0430.png">
+    <link rel="shortcut icon" href="../../../assets/img/tech-roleplay.png">
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,200;0,300;1,200&display=swap');
     </style>

archive/techrp/index.html

@@ -12,7 +12,7 @@
     <link href="../../assets/fontawesome-free-6.4.0-web/css/fontawesome.css" rel="stylesheet">
     <link href="../../assets/fontawesome-free-6.4.0-web/css/brands.css" rel="stylesheet">
     <link href="../../assets/fontawesome-free-6.4.0-web/css/solid.css" rel="stylesheet">
-    <link rel="shortcut icon" href="../../assets/img/IMG_0430.png">
+    <link rel="shortcut icon" href="../../assets/img/tech-roleplay.png">
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,200;0,300;1,200&display=swap');
     </style>
@@ -49,7 +49,7 @@
     </div>
     <div class="main">
         <div class="px-4 py-5 my-5 text-center">
-            <img class="d-block mx-auto mb-4" src="../../assets/img/IMG_0430.png" alt="" width="72" height="72">
+            <img class="d-block mx-auto mb-4" src="../../assets/img/tech-roleplay.png" alt="" width="72" height="72">
             <h1 class="display-5 fw-bold text-body-emphasis">Tech Roleplay </h1>
             <div class="col-lg-6 mx-auto">
                 <p class="lead mb-4">Willkommen auf der Changelog Website von Tech Roleplay. Hier findest du die letzten Änderungen

assets/css/index.css

@@ -1,4 +1,9 @@
-    body {
+    /* index.css — styling for blog/ pages only.
+       Predates the "Glass Deck" design system (assets/css/design-system.css,
+       used by the homepage and project pages) and isn't shared with it.
+       #nav, #b1, #b3 below are unused placeholder selectors kept as-is. */
+
+    body {
         text-align: center;
         font-family: "Josefin Sans", serif;
         background-color: rgba(221, 56, 255, 0.81);

assets/css/main.css

@@ -0,0 +1,4 @@
+/* main.css — legacy stylesheet, intentionally empty.
+   Still linked by blog/ pages and a few retired archive/ pages for
+   backward compatibility; their actual styling comes from index.css
+   (or, for archive pages, inline <style> blocks). Safe to leave empty. */

assets/js/scripts.js

@@ -1 +1,5 @@
+// scripts.js — legacy script, effectively a no-op.
+// Still linked by blog/ pages and a few retired archive/ pages for
+// backward compatibility. Page-specific behavior lives inline in those
+// files instead. Safe to leave as-is.
 //window.alert("DEV BUILD!!!");

blog/index.html

@@ -8,7 +8,7 @@
     <title>Blog | DevTimmOfTO</title>
     <link rel="stylesheet" href="../assets/css/index.css">
     <link rel="stylesheet" href="../assets/css/main.css">
-    <link rel="shortcut icon" href="../assets/img/profil_pic.png">
+    <link rel="shortcut icon" href="../assets/img/profile.png">
     <link rel="alternate" type="application/rss+xml" title="DevTimmOfTO Blog" href="feed.xml">
     <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
     <link href="../assets/fontawesome-free-6.4.0-web/css/fontawesome.css" rel="stylesheet">

blog/posts/example-post.html

@@ -8,7 +8,7 @@
     <title>Greater Toronto Area Transit (GTAT) — Project Overview | DevTimmOfTO Blog</title>
     <link rel="stylesheet" href="../../assets/css/index.css">
     <link rel="stylesheet" href="../../assets/css/main.css">
-    <link rel="shortcut icon" href="../../assets/img/profil_pic.png">
+    <link rel="shortcut icon" href="../../assets/img/profile.png">
     <link rel="alternate" type="application/rss+xml" title="DevTimmOfTO Blog" href="../feed.xml">
     <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
     <link href="../../assets/fontawesome-free-6.4.0-web/css/fontawesome.css" rel="stylesheet">

blog/posts/post-template.html

@@ -20,7 +20,7 @@
 
     <link rel="stylesheet" href="../../assets/css/index.css">
     <link rel="stylesheet" href="../../assets/css/main.css">
-    <link rel="shortcut icon" href="../../assets/img/profil_pic.png">
+    <link rel="shortcut icon" href="../../assets/img/profile.png">
     <link rel="alternate" type="application/rss+xml" title="DevTimmOfTO Blog" href="../feed.xml">
     <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
     <link href="../../assets/fontawesome-free-6.4.0-web/css/fontawesome.css" rel="stylesheet">

privat.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Timm's personal space — developer, gamer, student, human.">
     <title>Timm's Space | DevTimmOfTO</title>
-    <link rel="shortcut icon" href="assets/img/profil_pic.png">
+    <link rel="shortcut icon" href="assets/img/profile.png">
     <link href="assets/fontawesome-free-6.4.0-web/css/fontawesome.css" rel="stylesheet">
     <link href="assets/fontawesome-free-6.4.0-web/css/brands.css" rel="stylesheet">
     <link href="assets/fontawesome-free-6.4.0-web/css/solid.css" rel="stylesheet">
@@ -96,7 +96,7 @@ <h1 class="text-2xl font-bold">Timm's Space</h1>
             <!-- Profile pic -->
             <div class="shrink-0 relative">
                 <div class="profile-ring rounded-full p-1 w-36 h-36">
-                    <img src="assets/img/profil_pic.png" alt="Timm's profile picture"
+                    <img src="assets/img/profile.png" alt="Timm's profile picture"
                          class="rounded-full w-full h-full object-cover">
                 </div>
                 <!-- Status dot -->

projects/CivTechXR.html

@@ -53,7 +53,7 @@
     <div class="container mx-auto px-6 py-4 flex justify-between items-center">
       <div class="flex items-center space-x-3">
 <div class="w-10 h-10 bg-gradient-to-br from-cyan-400 to-blue-600 rounded flex items-center justify-center shadow-lg shadow-cyan-500/50 overflow-hidden">
-  <img src="../assets/img/IMG_0430.png" alt="CivTechXR Logo" class="w-8 h-8 object-contain" />
+  <img src="../assets/img/tech-roleplay.png" alt="CivTechXR Logo" class="w-8 h-8 object-contain" />
 </div>
         <span class="text-2xl font-bold tracking-tight text-white">CivTech<span class="text-cyan-400">XR</span></span>
       </div>

projects/it-course-projects.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="IT course projects from my Gymnasium years — algorithms, data structures, and software engineering experiments.">
     <title>IT Course Projects | DevTimmOfTO</title>
-    <link rel="shortcut icon" href="../assets/img/profil_pic.png">
+    <link rel="shortcut icon" href="../assets/img/profile.png">
     <link href="../assets/fontawesome-free-6.4.0-web/css/fontawesome.css" rel="stylesheet">
     <link href="../assets/fontawesome-free-6.4.0-web/css/brands.css" rel="stylesheet">
     <link href="../assets/fontawesome-free-6.4.0-web/css/solid.css" rel="stylesheet">