From 30ee4aef8b1793f8862a92628939f9b63ce2f461 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 24 Jan 2020 09:51:24 +0100
Subject: [PATCH 1/6] KONMAIIIIIIIIIIIIIIIIII

---
 src/components/VinlottisPage.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index 103bfea..95e6d74 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -24,6 +24,7 @@
         </div>
       </div>
     </div>
+    <Countdown />
   </div>
 </template>
 
@@ -36,6 +37,7 @@ import WinGraph from "@/ui/WinGraph";
 import Banner from "@/ui/Banner";
 import Wines from "@/ui/Wines";
 import Vipps from "@/ui/Vipps";
+import Countdown from "@/ui/Countdown";
 
 export default {
   components: {
@@ -45,7 +47,8 @@ export default {
     WinGraph,
     Banner,
     Wines,
-    Vipps
+    Vipps,
+    Countdown
   },
   mounted() {
     if (window.location.hostname == "localhost") {

From 665013d7d4fd1cb1c0c65ed17d9b57009ff88884 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 24 Jan 2020 09:51:36 +0100
Subject: [PATCH 2/6] Forgot the file

---
 src/ui/Countdown.vue | 130 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 130 insertions(+)
 create mode 100644 src/ui/Countdown.vue

diff --git a/src/ui/Countdown.vue b/src/ui/Countdown.vue
new file mode 100644
index 0000000..1cec422
--- /dev/null
+++ b/src/ui/Countdown.vue
@@ -0,0 +1,130 @@
+<template>
+  <div>
+    <div class="clock" v-if="enabled">
+      <h2 cv-if="distance > 0">
+        <span v-if="days > 0">{{ days }} dager,&nbsp;</span>
+        <span>{{pad(hours)}}</span>:
+        <span>{{pad(minutes)}}</span>:
+        <span>{{pad(seconds)}}</span>
+      </h2>
+      <div class="cross" @click="stopClock">X</div>
+      <h2 v-if="distance = 0">Lotteriet har begynt!</h2>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      nextLottery: null,
+      days: 0,
+      hours: 0,
+      minutes: 0,
+      seconds: 0,
+      distance: 0,
+      enabled: false,
+      code: "38384040373937396665",
+      codeDone: "",
+      interval: null
+    };
+  },
+  mounted() {
+    window.addEventListener("keydown", this.listenerFunction);
+  },
+  methods: {
+    pad: function(num) {
+      if (num < 10) {
+        return `0${num}`;
+      }
+      return num;
+    },
+    listenerFunction: function(event) {
+      this.codeDone += event.keyCode;
+´      if (this.code.substring(0, this.codeDone.length) == this.codeDone) {
+        if (this.code == this.codeDone && !this.enabled) {
+          this.enabled = true;
+          this.initialize();
+          this.countdown();
+          this.codeDone = "";
+        }
+      } else {
+        this.codeDone = "";
+      }
+    },
+    initialize: function() {
+      let d = new Date();
+      let dayOfLottery = 5;
+      let nextDayOfLottery = new Date(
+        d.setDate(d.getDate() + ((5 + 7 - d.getDay()) % 7))
+      );
+      nextDayOfLottery = new Date(nextDayOfLottery.setHours(15));
+      nextDayOfLottery = new Date(nextDayOfLottery.setMinutes(0));
+      nextDayOfLottery = new Date(nextDayOfLottery.setSeconds(0));
+      this.nextLottery = nextDayOfLottery;
+      window.scrollTo(0, 0);
+      document.querySelector("body").style.overflow = "hidden";
+      document.querySelector("body").style.height = "100vh";
+      let now = new Date().getTime();
+      this.distance = new Date(this.nextLottery).getTime() - now;
+    },
+    stopClock: function() {
+      clearInterval(this.interval);
+      this.enabled = false;
+      document.querySelector("body").style.overflow = "auto";
+      document.querySelector("body").style.height = "initial";
+    },
+    countdown: function() {
+      // Get today's date and time
+      let now = new Date().getTime();
+
+      // Find the distance between now and the count down date
+      this.distance = new Date(this.nextLottery).getTime() - now;
+
+      // Time calculations for days, hours, minutes and seconds
+      this.days = Math.floor(this.distance / (1000 * 60 * 60 * 24));
+      this.hours = Math.floor(
+        (this.distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
+      );
+      this.minutes = Math.floor(
+        (this.distance % (1000 * 60 * 60)) / (1000 * 60)
+      );
+      this.seconds = Math.floor((this.distance % (1000 * 60)) / 1000);
+
+      if (this.distance < 0) {
+        clearTimeout(this.interval);
+        return;
+      }
+      this.interval = setTimeout(this.countdown, 500);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.clock {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  background: white;
+  top: 0;
+  left: 0;
+}
+.cross {
+  top: 15px;
+  right: 15px;
+  font-size: 2rem;
+  position: absolute;
+  cursor: pointer;
+}
+
+h2 {
+  margin: auto;
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 4rem;
+}
+</style>
\ No newline at end of file

From 82216ac589070b797d51f69d276bdce4796377fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 24 Jan 2020 09:54:32 +0100
Subject: [PATCH 3/6] i am an idiot

---
 src/ui/Countdown.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/ui/Countdown.vue b/src/ui/Countdown.vue
index 1cec422..f45e80f 100644
--- a/src/ui/Countdown.vue
+++ b/src/ui/Countdown.vue
@@ -3,12 +3,13 @@
     <div class="clock" v-if="enabled">
       <h2 cv-if="distance > 0">
         <span v-if="days > 0">{{ days }} dager,&nbsp;</span>
-        <span>{{pad(hours)}}</span>:
-        <span>{{pad(minutes)}}</span>:
-        <span>{{pad(seconds)}}</span>
+        <span>{{ pad(hours) }}</span
+        >: <span>{{ pad(minutes) }}</span
+        >:
+        <span>{{ pad(seconds) }}</span>
       </h2>
       <div class="cross" @click="stopClock">X</div>
-      <h2 v-if="distance = 0">Lotteriet har begynt!</h2>
+      <h2 v-if="(distance = 0)">Lotteriet har begynt!</h2>
     </div>
   </div>
 </template>
@@ -41,7 +42,7 @@ export default {
     },
     listenerFunction: function(event) {
       this.codeDone += event.keyCode;
-´      if (this.code.substring(0, this.codeDone.length) == this.codeDone) {
+      if (this.code.substring(0, this.codeDone.length) == this.codeDone) {
         if (this.code == this.codeDone && !this.enabled) {
           this.enabled = true;
           this.initialize();
@@ -127,4 +128,4 @@ h2 {
   align-items: center;
   font-size: 4rem;
 }
-</style>
\ No newline at end of file
+</style>

From 783bc641af85012f0a7f8e0a1d7b922b74e97e16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 24 Jan 2020 09:59:48 +0100
Subject: [PATCH 4/6] Konami everywhere

---
 src/Vinlottis.vue                | 4 +++-
 src/components/VinlottisPage.vue | 5 +----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/Vinlottis.vue b/src/Vinlottis.vue
index 6f05391..1b17c94 100644
--- a/src/Vinlottis.vue
+++ b/src/Vinlottis.vue
@@ -2,14 +2,16 @@
   <div class="container">
     <banner />
     <router-view />
+    <Countdown />
   </div>
 </template>
 
 <script>
 import banner from "@/ui/Banner";
+import Countdown from "@/ui/Countdown";
 export default {
   name: "vinlottis",
-  components: { banner },
+  components: { banner, Countdown },
   props: {},
   data() {
     return {};
diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index b4cd66e..fd58e61 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -24,7 +24,6 @@
         </div>
       </div>
     </div>
-    <Countdown />
   </div>
 </template>
 
@@ -37,7 +36,6 @@ import WinGraph from "@/ui/WinGraph";
 import Banner from "@/ui/Banner";
 import Wines from "@/ui/Wines";
 import Vipps from "@/ui/Vipps";
-import Countdown from "@/ui/Countdown";
 
 export default {
   components: {
@@ -47,8 +45,7 @@ export default {
     WinGraph,
     Banner,
     Wines,
-    Vipps,
-    Countdown
+    Vipps
   },
   mounted() {
     if (window.location.hostname == "localhost") {

From 90d6aee35517943ca67441a013b6cbb57cdb897e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 24 Jan 2020 10:02:21 +0100
Subject: [PATCH 5/6] more spacing

---
 src/ui/Countdown.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/Countdown.vue b/src/ui/Countdown.vue
index f45e80f..6cc2575 100644
--- a/src/ui/Countdown.vue
+++ b/src/ui/Countdown.vue
@@ -113,7 +113,7 @@ export default {
 }
 .cross {
   top: 15px;
-  right: 15px;
+  right: 23px;
   font-size: 2rem;
   position: absolute;
   cursor: pointer;

From 08af1e8825e0b7cb3251261cf7114a2f2d5ebcb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Fri, 24 Jan 2020 10:30:25 +0100
Subject: [PATCH 6/6] Manifest-fixes, and color-update

---
 public/assets/images/site.webmanifest | 15 -------------
 public/assets/manifest.json           | 16 ++++++++++++++
 src/templates/Create.html             | 32 +++++++++++++++++++++------
 3 files changed, 41 insertions(+), 22 deletions(-)
 delete mode 100644 public/assets/images/site.webmanifest
 create mode 100644 public/assets/manifest.json

diff --git a/public/assets/images/site.webmanifest b/public/assets/images/site.webmanifest
deleted file mode 100644
index d1f18b8..0000000
--- a/public/assets/images/site.webmanifest
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-    "author": "Kasper Rynning-Tønnesen og Kevin Midbøe",
-    "name": "Vinlotteri Knowit",
-    "short_name": "Vinlottis",
-    "icons": [
-        {
-            "src": "/android-chrome-144x144.png",
-            "sizes": "144x144",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#daeedd",
-    "background_color": "#daeedd",
-    "display": "standalone"
-}
diff --git a/public/assets/manifest.json b/public/assets/manifest.json
new file mode 100644
index 0000000..73ee899
--- /dev/null
+++ b/public/assets/manifest.json
@@ -0,0 +1,16 @@
+{
+  "author": "Kasper Rynning-Tønnesen og Kevin Midbøe",
+  "name": "Vinlotteri Knowit",
+  "short_name": "Vinlottis",
+  "start_url": "/#/",
+  "icons": [
+    {
+      "src": "/public/assets/images/android-chrome-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#daeedd",
+  "background_color": "#daeedd",
+  "display": "standalone"
+}
diff --git a/src/templates/Create.html b/src/templates/Create.html
index d383745..19fdf6b 100644
--- a/src/templates/Create.html
+++ b/src/templates/Create.html
@@ -3,13 +3,31 @@
   <head>
     <title>Vinlottis</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="apple-touch-icon" sizes="152x152" href="/public/assets/images/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/public/assets/images/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/public/assets/images/favicon-16x16.png">
-    <link rel="manifest" href="/public/assets/images/site.webmanifest">
-    <link rel="mask-icon" href="/public/assets/images/safari-pinned-tab.svg" color="#23101f">
-    <meta name="msapplication-TileColor" content="#da532c">
-    <meta name="theme-color" content="#ffffff">
+    <link
+      rel="apple-touch-icon"
+      sizes="152x152"
+      href="/public/assets/images/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/public/assets/images/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/public/assets/images/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/public/assets/manifest.json" />
+    <link
+      rel="mask-icon"
+      href="/public/assets/images/safari-pinned-tab.svg"
+      color="#23101f"
+    />
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="theme-color" content="#dbeede" />
   </head>
   <body>
     <div id="app"></div>