kome kome internationale

nazjobs · Sep 15, 2024 · de374eb · de374eb
commit de374eb
Show file tree

Hide file tree

Showing 46 changed files with 1,133 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,21 @@
+pretty much stolen from https://github.com/byquangthanh/valentine.github.io but wanted a "spin" to tit :) 
+
+so u can deploy this static page on github and get the answers via google spreadsheet api lol
+
+so i used google spreadsheet and put this script for the web app
+
+`function doPost(e) { var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet(); var data = JSON.parse(e.postData.contents);
+
+// This will prepare the row data WE NEED to store the DATA in var row = [new Date()]; row.push(data.noCount ||''); row.push(data.foods ? data.foods.join(", ") : ''); row.push(data.desserts ? data.desserts.join(", ") : ''); row.push(data.activities ? data.activities.join(", ") : ''); row.push(data.selectedDate || '');
+
+// Append the data to the sheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeet sheet.appendRow(row);
+
+// This will set CORS headers... maybe, idk.
+
+var output = ContentService.createTextOutput(JSON.stringify({ 'result': 'success' })); output.setMimeType(ContentService.MimeType.JSON); output.setHeader('Access-Control-Allow-Origin', '*'); output.setHeader('Access-Control-Allow-Methods', 'POST'); output.setHeader('Access-Control-Allow-Headers', 'Content-Type');`
+
+um u can replace the google spreadsheet api url on the fetch function in ✨Decollector.js✨ file...
+
+hab fun ! :)
+
+ps: fuck cors...
diff --git a/activities.html b/activities.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Activities</title>
+    <link rel="stylesheet" href="css/activities.css" />
+    <script src="js/Decollector.js" defer></script>
+  </head>
+  <body>
+    <div id="activityquestion"><b>What are we doing after?</b></div>
+    <div class="activities-selection">
+      <div class="activity-item">
+        <img src="activities/aquarium.jpeg" alt="aquarium" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="aquarium"
+          />aquarium</label
+        >
+      </div>
+      <div class="activity-item">
+        <img src="activities/arcade.jpeg" alt="arcade" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="arcade"
+          />arcade</label
+        >
+      </div>
+      <div class="activity-item">
+        <img src="activities/cinema.jpeg" alt="cinema" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="cinema"
+          />cinema</label
+        >
+      </div>
+      <div class="activity-item">
+        <img src="activities/ceramics.jpeg" alt="ceramics" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="ceramics"
+          />ceramics</label
+        >
+      </div>
+      <div class="activity-item">
+        <img src="activities/exhibition.jpeg" alt="exhibition" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="exhibition"
+          />exhibition</label
+        >
+      </div>
+      <div class="activity-item">
+        <img src="activities/park.jpeg" alt="park" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="park"
+          />park</label
+        >
+      </div>
+      <div class="activity-item">
+        <img src="activities/thrift.jpeg" alt="park" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="thrift"
+          />thrift</label
+        >
+      </div>
+
+      <div class="activity-item">
+        <img src="activities/paintball.jpg" alt="paint ball" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="paint ball"
+          />paint ball</label
+        >
+      </div>
+
+      <div class="activity-item">
+        <img src="activities/go kart.jpeg" alt="go kart" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="go kart"
+          />go kart</label
+        >
+      </div>
+
+
+      <div class="activity-item">
+        <img src="activities/roller skate.jpeg" alt="roller skate" />
+        <label
+          ><input
+            type="checkbox"
+            name="activities"
+            value="roller skate"
+          />roller skate</label
+        >
+      </div>
+
+    </div>
+    <button class="button" onclick="location.href='lastpage.html'">
+      Last page
+    </button>
+  </body>
+</html>
diff --git a/activities/aquarium.jpeg b/activities/aquarium.jpeg
diff --git a/activities/arcade.jpeg b/activities/arcade.jpeg
diff --git a/activities/ceramics.jpeg b/activities/ceramics.jpeg
diff --git a/activities/cinema.jpeg b/activities/cinema.jpeg
diff --git a/activities/exhibition.jpeg b/activities/exhibition.jpeg
diff --git a/activities/go kart.jpeg b/activities/go kart.jpeg
diff --git a/activities/paintball.jpg b/activities/paintball.jpg
diff --git a/activities/park.jpeg b/activities/park.jpeg
diff --git a/activities/roller skate.jpeg b/activities/roller skate.jpeg
diff --git a/activities/thrift.jpeg b/activities/thrift.jpeg
diff --git a/cat.gif b/cat.gif
diff --git a/cat.png b/cat.png
diff --git a/congratulations.mp3 b/congratulations.mp3
diff --git a/css/activities.css b/css/activities.css
@@ -0,0 +1,40 @@
+body {
+  text-align: center;
+  margin-top: 30px;
+  font-family: "Courier";
+  background-color: #fff5e4;
+  color: #ff9494;
+}
+#activityquestion {
+  font-size: 50px;
+  margin-bottom: 30px;
+}
+.activity-item {
+  display: inline-block;
+  margin: 10px;
+  vertical-align: top;
+  color: #ff9494;
+}
+.activity-item img {
+  height: 200px;
+  width: 200px;
+  border-radius: 50%;
+  border: 5px solid #ff9494;
+  object-fit: cover;
+  padding: 10px;
+}
+.activity-item label {
+  display: block;
+}
+.button {
+  padding: 10px 20px;
+  font-size: 18px;
+  cursor: pointer;
+  margin: 10px;
+  font-family: "courier";
+  margin-bottom: 20px;
+  background-color: #ffe3e1;
+  color: #e67373;
+  border-radius: 12px;
+  border: 2px solid #ffe3e1;
+}
diff --git a/css/date.css b/css/date.css
@@ -0,0 +1,60 @@
+body {
+  text-align: center;
+  margin-top: 30px;
+  font-family: "Courier";
+  background-color: #fff5e4;
+  color: #ff9494;
+  display: flex;
+  flex-direction: column;
+}
+h1 {
+  font-size: 40px;
+}
+
+form .header {
+  width: 100%;
+  display: flex;
+  font-size: 20px;
+  margin-bottom: 20px;
+  color: #ff9494;
+}
+
+.form-group {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  font-size: 25px;
+}
+
+.button {
+  padding: 6px 10px;
+  font-size: 15px;
+  cursor: pointer;
+  margin: 10px;
+  font-family: "courier";
+  margin-bottom: 10px;
+  background-color: #ffe3e1;
+  color: #e67373;
+  border-radius: 12px;
+  border: 2px solid #ffe3e1;
+  transition: 0.3s;
+}
+
+.button:hover {
+  background-color: #ff9494;
+  color: #ffe3e1;
+  border: 2px solid #ff9494;
+}
+
+input[type="date"] {
+  padding: 6px 10px;
+  font-size: 15px;
+  cursor: pointer;
+  margin: 10px;
+  font-family: "courier";
+  margin-bottom: 10px;
+  background-color: #ffe3e1;
+  color: #e67373;
+  border-radius: 12px;
+  border: 2px solid #ffe3e1;
+}
diff --git a/css/dessert.css b/css/dessert.css
@@ -0,0 +1,41 @@
+body {
+  text-align: center;
+  margin-top: 30px;
+  font-family: courier;
+  background-color: #fff5e4;
+  color: #ff9494;
+}
+#dessertquestion {
+  font-size: 50px;
+  margin-bottom: 30px;
+  font-weight: bold;
+}
+.dessert-item {
+  display: inline-table;
+  margin: 10px;
+  vertical-align: top;
+  color: #ff9494;
+}
+.dessert-item img {
+  height: 200px;
+  width: 200px;
+  border-radius: 50%;
+  border: 5px solid #ff9494;
+  object-fit: cover;
+  padding: 10px;
+}
+.dessert-item label {
+  display: block;
+}
+.button {
+  padding: 10px 20px;
+  font-size: 18px;
+  cursor: pointer;
+  margin: 10px;
+  font-family: "courier";
+  margin-bottom: 20px;
+  background-color: #ffe3e1;
+  color: #e67373;
+  border-radius: 12px;
+  border: 2px solid #ffe3e1;
+}