From 5f3b2c94ae0ec4129c4bdc1af681ea48d497db46 Mon Sep 17 00:00:00 2001
From: Makemek <makemek101@hotmail.com>
Date: Sun, 12 Feb 2017 20:57:22 +0700
Subject: [PATCH 1/9] load kcs_const.js from kc server

---
 src/views/public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/public/index.html b/src/views/public/index.html
index 56da687..fa1b0c1 100644
--- a/src/views/public/index.html
+++ b/src/views/public/index.html
@@ -100,7 +100,7 @@ <h1>Compatible with<br>Kancolle Viewer</h1>
       <p>Modcolle is open-source on <a target="_blank" href="https://github.com/makemek/Modcolle" title="Contribute">Github <i class="fa fa-github"></i></a></p>
       <p><i class="fa fa-copyright"></i> Apipol Niyomsak</p>
     </footer>
-
+    <script src="http://203.104.209.7/gadget/js/kcs_const.js"></script>
     <script src="js/bundle.min.js"></script>
     <script>
     // bg jitter fix for ie

From 5610d2fb4e7f75ead952df7f7c28d71621b6993a Mon Sep 17 00:00:00 2001
From: Makemek <makemek101@hotmail.com>
Date: Sun, 12 Feb 2017 21:59:37 +0700
Subject: [PATCH 2/9] basic timer layout

---
 src/views/public/index.html | 23 ++++++++++++++++++++++-
 src/views/style.css         | 35 +++++++++++++++++++++++++++++++++--
 2 files changed, 55 insertions(+), 3 deletions(-)

diff --git a/src/views/public/index.html b/src/views/public/index.html
index fa1b0c1..9b984b4 100644
--- a/src/views/public/index.html
+++ b/src/views/public/index.html
@@ -55,7 +55,7 @@
         <img src="img/kaga.png" class="background kaga">
       </div>
       <div class="banner-content-wrapper">
-        <div class="banner-content">
+        <div class="banner-content banner-info">
           <h1><i class="fa fa-anchor fa-2x logo"></i></h1>
           <h1>Modcolle</h1>
           <p>Kancolle Proxy Server</p>
@@ -63,6 +63,27 @@ <h1>Modcolle</h1>
           <a href="#login" title="Launch"><img id="launcher" src="img/launcher.png" width="75%" height="75%" alt="Launch"></a>
         </div>
       </div>
+      <aside class="banner-info countdown-timer">
+      <header>Kancolle Maintenence Start</header>
+        <div class="timer">
+          <section>
+            <p class="number">88</p>
+            <p>Day</p>
+          </section>
+          <section>
+            <p class="number">88</p>
+            <p>Hour</p>
+          </section>
+          <section>
+            <p class="number">88</p>
+            <p>Minute</p>
+          </section>
+          <section>
+            <p class="number">88</p>
+            <p>Second</p>
+          </section>
+        </div>
+      </aside>
       <a class="github" href="https://github.com/makemek/Modcolle" title="View on Github" target="_blank"><i class="fa fa-github"></i></a>
     </header>
     <div class="clearfix"></div>
