feat: add initial base pages and mobile-first framework

ask.js

@@ -0,0 +1,27 @@
+// Frage-Seite: Ja/Nein-Interaktion
+// Der Nein-Button schrumpft und der Ja-Button wächst bei jedem Klick auf "Nein".
+
+(function () {
+  const yesBtn = document.getElementById("yesBtn");
+  const noBtn = document.getElementById("noBtn");
+
+  const SHRINK_FACTOR = 0.66;
+  const GROW_FACTOR = 1.33;
+  const MIN_NO_SCALE = 0.12; // bleibt minimal antippbar
+  const MAX_YES_SCALE = 3.2; // wird nicht größer als der Bildschirm
+
+  let noScale = 1;
+  let yesScale = 1;
+
+  noBtn.addEventListener("click", () => {
+    noScale = Math.max(MIN_NO_SCALE, noScale * SHRINK_FACTOR);
+    yesScale = Math.min(MAX_YES_SCALE, yesScale * GROW_FACTOR);
+
+    noBtn.style.transform = `scale(${noScale})`;
+    yesBtn.style.transform = `scale(${yesScale})`;
+  });
+
+  yesBtn.addEventListener("click", () => {
+    window.location.href = "activity.html";
+  });
+})();