zero-to-mastery · Elita1Arcee · Jun 4, 2023 · Jun 5, 2023 · Jun 6, 2023 · Jun 7, 2023
diff --git a/day.html b/day.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Day With Kids</title>
+
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body class="bgDayImg">
+    <header data-bs-theme="dark">
+      <div class="collapse text-bg-dark" id="navbarHeader">
+        <div class="container">
+          <div class="row">
+            <div class="col-sm-8 col-md-7 py-4">
+              <h4>About</h4>
+              <p class="text-body-secondary">
+                Hi there! Enjoy this family-friendly app. I will be adding
+                questions and themes to it, eventually. My children had alot of
+                suggestions for this app, however, I don't have the time to
+                implement them now, much to their dismay. -Louisa- <br />
+                Drag to discard for laptop-desktop. Swipe RIGHT to discard for
+                tablet.
+              </p>
+            </div>
+            <div class="col-sm-4 offset-md-1 py-4">
+              <h4>Time With Kids</h4>
+              <ul class="list-unstyled">
+                <li><a href="/index.html" class="text-white">Home</a></li>
+                <li>
+                  <a href="/day.html" class="text-white">Day With Kids Game</a>
+                </li>
+                <li>
+                  <a href="night.html" class="text-white"
+                    >Night With Kids Game</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar shadow-lg purpleColor">
+        <div class="container">
+          <a href="/index.html" class="navbar-brand d-flex align-items-center">
+            <?xml version="1.0" encoding="UTF-8"?>
+            <svg
+              width="50pt"
+              height="50pt"
+              version="1.1"
+              viewBox="0 0 128 128"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <g fill="#fff">
+                <path
+                  d="m34.047 90.418c-1.2148 0-2.2148 0.98438-2.2148 2.2148 0 1.2148 0.98438 2.2148 2.2148 2.2148 1.2148 0 2.2148-0.98438 2.2148-2.2148 0-1.2266-0.99609-2.2148-2.2148-2.2148z"
+                />
+                <path
+                  d="m56.691 92.621c0 2.9531-4.4297 2.9531-4.4297 0s4.4297-2.9531 4.4297 0"
+                />
+                <path
+                  d="m44.262 103.81c3.6094 0 6.5391-2.9297 6.5391-6.5391h-5.543c0 1.0898-1.9844 1.0898-1.9844 0h-5.543c-0.007813 3.5938 2.9219 6.5391 6.5312 6.5391z"
+                />
+                <path
+                  d="m75.992 54.375c0 2.9336-4.4023 2.9336-4.4023 0 0-2.9375 4.4023-2.9375 4.4023 0"
+                />
+                <path
+                  d="m94.094 56.562c1.2148 0 2.1875-0.98438 2.1875-2.2031 0-1.2148-0.98438-2.2031-2.1875-2.2031s-2.2031 0.98438-2.2031 2.2031c0.011719 1.2188 1 2.2031 2.2031 2.2031z"
+                />
+                <path
+                  d="m82.98 58.98h-5.543c0 3.5859 2.918 6.5156 6.5156 6.5156s6.5156-2.918 6.5156-6.5156h-5.543c-0.011719 1.0625-1.9453 1.0625-1.9453 0z"
+                />
+                <path
+                  d="m115.18 45.926v-3.9688c0-3.2656-0.71875-6.5156-1.8047-9.625 3.5469-2.5078 5.8125-6.5273 5.8125-10.98-0.003906-7.5391-6.1094-13.672-13.621-13.672-4.7734 0-9.0508 2.6094-11.496 6.5938-2.5742-0.74219-5.1836-1.2305-7.8711-1.2305h-3.8398c-2.8789 0-5.7227 0.5625-8.4102 1.3945-2.3945-4.0703-6.7188-6.7578-11.621-6.7578-7.5 0-13.605 6.1328-13.605 13.672 0 4.7109 2.5469 8.9336 6.4141 11.379-1.0117 2.9805-1.6641 6.043-1.6641 9.2148v3.4688c-3.0586 1.5352-5.2227 4.6328-5.2227 8.2812 0 1.6914 0.5625 3.1875 1.3438 4.543h-12.273l2.6875-4.7227-4.8242-2.7383-2.3789 4.1875-2.8555-4.1875-4.582 3.1367 3.2383 4.7344c-8.5625 1.7422-15.016 8.9336-15.016 17.547v6.3086c0 1.5352 1.2422 2.7773 2.7773 2.7773h1.293v0.050781c-5.1328 0.050781-9.3047 4.2383-9.3047 9.3945 0 5.1836 4.2227 9.4062 9.4062 9.4062h1.293c3.2227 9.4023 12.027 16.188 22.484 16.188h6.5938c10.457 0 19.266-6.7852 22.488-16.152h0.16797c5.1836 0 9.4062-4.2227 9.4062-9.4062 0-4.7617-3.5703-8.6641-8.1797-9.2812v-0.16797h0.87109c1.5352 0 2.7773-1.2422 2.7773-2.7773v-3.7773c0.34375 0.0625 0.71875 0.17969 1.0234 0.21875 1.4609 0.38281 3.1094 0.57422 4.9414 0.57422h5.3359c1.3438 0 2.7773-0.15234 3.9805-0.38281 2.3672-0.38281 4.5703-1.0742 6.7344-2.1133 5.2227-2.5352 9.4336-6.9102 11.969-12.582l0.43359-1.1758c0.027344-0.0625 0.050781-0.14062 0.078125-0.21875h0.14062c5.1602 0 9.3555-4.1992 9.3555-9.3555 0.003906-3.3438-1.8398-6.1445-4.4766-7.7969zm-9.6133-32.703c4.4414 0 8.0625 3.6484 8.0625 8.1289 0 2.2383-0.94531 4.3398-2.5234 5.8359-0.29297-0.48828-0.65234-0.92188-0.97266-1.3828-0.26953-0.39844-0.52344-0.78125-0.82031-1.1641-1.0234-1.3555-2.125-2.6367-3.3555-3.7891-0.011719 0-0.011719-0.011718-0.027344-0.011718-1.2305-1.1406-2.5742-2.125-3.9805-3.0469-0.41016-0.26953-0.83203-0.5-1.2539-0.75391-0.47266-0.28125-0.92188-0.60156-1.4062-0.84375 1.5156-1.8594 3.7812-2.9727 6.2773-2.9727zm-19.355 5.3633c2.8164 0 5.582 0.51172 8.2305 1.5234 5.7461 2.1367 10.523 6.5781 13.121 12.211 1.3555 3.0195 2.0742 6.3477 2.0742 9.625v2.3281c-0.25781-0.078126-0.52344-0.16797-0.80469-0.16797l-17.91 0.003906c-1.9961 0-3.6211-1.9453-4.9297-3.5195-1.2031-1.4453-2.5742-3.0703-4.6719-2.6484-0.92188 0.19141-2.1523 0.83203-2.7383 2.8047-0.97266 2.957-2.8789 3.3672-4.7891 3.3672h-14.078c-0.24219 0-0.47266 0.078125-0.70313 0.14062v-2.3047c0-3.25 0.66406-6.4141 1.9727-9.3945 2.4062-5.5664 7.0156-10.023 12.684-12.25 2.6875-1.1133 5.6953-1.7148 8.7031-1.7148zm-29.273 31.449v4.9648c0 0.82031 0.089844 1.625 0.17969 2.4336-1.8672-0.24219-3.3398-1.7773-3.3398-3.7109 0.011718-1.8711 1.3828-3.3672 3.1602-3.6875zm5.3906-36.812c2.5977 0 4.9805 1.2305 6.4766 3.1992-0.5 0.25781-0.94531 0.60156-1.4336 0.88281-0.42188 0.25781-0.83203 0.5-1.2422 0.78125-1.3555 0.92187-2.6484 1.9219-3.8281 3.0469-0.027344 0.027344-0.050781 0.039063-0.078125 0.0625-1.1914 1.1523-2.2383 2.4336-3.2109 3.7773-0.28125 0.39844-0.55078 0.80469-0.80469 1.2148-0.30859 0.47266-0.66406 0.92188-0.94531 1.4219-1.8438-1.4961-2.9805-3.7891-2.9805-6.2734-0.019532-4.4648 3.6055-8.1133 8.0469-8.1133zm-29.734 50.586h24.062c1.1523 0 2.3672 0.16797 3.5703 0.47266 5.4258 1.332 9.3828 5.7227 9.8555 11.148 0.039063 0.26953 0.039063 0.52344 0.039063 0.79297l-0.050782 3.6719c-0.26953-0.089843-0.53906-0.16797-0.83203-0.16797l-26.199 0.003907c-1.7266 0-3.2656-0.79297-4.1992-2.2266-0.35938-0.5-0.69141-1.0117-1-1.5859-0.39844-0.71875-0.67969-1.4609-0.76953-1.8047-0.14062-1.2656-1.1641-2.3438-2.4336-2.5078-2.3945-0.37109-3.1367 1.6523-4.4531 4.9297-0.79297 1.9336-2.6367 3.1758-4.6719 3.1758h-5.0938c-0.47266 0-0.89453 0.15234-1.293 0.35937v-3.8672c0.003906-6.8125 6.043-12.395 13.469-12.395zm-14.848 34.801c-2.125 0-3.8516-1.7266-3.8516-3.8516 0-2.0859 1.6758-3.7773 3.75-3.8398v5.5039c0 0.74219 0.15234 1.4609 0.21875 2.1875zm48.727-2.1758c0 10.113-8.2305 18.344-18.344 18.344h-6.5938c-10.113 0-18.344-8.2305-18.344-18.344v-11.148h2.3164c3.5977 0 6.875-1.8164 8.7539-4.6094 1.8945 2.8945 5.1719 4.6094 8.7695 4.6094h23.438zm8.168-1.6758c0 1.7656-1.2148 3.1875-2.8281 3.6484 0.050781-0.66406 0.20312-1.3047 0.20312-1.9727v-5.2734c1.5117 0.51172 2.625 1.9102 2.625 3.5977zm31.41-39.758c0 1.4336-0.25781 2.8672-0.51172 4.4922-0.19141 0.62891-0.42188 1.2422-0.64062 1.8438l-0.39844 1.125c-1.8945 4.2227-5.1719 7.6406-9.2148 9.6016-1.6641 0.80469-3.3672 1.332-5.2734 1.6523-0.94531 0.17969-2.0234 0.29297-3.0352 0.29297h-5.3359c-1.3438 0-2.5352-0.12891-3.8672-0.46094-0.78125-0.10156-1.5742-0.29297-2.418-0.57422-0.027343-0.11328-0.089843-0.20312-0.11328-0.32031-0.28125-1.3438-0.73047-2.6484-1.3203-3.8672-0.10156-0.21875-0.23047-0.43359-0.34375-0.65234-0.66406-1.2422-1.4336-2.4336-2.3789-3.4961-0.027343-0.027344-0.050781-0.039063-0.0625-0.0625-0.96094-1.0625-2.0625-1.9844-3.25-2.8047-0.16797-0.11328-0.32031-0.24219-0.5-0.35938-1.1914-0.76953-2.4844-1.3828-3.8516-1.8828-0.12891-0.050782-0.21875-0.12891-0.34375-0.16797-0.44922-1.3438-0.67969-2.8555-0.67969-4.3633l-0.003906-5.332h11.301c4.6992 0 7.3203-2.2148 8.793-4.5195 1.7656 2.0078 4.4297 4.5195 8.3438 4.5195h15.117l0.003906 5.3359zm5.3906 2.293c0.089844-0.75391 0.15234-1.5234 0.15234-2.293v-4.8398c1.4609 0.53906 2.5234 1.9062 2.5234 3.5469 0 1.7031-1.1406 3.0977-2.6758 3.5859z"
+                />
+              </g>
+            </svg>
+            <strong>TWK</strong>
+          </a>
+          <button
+            class="navbar-toggler"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#navbarHeader"
+            aria-controls="navbarHeader"
+            aria-expanded="false"
+            aria-label="Toggle navigation"
+          >
+            <span class="navbar-toggler-icon"></span>
+          </button>
+        </div>
+      </div>
+    </header>
+
+    <div></div>
+
+    <div class="cardContainer">
+      <div class="col-1-of-2 startPile">
+        <button
+          id="startGmDayBtn"
+          class="btn btn-lg btn-light fw-bold border-white bg-white gmBtn buttonSpacer"
+        >
+          DAY WITH KIDS
+        </button>
+        <button
+          id="discardDay"
+          class="vanish btn btn-lg btn-light fw-bold border-white bg-white gmBtn"
+        >
+          DISCARD
+        </button>
+
+        <div id="secondCol" class="questionCard questionCardFlip"></div>
+      </div>
+      <div id="discard" class="col-1-of-2 discard space"></div>
+
+      <div id="touchSwipeCont" class="bigBoxTest portrait"></div>
+    </div>
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="script.js" defer></script>
+  </body>
+</html>
diff --git a/gameQuestions.json b/gameQuestions.json
@@ -0,0 +1,87 @@
+{
+  "dayBreakerQuestions": [
+    {
+      "name": "dayCard1",
+      "question": "What would you like to change about school?"
+    },
+    {
+      "name": "dayCard2",
+      "question": "What would you like to change about your home?"
+    },
+    {
+      "name": "dayCard3",
+      "question": "If you had to choose between, super speed or super stretch, for your superhero power, what would you choose?"
+    },
+    {
+      "name": "dayCard4",
+      "question": "Complete this statement: My favorite character is... I am just like this character because..."
+    },
+    {
+      "name": "dayCard5",
+      "question": "If you could go on an adventure, where would you go?"
+    },
+    {
+      "name": "dayCard6",
+      "question": "If your favorite animal was as tall as a building, what would it do?"
+    },
+    {
+      "name": "dayCard7",
+      "question": "If you were as tall as a building, what would you do?"
+    },
+    {
+      "name": "dayCard8",
+      "question": "If you could make anything in the world, always be your favorite color, what would you pick?"
+    },
+    {
+      "name": "dayCard9",
+      "question": "What is your favorite song?"
+    },
+    {
+      "name": "dayCard10",
+      "question": "Think of a song that your parent likes, what is it? And why do you think they like it?"
+    }
+  ],
+
+  "nightQuestions": [
+    {
+      "name": "nightCard1",
+      "question": "If you could dream about anything, what would you choose?"
+    },
+    {
+      "name": "nightCard2",
+      "question": "You get to pick one movie and one snack for movie night, what would you pick?"
+    },
+    {
+      "name": "nightCard3",
+      "question": "You have a dream that you're in charge, what is the one rule you'd make?"
+    },
+    {
+      "name": "nightCard4",
+      "question": "Complete this statement: My favorite character is... And this character dreams about..."
+    },
+    {
+      "name": "nightCard5",
+      "question": "In your dream you're about to go on an adventure, are you traveling by sports car, jet, train, or hoverbike?"
+    },
+    {
+      "name": "nightCard6",
+      "question": "If you could have a slumber party what is the one song you'd want to hear? What is the one food you'd want to eat? And what game would you want to play? "
+    },
+    {
+      "name": "nightCard7",
+      "question": "You get to redecorate your room, what color would you paint it? What items would you add?"
+    },
+    {
+      "name": "nightCard8",
+      "question": "You get to pick a bedtime for everyone in your house, what time would it be?"
+    },
+    {
+      "name": "nightCard9",
+      "question": "In your dream, you have the power to talk to one kind of animal, what animal would it be?"
+    },
+    {
+      "name": "nightCard10",
+      "question": "Complete this statement: My name is...My band's name is... And we..."
+    }
+  ]
+}
diff --git a/images/cover.webp b/images/cover.webp
diff --git a/images/day.jpg b/images/day.jpg
diff --git a/images/dayCardImg.jpg b/images/dayCardImg.jpg
diff --git a/images/evening.jpg b/images/evening.jpg
diff --git a/images/kidsIcon.svg b/images/kidsIcon.svg
diff --git a/images/nightCard.jpg b/images/nightCard.jpg