diff --git a/src/views/style.css b/src/views/style.css
index 07dc934..edcf5b9 100644
--- a/src/views/style.css
+++ b/src/views/style.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css?family=Orbitron');
+
 * {
   margin: 0;
   padding: 0;
@@ -41,6 +43,37 @@ header {
   margin: 0 auto;
 }
 
+.banner-info {
+  color: #fff;
+  text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
+}
+
+.countdown-timer {
+  position: absolute;
+  top: 5%;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  text-align: center;
+}
+.timer {
+  display: table;
+  margin: 0 auto;
+}
+.countdown-timer header {
+  font-size: 1.5em;
+  font-weight: 800;
+}
+.countdown-timer section {
+  float: left;
+  padding: 10px 13px;
+}
+.countdown-timer section .number {
+  font-family: 'Orbitron';
+  font-size: 1.5em;
+  letter-spacing: 4px;
+}
+
 /* Start Banner */
 .banner {
   position: relative;
@@ -104,9 +137,7 @@ header {
 .banner-content {
   margin-top: 40%;
   width: 100%;
-  color: #fff;
   text-align: center;
-  text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
 }
 #launcher {
   margin-top: 40px;

From ad7de276d90e24e0a42913c6aebfc5fc0916d59f Mon Sep 17 00:00:00 2001
From: Makemek <makemek101@hotmail.com>
Date: Sun, 12 Feb 2017 23:01:06 +0700
Subject: [PATCH 3/9] uglify js and reload browser on change

---
 src/views/script.js | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/views/script.js

diff --git a/src/views/script.js b/src/views/script.js
new file mode 100644
index 0000000..e69de29

From 43a488dbea1cc5cbbeb25d0312bd25ae2fd31b78 Mon Sep 17 00:00:00 2001
From: Makemek <makemek101@hotmail.com>
Date: Mon, 13 Feb 2017 14:41:37 +0700
Subject: [PATCH 4/9] countdown timer during maintenance

Timer will appear during maintenance calculated by the current client time
- Maintenance.EndDateTime from kc server
---
 src/views/js/index.js          |  2 +-
 src/views/js/kc-maintenance.js | 44 ++++++++++++++++++++++++++++++++++
 src/views/kc-maintenance.js    | 32 +++++++++++++++++++++++++
 src/views/public/index.html    | 12 +++++-----
 src/views/script.js            |  0
 src/views/style.css            |  7 ++++--
 6 files changed, 88 insertions(+), 9 deletions(-)
 create mode 100644 src/views/js/kc-maintenance.js
 create mode 100644 src/views/kc-maintenance.js
 delete mode 100644 src/views/script.js

diff --git a/src/views/js/index.js b/src/views/js/index.js
index 60b7c73..faa3924 100644
--- a/src/views/js/index.js
+++ b/src/views/js/index.js
@@ -1,4 +1,4 @@
 'use strict'
 
 require('./lib-fallback')
-
+require('./kc-maintenance')
diff --git a/src/views/js/kc-maintenance.js b/src/views/js/kc-maintenance.js
new file mode 100644
index 0000000..277dcbf
--- /dev/null
+++ b/src/views/js/kc-maintenance.js
@@ -0,0 +1,44 @@
+/* Depends on http://203.104.209.7/gadget/js/kcs_const.js */
+/* global MaintenanceInfo */
+
+'use strict'
+
+const timer = {
+  day: document.getElementById('day'),
+  hour: document.getElementById('hour'),
+  minute: document.getElementById('minute'),
+  second: document.getElementById('second')
+}
+const maintenanceNotice = document.getElementById('maintenance-timer')
+const state = document.getElementById('maintenance-state')
+
+maintenanceCheck()
+
+function maintenanceCheck() {
+  const now = Date.now()
+  const willMaintenacne = now <= MaintenanceInfo.StartDateTime
+  const onMaintenance = now > MaintenanceInfo.StartDateTime && now < MaintenanceInfo.EndDateTime
+  let remaining = 0
+
+  if(willMaintenacne) {
+    remaining = MaintenanceInfo.StartDateTime - now
+    state.innerHTML = 'begins'
+  } else if(onMaintenance) {
+    remaining = MaintenanceInfo.EndDateTime - now
+    state.innerHTML = 'ends'
+  } else {
+    maintenanceNotice.style.display = 'none'
+    return
+  }
+
+  maintenanceNotice.style.display = 'block'
+  tick(remaining)
+  setTimeout(maintenanceCheck, 1000)
+}
+
+function tick(timeRemaining) {
+  timer.day.innerHTML = Math.floor(timeRemaining / (1000 * 60 * 60 * 24))
+  timer.hour.innerHTML = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+  timer.minute.innerHTML = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60))
+  timer.second.innerHTML = Math.floor((timeRemaining % (1000 * 60)) / 1000)
+}
diff --git a/src/views/kc-maintenance.js b/src/views/kc-maintenance.js
new file mode 100644
index 0000000..2f1fd42
--- /dev/null
+++ b/src/views/kc-maintenance.js
@@ -0,0 +1,32 @@
+var timer_day = document.getElementById('day')
+var timer_hour = document.getElementById('hour')
+var timer_minute = document.getElementById('minute')
+var timer_second = document.getElementById('second')
+var maintenanceNotice = document.getElementById('maintenance-timer')
+
+maintenanceCheck()
+
+function maintenanceCheck() {
+  var now = Date.now()
+  var onMaintenance = now > MaintenanceInfo.StartDateTime && now < MaintenanceInfo.EndDateTime
+  if(onMaintenance) {
+    var remaining = MaintenanceInfo.EndDateTime - now
+    maintenanceNotice.style.display = 'block'
+    tick(remaining)
+    setTimeout(maintenanceCheck, 1000)
+    return
+  }
+  maintenanceNotice.style.display = 'none'
+}
+
+function tick(timeRemaining) {
+  var days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24))
+  var hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+  var minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60))
+  var seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000)
+
+  timer_day.innerHTML = days
+  timer_hour.innerHTML = hours
+  timer_minute.innerHTML = minutes
+  timer_second.innerHTML = seconds
+}
\ No newline at end of file
diff --git a/src/views/public/index.html b/src/views/public/index.html
index 9b984b4..d83c168 100644
--- a/src/views/public/index.html
+++ b/src/views/public/index.html
@@ -63,23 +63,23 @@ <h1>Modcolle</h1>
           <a href="#login" title="Launch"><img id="launcher" src="img/launcher.png" width="75%" height="75%" alt="Launch"></a>
         </div>
       </div>
