++ Cookie

++ Einführung
deployor · Oct 23, 2024 · 6a51e02 · 6a51e02
1 parent 2207230
commit 6a51e02
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 11 deletions.
diff --git a/WIP/gamble.html b/WIP/gamble.html
@@ -96,7 +96,7 @@
         setTimeout(() => {
             welcomeText.style.opacity = 1;
         }, 500); // HOLDDDUPPPP
-             // Nochmal, danke Copilot, ich hatte eigentlich vor das zu generieren danke für den fusch vorschlag 😍
+             // Nochmal, danke Copilot, ich hatte eigentlich vor das zu generieren (Also so mathe und so ihh) danke für den fusch vorschlag 😍
         const emojisIconsStuff = [
             [ 
                 '🍒', '🍋', '🍊', '🍉', '🍇', '⭐️', '💎', '🍀', '🔔', '🍒', '🍋', '🍊', '🍉', '🍇', '⭐️', '💎', '🍀', '🔔',

diff --git a/index.html b/index.html
@@ -1,21 +1,28 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3934114095507086"
-    crossorigin="anonymous"></script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Willkommen</title>
     <link rel="stylesheet" href="style.css" />
+    <script>
+      document.addEventListener("DOMContentLoaded", function() { // wartet bis die seite geladen ist-> dann wird der code ausgeführt
+        if (!document.cookie.includes("firstTimeBeingHere=true")) { // "!" bedeutzet nichts anders als NICHT. also wenn NICHT firstTimeBeingHere=true
+          document.cookie = "firstTimeBeingHere=true; path=/"; // setzt den cookie firstTimeBeingHere=true mit dem pfad / also ALLE seiten.
+          window.location.href = "welcome.html";
+        }
+      });
+    </script>
   </head>
   <body>
     <header>
       <nav>
         <ul>
           <li><a href="index.html">Home</a></li>
+          <li><a href="welcome.html">Einführung</a></li>
           <li><a href="idee.html">Die Idee</a></li>
           <li><a href="code.html">Der Code</a></li>
-          <li><a href="data.html">Datenschutz</a></li>
+          <li><a href="data.html">Datenschutzerklärung</a></li>
         </ul>
       </nav>
 
@@ -30,6 +37,7 @@ <h1 class="leon1">Willkommen</h1>
         </p>
         <div class="buttons">
           <a href="Animation.html" class="btn">START</a>
+          <a href="Animation.html" class="btn">Prototyp</a>
         </div>
       </div>
     </main>

diff --git a/v2/Flags/flaggen.js b/v2/Flags/flaggen.js
@@ -5,7 +5,7 @@ const maxRounds = 10;
 
 async function startQuiz(difficulty) {
   const populationsDiffictultyHelpSpellingIsHard = {
-    eassyyyy: [130000000, 9999900000],
+    eassyyyy: [130000000, 122333444455555666666777777788888888999999999],
     mediumRare: [10000000, 50000000],
     wellDone: [500000, 10000000],
   };

diff --git a/v2/Flags/index.html b/v2/Flags/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3934114095507086"
     crossorigin="anonymous"></script>
@@ -8,6 +9,7 @@
   <title>Flageeennnnnnnn</title>
   <link rel="stylesheet" href="styles.css" />
 </head>
+
 <body>
   <div class="container">
     <script src="flaggen.js"></script>
@@ -37,4 +39,5 @@ <h2 id="result-message"></h2>
     </div>
   </div>
 </body>
+
 </html>
diff --git a/WIP/welcome.css → welcome.css b/WIP/welcome.css → welcome.css
diff --git a/WIP/welcome.html → welcome.html b/WIP/welcome.html → welcome.html
@@ -52,16 +52,17 @@ <h3>Tools &amp; Co 🛠️</h3> <!-- nichts anderes als "&"" aber special charac
             <img src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Microsoft_Azure_Logo.svg"
                 alt="Ekeliges microsoft" class="logo">
             <h3>Azure</h3>
-            <p>Azure ist eine Cloud-Computing-Plattform von Microsoft. Diese ist nicht nur deutlisch schneller als etwas
-                singlenode auszuführen sondern auch skalierbarer. Auf der wird die statische website betrieben.</p>
+            <p>Azure ist eine CC-Plattform (Cloud Computing) von Microsoft. Sie ist nicht nur schneller als Single-Node
+                Kösungen (ein einzelner (Rechenknoten) Server), sondern auch skalierbarer. Auf Azure wird die seite als
+                "statische Website" betrieben, und über GH actions immer aktualisiert.</p>
         </div>
 
         <hr>
         <div class="section">
             <img src="https://i.ibb.co/cJ3PVVY/cf2.png" alt="Cloudflare Logo" class="logo">
             <h3>Cloudflare und Pages</h3>
-            <p>Cloudflare ist ein CDN also Content Delivery Network, es macht alles deutlich schneller da es inhalt
-                chachet. CF (CloudlFlare) Pages ist eine Plattform für das Hosting/Bereistellen von statischen
+            <p>Cloudflare ist unteranderem ein CDN also Content Delivery Network, es macht alles deutlich schneller da
+                es inhalt chachet. CF (CloudFlare) Pages ist eine Plattform für das Hosting/Bereistellen von statischen
                 Webseiten. Obwohl es eine gute Lösung war, natürlich gratis, wechselten wir zu Azure da es für unsere
                 Anforderungen besser geeignet war, da es schneller und zuverlässiger war.</p>
         </div>
@@ -89,14 +90,19 @@ <h3>GitHub</h3>
 
         <hr>
         <div class="section">
-            <script type="module" src="https://unpkg.com/@splinetool/[email protected]/build/spline-viewer.js" async></script>
-            <spline-viewer hint loading-anim-type="spinner-small-dark" url="https://prod.spline.design/4B3KjL-VhvpPNWGs/scene.splinecode"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAG1ElEQVR4AQCBAH7/AFpqpwBaaqcAWmqnAFpqpwBaaqcAWmqnAFlrpwBZa6cAWWunAFlrpwBZa6cAWWunCllrpy1Za6dOWWunaFlrp3haaqd8WmqndFtpp2FcaKdFXGinJF1npwJeZqcAXmWnAF9lpwBgZKcAYWOnAGFjpwBiYqcAYmKnAGJipwBiYqcAAIEAfv8AW2mnCVtppwFbaacAW2mnAFpqpwBaaqcAWmqnAFpqpwBaaqcAWWqnAFlrpwdZa6crWWunUFpqp3JaaqeMWmqnnFpqp6BbaaeYXGinhFxop2ddZ6dFXmanIl5mpwFfZacAYGSnAGFjpwBhY6cAYmKnAGJipwBjYacAY2GnAGNhpwAAgQB+/wBcaKcnXGinIFxopxRcaKcEW2mnAFtppwBbaacAW2mnAFtppwBbaacVWmqnNlpqp1xaaaeCW2mnpVtpp8FbaafRXGin1Vxop8xdZ6e4XWenml5mp3ZfZadQYGSnLWBkpw9hY6cAYmKnAGJipwBjYacAZGCnAGRgpwBkYKcAZGCnBACBAH7/AF1npzZdZ6cwXWenJV1npxddZ6cKXGinAVxopwBcaKcIXGinGlxopzZcaKdaXGinglxop6tcaKfQXGin7F1np/5dZ6f/Xman+V5mp+RfZafEYGSnn2Bkp3dhY6dRYmKnMGNhpxdjYacHZGCnAGVfpwBlX6cCZV+nCGZepw5mXqcSAIEAfv8AXmanL15mpyleZqcfXmanE15mpwdeZqcBXmanAV1npwxdZ6chXWenP11np2ZdZ6eRXWenvF1np+NeZqf/Xman/15mp/9fZaf/YGSn+mBkp9phY6ezYmKniWNhp2FjYac9ZGCnIWVfpw5mXqcDZl6nAGddpwJnXacHZ12nDGddpw8AgQB+/wBfZacaX2WnFF9lpwtfZacAX2WnAF9lpwBeZqcAXmanAF5mpxVeZqc1XmanXl5mp4teZqe4Xman4V9lp/9fZaf/YGSn/2Bkp/9hY6f9YWOn3WJip7VjYaeKZGCnYWVfpzxlX6ceZl6nCWddpwBoXKcAaFynAGhcpwBpW6cAaVunAgCBAH7/AGBkpwlgZKcDYGSnAF9lpwBfZacAX2WnAF9lpwBfZacAX2WnBV9lpydfZadQX2Wnfl9lp61fZafXX2Wn+GBkp/9gZKf/YWOn/2Fjp/liYqfZY2GnsmRgp4dlX6deZV6nOWZepxtnXacFaFynAGhcpwBpW6cAaVunAGpapwBqWqcAAIEAfv8AYGSnCF9lpwJfZacAX2WnAF9lpwBfZacAX2WnAF9lpwBfZacAX2WnHl9lp0dfZad0X2Wnol9lp81fZafuYGSn/2Bkp/9hY6f/YmKn82Jip9VjYaevZGCnhmVfp15mXqc6Z12nHWddpwloXKcAaVunAGlbpwBqWqcAalqnAGpapwIAgQB+/wBfZacUX2WnDl9lpwJfZacAX2WnAF5mpwBeZqcAXmanAF5mpwBeZqcYXmanPl5mp2peZqeXX2WnwF9lp+JfZaf4YGSn/2Fjp/xhY6fqYmKnzWNhp6pkYKeDZV+nXWZepztmXqchZ12nDmhcpwRpW6cBaVunA2papwdqWqcMalqnDwCBAH7/AF5mpyBeZqcZXmanDF5mpwBeZqcAXmanAF1npwBdZ6cAXWenAF1npwtdZ6cuXWenV15mp4FeZqeoXmanyV9lp99fZafoYGSn42Fjp9NhY6e4YmKnlmNhp3JkYKdPZV+nMGZepxhnXacIZ12nAGhcpwBpW6cDaVunCWlbpw9pW6cSAIEAfv8AXWenIF1npxhdZ6cJXWenAF1npwBdZ6cAXGinAFxopwBcaKcAXGinAFxopw9dZ6c1XWenXV1np4JdZ6egXmantV5mp75fZae6YGSnqmFjp5FiYqdxYmKnT2Nhpy9kYKcTZV+nAGZepwBnXacAZ12nAGhcpwBoXKcAaVunAGlbpwQAgQB+/wBcaKcVXGinDFxopwBcaKcAXGinAFxopwBcaKcAXGinAFxopwBcaKcAXGinAFxopw5caKczXGinVl1np3NdZ6eHXmanj15mp4tfZad8YGSnZGFjp0ZiYqcmY2GnB2RgpwBkYKcAZV+nAGZepwBnXacAZ12nAGhcpwBoXKcAaFynAAGBAH7/AFxopwpcaKcBXGinAFtppwBbaacAW2mnAFtppwBbaacAW2mnAFtppwBbaacAW2mnAFtppxZcaKc4XGinVV1np2hdZ6dwXmanbF9lp11gZKdFYGSnKGFjpwliYqcAY2GnAGRgpwBlX6cAZl6nAGZepwBnXacAZ12nAGhcpwBoXKcAR8WzBXdP/msAAAAASUVORK5CYII=" alt="Spline preview" style="width: 100%; height: 100%;"/></spline-viewer>
+            <script type="module" src="https://unpkg.com/@splinetool/[email protected]/build/spline-viewer.js"
+                async></script>
+            <spline-viewer hint loading-anim-type="spinner-small-dark"
+                url="https://prod.spline.design/4B3KjL-VhvpPNWGs/scene.splinecode"><img
+                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAG1ElEQVR4AQCBAH7/AFpqpwBaaqcAWmqnAFpqpwBaaqcAWmqnAFlrpwBZa6cAWWunAFlrpwBZa6cAWWunCllrpy1Za6dOWWunaFlrp3haaqd8WmqndFtpp2FcaKdFXGinJF1npwJeZqcAXmWnAF9lpwBgZKcAYWOnAGFjpwBiYqcAYmKnAGJipwBiYqcAAIEAfv8AW2mnCVtppwFbaacAW2mnAFpqpwBaaqcAWmqnAFpqpwBaaqcAWWqnAFlrpwdZa6crWWunUFpqp3JaaqeMWmqnnFpqp6BbaaeYXGinhFxop2ddZ6dFXmanIl5mpwFfZacAYGSnAGFjpwBhY6cAYmKnAGJipwBjYacAY2GnAGNhpwAAgQB+/wBcaKcnXGinIFxopxRcaKcEW2mnAFtppwBbaacAW2mnAFtppwBbaacVWmqnNlpqp1xaaaeCW2mnpVtpp8FbaafRXGin1Vxop8xdZ6e4XWenml5mp3ZfZadQYGSnLWBkpw9hY6cAYmKnAGJipwBjYacAZGCnAGRgpwBkYKcAZGCnBACBAH7/AF1npzZdZ6cwXWenJV1npxddZ6cKXGinAVxopwBcaKcIXGinGlxopzZcaKdaXGinglxop6tcaKfQXGin7F1np/5dZ6f/Xman+V5mp+RfZafEYGSnn2Bkp3dhY6dRYmKnMGNhpxdjYacHZGCnAGVfpwBlX6cCZV+nCGZepw5mXqcSAIEAfv8AXmanL15mpyleZqcfXmanE15mpwdeZqcBXmanAV1npwxdZ6chXWenP11np2ZdZ6eRXWenvF1np+NeZqf/Xman/15mp/9fZaf/YGSn+mBkp9phY6ezYmKniWNhp2FjYac9ZGCnIWVfpw5mXqcDZl6nAGddpwJnXacHZ12nDGddpw8AgQB+/wBfZacaX2WnFF9lpwtfZacAX2WnAF9lpwBeZqcAXmanAF5mpxVeZqc1XmanXl5mp4teZqe4Xman4V9lp/9fZaf/YGSn/2Bkp/9hY6f9YWOn3WJip7VjYaeKZGCnYWVfpzxlX6ceZl6nCWddpwBoXKcAaFynAGhcpwBpW6cAaVunAgCBAH7/AGBkpwlgZKcDYGSnAF9lpwBfZacAX2WnAF9lpwBfZacAX2WnBV9lpydfZadQX2Wnfl9lp61fZafXX2Wn+GBkp/9gZKf/YWOn/2Fjp/liYqfZY2GnsmRgp4dlX6deZV6nOWZepxtnXacFaFynAGhcpwBpW6cAaVunAGpapwBqWqcAAIEAfv8AYGSnCF9lpwJfZacAX2WnAF9lpwBfZacAX2WnAF9lpwBfZacAX2WnHl9lp0dfZad0X2Wnol9lp81fZafuYGSn/2Bkp/9hY6f/YmKn82Jip9VjYaevZGCnhmVfp15mXqc6Z12nHWddpwloXKcAaVunAGlbpwBqWqcAalqnAGpapwIAgQB+/wBfZacUX2WnDl9lpwJfZacAX2WnAF5mpwBeZqcAXmanAF5mpwBeZqcYXmanPl5mp2peZqeXX2WnwF9lp+JfZaf4YGSn/2Fjp/xhY6fqYmKnzWNhp6pkYKeDZV+nXWZepztmXqchZ12nDmhcpwRpW6cBaVunA2papwdqWqcMalqnDwCBAH7/AF5mpyBeZqcZXmanDF5mpwBeZqcAXmanAF1npwBdZ6cAXWenAF1npwtdZ6cuXWenV15mp4FeZqeoXmanyV9lp99fZafoYGSn42Fjp9NhY6e4YmKnlmNhp3JkYKdPZV+nMGZepxhnXacIZ12nAGhcpwBpW6cDaVunCWlbpw9pW6cSAIEAfv8AXWenIF1npxhdZ6cJXWenAF1npwBdZ6cAXGinAFxopwBcaKcAXGinAFxopw9dZ6c1XWenXV1np4JdZ6egXmantV5mp75fZae6YGSnqmFjp5FiYqdxYmKnT2Nhpy9kYKcTZV+nAGZepwBnXacAZ12nAGhcpwBoXKcAaVunAGlbpwQAgQB+/wBcaKcVXGinDFxopwBcaKcAXGinAFxopwBcaKcAXGinAFxopwBcaKcAXGinAFxopw5caKczXGinVl1np3NdZ6eHXmanj15mp4tfZad8YGSnZGFjp0ZiYqcmY2GnB2RgpwBkYKcAZV+nAGZepwBnXacAZ12nAGhcpwBoXKcAaFynAAGBAH7/AFxopwpcaKcBXGinAFtppwBbaacAW2mnAFtppwBbaacAW2mnAFtppwBbaacAW2mnAFtppxZcaKc4XGinVV1np2hdZ6dwXmanbF9lp11gZKdFYGSnKGFjpwliYqcAY2GnAGRgpwBlX6cAZl6nAGZepwBnXacAZ12nAGhcpwBoXKcAR8WzBXdP/msAAAAASUVORK5CYII="
+                    alt="Spline preview" style="width: 100%; height: 100%;" /></spline-viewer>
             <h3>Spline</h3>
             <p>Spline ist ein Design-Tool, und bietet sich an da es sich einfach einbetten lässt um 3D modelle zu
                 zeigen</p>
         </div>
 
         <button onclick="location.href='/index.html'">Zum Projekt 👀</button>
+        <h3>Zurück nach hier? Klicke auf "Einführung" auf der Startseite.</h3>
     </div>
 
 </body>