From 71a745324125868260aa7317a625853abd6b4f62 Mon Sep 17 00:00:00 2001
From: Cay <cay@joksch.ch>
Date: Wed, 11 Mar 2026 18:54:59 +0000
Subject: [PATCH] etdhg

---
 views/launcher-dev.ejs | 81 ++++++++++++++++++++++++++++++++++++++++++
 views/launcher.ejs     |  2 +-
 2 files changed, 82 insertions(+), 1 deletion(-)
 create mode 100644 views/launcher-dev.ejs
diff --git a/views/launcher-dev.ejs b/views/launcher-dev.ejs
new file mode 100644
index 0000000..e0c8cb6
--- /dev/null
+++ b/views/launcher-dev.ejs
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+
+    <title>Map Developer</title>
+
+    <style>
+      body {
+        margin: 0;
+        background: #000;
+        display: flex;
+        justify-content: center;
+      }
+
+      .wrapper {
+        position: relative;
+      }
+
+      img {
+        display: block;
+      }
+
+      svg {
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
+
+      polygon {
+        fill: rgba(255, 0, 0, 0.35);
+        stroke: red;
+        stroke-width: 2;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div class="wrapper">
+      <img src="/images/dok_bg.png" id="map" />
+
+      <svg
+        id="overlay"
+        viewBox="0 0 2037 1018"
+        width="2037"
+        height="1018"
+      ></svg>
+    </div>
+
+    <script>
+      let points = [];
+      const svg = document.getElementById("overlay");
+
+      svg.addEventListener("click", (e) => {
+        const rect = svg.getBoundingClientRect();
+
+        const x = Math.round(e.clientX - rect.left);
+        const y = Math.round(e.clientY - rect.top);
+
+        points.push(`${x},${y}`);
+
+        drawPolygon();
+
+        console.log('points="' + points.join(" ") + '"');
+      });
+
+      function drawPolygon() {
+        svg.innerHTML = `
+<polygon points="${points.join(" ")}"></polygon>
+`;
+      }
+
+      document.addEventListener("keydown", (e) => {
+        if (e.key === "Escape") {
+          points = [];
+          svg.innerHTML = "";
+        }
+      });
+    </script>
+  </body>
+</html>
diff --git a/views/launcher.ejs b/views/launcher.ejs
index 74fc153..0cb21de 100644
--- a/views/launcher.ejs
+++ b/views/launcher.ejs
@@ -44,7 +44,7 @@
           <title>Gebäude 1</title>
           <polygon
             class="area"
-            points="420,230 520,230 540,420 480,520 400,420"
+            points="280,160 360,160 370,320 310,370 260,300"
           />
         </a>
 