-      <aside class="banner-info countdown-timer">
-      <header>Kancolle Maintenence Start</header>
+      <aside id="maintenance-timer" class="banner-info countdown-timer">
+        <header>Kancolle Maintenence Start</header>
         <div class="timer">
           <section>
-            <p class="number">88</p>
+            <p id="day" class="number">88</p>
             <p>Day</p>
           </section>
           <section>
-            <p class="number">88</p>
+            <p id="hour" class="number">88</p>
             <p>Hour</p>
           </section>
           <section>
-            <p class="number">88</p>
+            <p id="minute" class="number">88</p>
             <p>Minute</p>
           </section>
           <section>
-            <p class="number">88</p>
+            <p id="second" class="number">88</p>
             <p>Second</p>
           </section>
         </div>
diff --git a/src/views/script.js b/src/views/script.js
deleted file mode 100644
index e69de29..0000000
diff --git a/src/views/style.css b/src/views/style.css
index edcf5b9..a0dc370 100644
--- a/src/views/style.css
+++ b/src/views/style.css
@@ -48,6 +48,9 @@ header {
   text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
 }
 
+#maintenence-timer {
+  display: none;
+}
 .countdown-timer {
   position: absolute;
   top: 5%;
@@ -70,8 +73,8 @@ header {
 }
 .countdown-timer section .number {
   font-family: 'Orbitron';
-  font-size: 1.5em;
-  letter-spacing: 4px;
+  font-size: 1.7em;
+  letter-spacing: 2px;
 }
 
 /* Start Banner */

From 85bee4a6433f74feabad48d8c4ba2fdcea7742c6 Mon Sep 17 00:00:00 2001
From: Makemek <makemek101@hotmail.com>
Date: Fri, 17 Feb 2017 02:42:18 +0700
Subject: [PATCH 5/9] setup browser-side javascript to be compatible with
 modcolle linting rules

* use babel to deal with browser js compatibility when build js
* lint kc-maintainance to comply with linting rules
* ignore file type *.min.js from linting
---
 .eslintignore               |  2 +-
 .eslintrc.json              |  1 +
 src/views/kc-maintenance.js | 38 +++++++++++++++++++------------------
 3 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index 0baf809..121531a 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1 +1 @@
-*.min.js
\ No newline at end of file
+*.min.js
diff --git a/.eslintrc.json b/.eslintrc.json
index 2f06321..47fa2f1 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -2,6 +2,7 @@
   "env": {
       "es6": true,
       "node": true,
+      "browser": true,
       "mocha": true
   },
   "extends": "modcolle",
diff --git a/src/views/kc-maintenance.js b/src/views/kc-maintenance.js
index 2f1fd42..dd97129 100644
--- a/src/views/kc-maintenance.js
+++ b/src/views/kc-maintenance.js
@@ -1,16 +1,23 @@
-var timer_day = document.getElementById('day')
-var timer_hour = document.getElementById('hour')
-var timer_minute = document.getElementById('minute')
-var timer_second = document.getElementById('second')
-var maintenanceNotice = document.getElementById('maintenance-timer')
+/* Depends on http://203.104.209.7/gadget/js/kcs_const.js */
+/* global MaintenanceInfo */
+
+'use strict'
+
+const timer = {
+  day: document.getElementById('day'),
+  hour: document.getElementById('hour'),
+  minute: document.getElementById('minute'),
+  second: document.getElementById('second')
+}
+const maintenanceNotice = document.getElementById('maintenance-timer')
 
 maintenanceCheck()
 
 function maintenanceCheck() {
-  var now = Date.now()
-  var onMaintenance = now > MaintenanceInfo.StartDateTime && now < MaintenanceInfo.EndDateTime
+  const now = Date.now()
+  const onMaintenance = now > MaintenanceInfo.StartDateTime && now < MaintenanceInfo.EndDateTime
   if(onMaintenance) {
-    var remaining = MaintenanceInfo.EndDateTime - now
+    const remaining = MaintenanceInfo.EndDateTime - now
     maintenanceNotice.style.display = 'block'
     tick(remaining)
     setTimeout(maintenanceCheck, 1000)
@@ -20,13 +27,8 @@ function maintenanceCheck() {
 }
 
 function tick(timeRemaining) {
-  var days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24))
-  var hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
-  var minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60))
-  var seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000)
-
-  timer_day.innerHTML = days
-  timer_hour.innerHTML = hours
-  timer_minute.innerHTML = minutes
-  timer_second.innerHTML = seconds
-}
\ No newline at end of file
+  timer.day.innerHTML = Math.floor(timeRemaining / (1000 * 60 * 60 * 24))
+  timer.hour.innerHTML = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+  timer.minute.innerHTML = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60))
+  timer.second.innerHTML = Math.floor((timeRemaining % (1000 * 60)) / 1000)
+}

From a1d0b49b4b9e0c47c3c516986752a43e11fec3b0 Mon Sep 17 00:00:00 2001
From: Makemek <makemek101@hotmail.com>
Date: Fri, 17 Feb 2017 22:10:38 +0700
Subject: [PATCH 6/9] support countdown before maintenance starts

---
 src/views/kc-maintenance.js | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/views/kc-maintenance.js b/src/views/kc-maintenance.js
index dd97129..a7fa4bb 100644
--- a/src/views/kc-maintenance.js
+++ b/src/views/kc-maintenance.js
@@ -15,15 +15,22 @@ maintenanceCheck()
 
 function maintenanceCheck() {
   const now = Date.now()
+  const willMaintenacne = now <= MaintenanceInfo.StartDateTime
   const onMaintenance = now > MaintenanceInfo.StartDateTime && now < MaintenanceInfo.EndDateTime
-  if(onMaintenance) {
-    const remaining = MaintenanceInfo.EndDateTime - now
-    maintenanceNotice.style.display = 'block'
-    tick(remaining)
-    setTimeout(maintenanceCheck, 1000)
+  let remaining = 0
+
+  if(willMaintenacne)
+    remaining = MaintenanceInfo.StartDateTime - now
+  else if(onMaintenance)
+    remaining = MaintenanceInfo.EndDateTime - now
+  else {
+    maintenanceNotice.style.display = 'none'
     return
   }
-  maintenanceNotice.style.display = 'none'
+
+  maintenanceNotice.style.display = 'block'
+  tick(remaining)
+  setTimeout(maintenanceCheck, 1000)
 }
 
 function tick(timeRemaining) {

From 6f9469922069713dc43a2aa434c8c9f4e0f6abba Mon Sep 17 00:00:00 2001
From: Makemek <makemek101@hotmail.com>
Date: Fri, 17 Feb 2017 22:31:26 +0700
Subject: [PATCH 7/9] message notification before and during maintenance

message shown on the right
before maintenance: begins in
during maintenance: ends in
---
 src/views/kc-maintenance.js | 9 ++++++---
 src/views/public/index.html | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/views/kc-maintenance.js b/src/views/kc-maintenance.js
index a7fa4bb..277dcbf 100644
--- a/src/views/kc-maintenance.js
+++ b/src/views/kc-maintenance.js
@@ -10,6 +10,7 @@ const timer = {
   second: document.getElementById('second')
 }
 const maintenanceNotice = document.getElementById('maintenance-timer')
+const state = document.getElementById('maintenance-state')
 
 maintenanceCheck()
 
@@ -19,11 +20,13 @@ function maintenanceCheck() {
   const onMaintenance = now > MaintenanceInfo.StartDateTime && now < MaintenanceInfo.EndDateTime
   let remaining = 0
 
-  if(willMaintenacne)
+  if(willMaintenacne) {
     remaining = MaintenanceInfo.StartDateTime - now
-  else if(onMaintenance)
+    state.innerHTML = 'begins'
+  } else if(onMaintenance) {
     remaining = MaintenanceInfo.EndDateTime - now
-  else {
+    state.innerHTML = 'ends'
+  } else {
     maintenanceNotice.style.display = 'none'
     return
   }
diff --git a/src/views/public/index.html b/src/views/public/index.html
index d83c168..5bd15de 100644
--- a/src/views/public/index.html
+++ b/src/views/public/index.html
@@ -64,7 +64,7 @@ <h1>Modcolle</h1>
         </div>
       </div>
       <aside id="maintenance-timer" class="banner-info countdown-timer">
-        <header>Kancolle Maintenence Start</header>
+        <header>Kancolle Maintenence <span id="maintenance-state"></span> in</header>
         <div class="timer">
           <section>
             <p id="day" class="number">88</p>

From 6082527b638c5b6732c9765d2d2b66fa34b839aa Mon Sep 17 00:00:00 2001
From: Apipol Niyomsak <makemek101@hotmail.com>
Date: Wed, 5 Apr 2017 17:15:42 +0700
Subject: [PATCH 8/9] disable launcher button during Kancolle maintenance

- grayscale button
- remove #login link
- shake effect when hover or click
Once maintenance is over, launcher button will return to normal
---
 src/views/js/kc-maintenance.js | 20 ++++++++++++++++++++
 src/views/style.css            | 29 +++++++++++++++++++++++++++--
 2 files changed, 47 insertions(+), 2 deletions(-)

diff --git a/src/views/js/kc-maintenance.js b/src/views/js/kc-maintenance.js
index 277dcbf..07d20a2 100644
--- a/src/views/js/kc-maintenance.js
+++ b/src/views/js/kc-maintenance.js
@@ -11,6 +11,10 @@ const timer = {
 }
 const maintenanceNotice = document.getElementById('maintenance-timer')
 const state = document.getElementById('maintenance-state')
+const loginModal = document.getElementById('login')
+const launcher = document.getElementById('launcher')
+const launcherAchor = launcher.parentNode
+const launcherLink = launcherAchor.href
 
 maintenanceCheck()
 
@@ -26,8 +30,10 @@ function maintenanceCheck() {
   } else if(onMaintenance) {
     remaining = MaintenanceInfo.EndDateTime - now
     state.innerHTML = 'ends'
+    disableLauncher()
   } else {
     maintenanceNotice.style.display = 'none'
+    enableLauncher()
     return
   }
 
@@ -42,3 +48,17 @@ function tick(timeRemaining) {
   timer.minute.innerHTML = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60))
   timer.second.innerHTML = Math.floor((timeRemaining % (1000 * 60)) / 1000)
 }
+
+function disableLauncher() {
+  loginModal.style.display = 'none'
+  launcherAchor.removeAttribute('href')
+  launcherAchor.title = 'Kancolle is in maintenance. Please wait'
+  launcher.id = 'launcher-deny'
+}
+
+function enableLauncher() {
+  loginModal.style.display = 'inherit'
+  launcherAchor.title = 'Launch Kancolle'
+  launcherAchor.href = launcherLink
+  launcher.id = 'launcher'
+}
diff --git a/src/views/style.css b/src/views/style.css
index a0dc370..f28b34d 100644
--- a/src/views/style.css
+++ b/src/views/style.css
@@ -142,13 +142,13 @@ header {
   width: 100%;
   text-align: center;
 }
-#launcher {
+#launcher,
+#launcher-deny {
   margin-top: 40px;
   filter: drop-shadow(0px 0px 5px #f2e1f2);
 
   transform: scale(1);
   transition: .2s transform;
-
 }
 #launcher:hover {
   filter: drop-shadow(0px 0px 15px #f2e1f2);
@@ -157,6 +157,31 @@ header {
   transform: scale(1.1);
   transition: .2s transform;
 }
+#launcher-deny {
+  filter: grayscale(100%);
+}
+#launcher-deny:active,
+#launcher-deny:hover {
+  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
+  transform: translate3d(0, 0, 0);
+  backface-visibility: hidden;
+  perspective: 1000px;
+  cursor: pointer;
+}
+@keyframes shake {
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+}
 .hr-line {
   margin-top: 20px;
   border-bottom: 1px solid white;

From 2aa9df4074c34802fbe4be0ba7c86118ca121d78 Mon Sep 17 00:00:00 2001
From: Apipol Niyomsak <makemek101@hotmail.com>
Date: Thu, 6 Apr 2017 02:40:19 +0700
Subject: [PATCH 9/9] delete unused kc-maintenace.js left over from rebasing

---
 src/views/kc-maintenance.js | 44 -------------------------------------
 1 file changed, 44 deletions(-)
 delete mode 100644 src/views/kc-maintenance.js

diff --git a/src/views/kc-maintenance.js b/src/views/kc-maintenance.js
deleted file mode 100644
index 277dcbf..0000000
--- a/src/views/kc-maintenance.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/* Depends on http://203.104.209.7/gadget/js/kcs_const.js */
-/* global MaintenanceInfo */
-
-'use strict'
-
-const timer = {
-  day: document.getElementById('day'),
-  hour: document.getElementById('hour'),
-  minute: document.getElementById('minute'),
-  second: document.getElementById('second')
-}
-const maintenanceNotice = document.getElementById('maintenance-timer')
-const state = document.getElementById('maintenance-state')
-
-maintenanceCheck()
-
-function maintenanceCheck() {
-  const now = Date.now()
-  const willMaintenacne = now <= MaintenanceInfo.StartDateTime
-  const onMaintenance = now > MaintenanceInfo.StartDateTime && now < MaintenanceInfo.EndDateTime
-  let remaining = 0
-
-  if(willMaintenacne) {
-    remaining = MaintenanceInfo.StartDateTime - now
-    state.innerHTML = 'begins'
-  } else if(onMaintenance) {
-    remaining = MaintenanceInfo.EndDateTime - now
-    state.innerHTML = 'ends'
-  } else {
-    maintenanceNotice.style.display = 'none'
-    return
-  }
-
-  maintenanceNotice.style.display = 'block'
-  tick(remaining)
-  setTimeout(maintenanceCheck, 1000)
-}
-
-function tick(timeRemaining) {
-  timer.day.innerHTML = Math.floor(timeRemaining / (1000 * 60 * 60 * 24))
-  timer.hour.innerHTML = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
-  timer.minute.innerHTML = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60))
-  timer.second.innerHTML = Math.floor((timeRemaining % (1000 * 60)) / 1000)
-}