From 5431848bf65e9a4c2dedc474a92b2c0d19661e74 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Wed, 5 Feb 2020 14:44:59 -0800
Subject: [PATCH 01/36] Update Step1.vue

---
 src/views/Accounts/Register/Step1.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/Accounts/Register/Step1.vue b/src/views/Accounts/Register/Step1.vue
index 4714151..3ed9daf 100644
--- a/src/views/Accounts/Register/Step1.vue
+++ b/src/views/Accounts/Register/Step1.vue
@@ -10,26 +10,26 @@
         color="input"
         v-bind="fields.username"
         v-model="fields.username.value"
-        :disabled="!allowSubmit"
+        :disabled="isSubmitting"
       />
       <v-text-field
         color="input"
         v-bind="fields.password"
         v-model="fields.password.value"
-        :disabled="!allowSubmit"
+        :disabled="isSubmitting"
       />
       <v-text-field
         color="input"
         v-bind="fields.passwordConfirm"
         v-model="fields.passwordConfirm.value"
-        :disabled="!allowSubmit"
+        :disabled="isSubmitting"
       />
 
       <v-select
         color="input"
         v-bind="fields.heardAboutUs"
         v-model="fields.heardAboutUs.value"
-        :disabled="!allowSubmit"
+        :disabled="isSubmitting"
       />
 
       <v-textarea

From c0f2586f218272868458e7a8ab316dc5572264a7 Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Fri, 7 Feb 2020 15:31:47 -0500
Subject: [PATCH 02/36] post registrations to slack

---
 CodeChallenge/api/users.py | 14 ++++++++++++++
 CodeChallenge/config.py    |  1 +
 2 files changed, 15 insertions(+)

diff --git a/CodeChallenge/api/users.py b/CodeChallenge/api/users.py
index cb7f754..271ff78 100644
--- a/CodeChallenge/api/users.py
+++ b/CodeChallenge/api/users.py
@@ -1,3 +1,4 @@
+import requests
 from flask import Blueprint, jsonify, request, current_app, render_template
 from flask_jwt_extended import (create_access_token, create_refresh_token,
                                 get_current_user, get_jwt_identity,
@@ -6,6 +7,7 @@
                                 unset_jwt_cookies)
 from flask_limiter.util import get_remote_address
 from flask_mail import Message
+from sqlalchemy import func
 
 from .. import core
 from ..auth import (Users, hash_password, password_reset_token,
@@ -162,6 +164,18 @@ def register():
     mail.send(confirm_email)
     mail.send(welcome_email)
 
+    if "SLACK_WEBHOOK" in current_app.config and not current_app.config.get("TESTING", False):
+        regcount = db.session.query(func.count(Users.id)).scalar()
+        webhook = current_app.config.get("SLACK_WEBHOOK")
+        requests.post(webhook, json=dict(
+            text="Event: New Registration\n\n"
+                 f"*User*: {new_u.username}\n"
+                 f"*Student*: {new_u.studentfirstname} {new_u.studentlastname}\n"
+                 f"*Parent*: {new_u.parentfirstname} {new_u.parentlastname}\n"
+                 f"*How'd you find us?* {new_u.found_us}\n"
+                 f"\n*Total Registrations*: {regcount}"
+        ))
+
     return jsonify({"status": "success"})
 
 
diff --git a/CodeChallenge/config.py b/CodeChallenge/config.py
index 1434492..651a0f5 100644
--- a/CodeChallenge/config.py
+++ b/CodeChallenge/config.py
@@ -30,6 +30,7 @@ class DefaultConfig:
     MG_PRIVATE_KEY = os.getenv("MG_PRIVATE_KEY")
     MG_LIST = "codechallenge@school.codewizardshq.com"
     WORKER_PASSWORD = os.getenv("WORKER_PASSWORD")
+    SLACK_WEBHOOK = os.getenv("SLACK_WEBHOOK")
 
     # no trailing /
     EXTERNAL_URL = "https://challenge.codewizardshq.com"

From 4ea0eadfc59bdbebc4dd6156577fa32bd65404bf Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Fri, 7 Feb 2020 20:18:04 -0500
Subject: [PATCH 03/36] real time messaging with Slack

---
 CodeChallenge/__init__.py  |  2 +
 CodeChallenge/api/eb.py    |  7 ++++
 CodeChallenge/api/slack.py | 75 ++++++++++++++++++++++++++++++++++++++
 CodeChallenge/config.py    |  3 ++
 CodeChallenge/core.py      |  5 +++
 5 files changed, 92 insertions(+)
 create mode 100644 CodeChallenge/api/slack.py

diff --git a/CodeChallenge/__init__.py b/CodeChallenge/__init__.py
index 2e0b6f4..39a3add 100644
--- a/CodeChallenge/__init__.py
+++ b/CodeChallenge/__init__.py
@@ -11,6 +11,7 @@
 from . import core
 from .api.eb import bp as eb_bp
 from .api.questions import bp as questions_bp
+from .api.slack import bp as slack_bp
 from .api.users import bp as users_bp
 from .api.vote import bp as vote_bp
 from .auth import jwt
@@ -62,6 +63,7 @@ def create_app(config):
     app.register_blueprint(q_cli_bp)
     app.register_blueprint(clock_cli_bp)
     app.register_blueprint(vote_bp)
+    app.register_blueprint(slack_bp)
 
     @app.errorhandler(429)
     def ratelimit_handler(e):
diff --git a/CodeChallenge/api/eb.py b/CodeChallenge/api/eb.py
index 9ea0c3f..fb0196f 100644
--- a/CodeChallenge/api/eb.py
+++ b/CodeChallenge/api/eb.py
@@ -1,5 +1,6 @@
 from hmac import compare_digest
 
+import requests
 from flask import Blueprint, request, current_app, render_template
 from flask_mail import Message
 
@@ -41,4 +42,10 @@ def worker():
 
         mail.send(msg)
 
+        webhook = current_app.config.get("SLACK_WEBHOOK")
+        if webhook is not None:
+            requests.post(webhook, json=dict(
+                text=f"*NEW RANK* {core.current_rank()}"
+            ))
+
     return "", 200
diff --git a/CodeChallenge/api/slack.py b/CodeChallenge/api/slack.py
new file mode 100644
index 0000000..43689b5
--- /dev/null
+++ b/CodeChallenge/api/slack.py
@@ -0,0 +1,75 @@
+import hmac
+import re
+import time
+
+import requests
+from flask import Blueprint, request, jsonify, current_app, abort
+
+from .. import core
+
+bp = Blueprint("slackapi", __name__, url_prefix="/api/v1/slack")
+
+CMDRE = re.compile(r"^!([^ ]+)", re.I)
+
+
+@bp.before_request
+def slack_verify():
+    ts = request.headers.get("X-Slack-Request-Timestamp")
+    secret = bytes(current_app.config.get("SLACK_SIGNING_SECRET"), "utf8")
+    body = request.data
+
+    if abs(time.time() - int(ts)) > 60 * 5:
+        abort(401)
+
+    sig_basestring = bytes(f"v0:{ts}:", "utf8")
+    sig_basestring += body
+
+    my_sig = "v0=" + hmac.new(secret, sig_basestring, digestmod="SHA256").hexdigest()
+    slack_sig = request.headers.get("X-Slack-Signature")
+    if not hmac.compare_digest(my_sig, slack_sig):
+        abort(401)
+
+
+def post_message(channel, text):
+    rv = requests.post("https://slack.com/api/chat.postMessage",
+                       headers=dict(
+                           Authorization="Bearer " + current_app.config["SLACK_OAUTH_TOKEN"]
+                       ),
+                       json=dict(
+                           channel=channel,
+                           text=text
+                       ))
+
+    rv.raise_for_status()
+
+
+def handle_message(text, channel):
+    match = CMDRE.search(text)
+
+    if match is None:
+        return
+
+    command = match.group(1)
+
+    if command == "status":
+        rank = core.current_rank()
+        resp = f"*Current Rank:* {rank if rank != -1 else '(challenge not started)'}\n"
+        resp += f"*Max Rank:* {core.max_rank()}\n"
+        resp += f"*Next Rank:* {core.time_until_next_rank()}\n"
+        resp += f"*Total Users:* {core.user_count()}"
+
+        post_message(channel, resp)
+
+
+@bp.route("/event", methods=["POST"])
+def slack_event():
+    data = request.get_json()
+
+    if "challenge" in data:
+        return jsonify(challenge=data["challenge"])
+
+    event = data["event"]
+    if event["type"] == "message":
+        handle_message(event["text"], event["channel"])
+
+    return "", 200
diff --git a/CodeChallenge/config.py b/CodeChallenge/config.py
index 651a0f5..f52d8b6 100644
--- a/CodeChallenge/config.py
+++ b/CodeChallenge/config.py
@@ -31,6 +31,9 @@ class DefaultConfig:
     MG_LIST = "codechallenge@school.codewizardshq.com"
     WORKER_PASSWORD = os.getenv("WORKER_PASSWORD")
     SLACK_WEBHOOK = os.getenv("SLACK_WEBHOOK")
+    SLACK_SIGNING_SECRET = os.getenv("SLACK_SIGNING_SECRET")
+    SLACK_OAUTH_TOKEN = os.getenv("SLACK_OAUTH_TOKEN")
+    SLACK_CHANNEL = os.getenv("SLACK_CHANNEL")
 
     # no trailing /
     EXTERNAL_URL = "https://challenge.codewizardshq.com"
diff --git a/CodeChallenge/core.py b/CodeChallenge/core.py
index 81c746c..a1b4f6a 100644
--- a/CodeChallenge/core.py
+++ b/CodeChallenge/core.py
@@ -3,6 +3,7 @@
 from flask import current_app
 from sqlalchemy import func
 
+from .auth import Users
 from .models import Question, db
 
 
@@ -68,3 +69,7 @@ def challenge_ended() -> bool:
         return True
 
     return False
+
+
+def user_count() -> int:
+    return db.session.query(func.count(Users)).scalar()

From c16233ad1d9b8010a9a3268d5a6a17466a79ace6 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Tue, 11 Feb 2020 09:43:04 -0800
Subject: [PATCH 04/36] Update CWHQBar.vue

---
 src/components/Toolbars/CWHQBar.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/Toolbars/CWHQBar.vue b/src/components/Toolbars/CWHQBar.vue
index f2e1a48..537a5cb 100644
--- a/src/components/Toolbars/CWHQBar.vue
+++ b/src/components/Toolbars/CWHQBar.vue
@@ -2,9 +2,7 @@
   <v-toolbar class="cwhq-bar" :height="height" :max-height="height">
     <v-container>
       <v-spacer />
-      <a href="https://username.codewizardshq.com/edit/">Student Login</a>
-      <a href="https://username.codewizardshq.com/edit/">Parent Login</a>
-      <a href="https://codewizardshq.com/students/">Student Center</a>
+      <a href="https://codewizardshq.com/challenge">Back to CodeWizardsHQ</a>
     </v-container>
   </v-toolbar>
 </template>

From 9e5bba4cb4fd296a2885127d3ffd5d4686803605 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Tue, 11 Feb 2020 09:43:38 -0800
Subject: [PATCH 05/36] Update QuizBar.vue

---
 src/components/Toolbars/QuizBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Toolbars/QuizBar.vue b/src/components/Toolbars/QuizBar.vue
index 72825ba..51909cf 100644
--- a/src/components/Toolbars/QuizBar.vue
+++ b/src/components/Toolbars/QuizBar.vue
@@ -43,7 +43,7 @@
               <v-list-item href="https://discord.gg/fDWbCj9" target="_blank">
                 <v-list-item-title>Get Help On Discord</v-list-item-title>
               </v-list-item>
-              <v-list-item href="https://www.facebook.com" target="_blank">
+              <v-list-item href="https://www.facebook.com/events/501020200554546/" target="_blank">
                 <v-list-item-title>Get Help On Facebook</v-list-item-title>
               </v-list-item>
             </v-list>

From ffc40f5b05bf8ff98f3fb995b2cb046174d3017b Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Tue, 11 Feb 2020 10:11:21 -0800
Subject: [PATCH 06/36] Update SocialPopOver.vue

---
 src/components/SocialPopOver.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/SocialPopOver.vue b/src/components/SocialPopOver.vue
index 938efc6..2349e76 100644
--- a/src/components/SocialPopOver.vue
+++ b/src/components/SocialPopOver.vue
@@ -19,7 +19,7 @@
             :cols="i == icons.length - 1 ? 12 : 6"
             class="text-center"
           >
-            <v-btn>
+            <v-btn :to="{{icon.to}}" target="_blank">
               <v-icon>mdi-{{ icon.icon }}</v-icon>
             </v-btn>
           </v-col>
@@ -35,19 +35,20 @@ export default {
     isOpen: false,
     icons: [
       {
-        icon: "twitter"
+        icon: "twitter",
+        to: "https://twitter.com/CodeWizardsHQ"
       },
       {
-        icon: "facebook"
+        icon: "facebook",
+        to: "https://www.facebook.com/events/501020200554546/"
       },
       {
-        icon: "whatsapp"
+        icon: "linkedin",
+        to: "https://www.linkedin.com/company/codewizardshq"
       },
       {
-        icon: "linkedin"
-      },
-      {
-        icon: "email"
+        icon: "email",
+        to: "mailto:?subject=Join%20me%20in%20the%20CodeWizardsHQ%20Code%20Challenge!"
       }
     ]
   })

From 618eb516d57b3bb087f37dfb71f993422410321a Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Tue, 11 Feb 2020 10:13:57 -0800
Subject: [PATCH 07/36] Update SocialPopOver.vue

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

diff --git a/src/components/SocialPopOver.vue b/src/components/SocialPopOver.vue
index 2349e76..26307bc 100644
--- a/src/components/SocialPopOver.vue
+++ b/src/components/SocialPopOver.vue
@@ -19,7 +19,7 @@
             :cols="i == icons.length - 1 ? 12 : 6"
             class="text-center"
           >
-            <v-btn :to="{{icon.to}}" target="_blank">
+            <v-btn :to="icon.to" target="_blank">
               <v-icon>mdi-{{ icon.icon }}</v-icon>
             </v-btn>
           </v-col>

From 4c930984883389995589841d6d061e9c8ca95f88 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Tue, 11 Feb 2020 10:19:46 -0800
Subject: [PATCH 08/36] Update QuizNeedHelp.vue

---
 src/components/QuizNeedHelp.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/QuizNeedHelp.vue b/src/components/QuizNeedHelp.vue
index 1d6a236..8742224 100644
--- a/src/components/QuizNeedHelp.vue
+++ b/src/components/QuizNeedHelp.vue
@@ -14,7 +14,7 @@
               :cols="i == icons.length - 1 ? 12 : 6"
               class="text-center"
             >
-              <v-btn>
+              <v-btn :to="icon.to" target="_blank">
                 <v-icon>mdi-{{ icon.icon }}</v-icon>
               </v-btn>
             </v-col>
@@ -33,19 +33,21 @@ export default {
       dialog: false,
       icons: [
         {
-          icon: "twitter"
+          icon: "twitter",
+          to: "https://twitter.com/CodeWizardsHQ"
         },
         {
-          icon: "facebook"
+          icon: "facebook",
+          to: "https://www.facebook.com/events/501020200554546/"
         },
         {
-          icon: "whatsapp"
+          icon: "linkedin",
+          to: "https://www.linkedin.com/company/codewizardshq"
         },
         {
-          icon: "linkedin"
-        },
-        {
-          icon: "email"
+          icon: "email",
+          to:
+            "mailto:?subject=Join%20me%20in%20the%20CodeWizardsHQ%20Code%20Challenge!"
         }
       ]
     };

From e52ba0ae153b7be70f8ce89848bd8f769c05caf5 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Tue, 11 Feb 2020 10:21:23 -0800
Subject: [PATCH 09/36] Update QuizCountdown.vue

---
 src/views/Quiz/QuizCountdown.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/Quiz/QuizCountdown.vue b/src/views/Quiz/QuizCountdown.vue
index df24cb8..d522054 100644
--- a/src/views/Quiz/QuizCountdown.vue
+++ b/src/views/Quiz/QuizCountdown.vue
@@ -30,16 +30,19 @@
         </template>
       </quiz-scroll>
     </v-row>
+    <quiz-need-help />
   </div>
 </template>
 
 <script>
+import QuizNeedHelp from "@/components/QuizNeedHelp";
 import QuizScroll from "@/components/QuizScroll";
 import { Quiz, User } from "@/store";
 export default {
   name: "quiz",
   components: {
-    QuizScroll
+    QuizScroll,
+    QuizNeedHelp
   },
   computed: {
     ...User.mapState(),

From f7e75d92fa9cb8c5226bb9df3b54529c0ce253cb Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Tue, 11 Feb 2020 10:31:33 -0800
Subject: [PATCH 10/36] Update QuizNeedHelp.vue

---
 src/components/QuizNeedHelp.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/QuizNeedHelp.vue b/src/components/QuizNeedHelp.vue
index 8742224..47997ee 100644
--- a/src/components/QuizNeedHelp.vue
+++ b/src/components/QuizNeedHelp.vue
@@ -9,12 +9,12 @@
         <v-card-text>
           <v-row no-gutters class="pt-3">
             <v-col
-              v-for="(icon, i) in icons"
+              v-for="icon in icons"
               :key="icon.icon"
-              :cols="i == icons.length - 1 ? 12 : 6"
+              cols="6"
               class="text-center"
             >
-              <v-btn :to="icon.to" target="_blank">
+              <v-btn :href="icon.to" target="_blank">
                 <v-icon>mdi-{{ icon.icon }}</v-icon>
               </v-btn>
             </v-col>

From 3901ce60435161e084044b5aabbf04e7a1d9bcb7 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Thu, 13 Feb 2020 12:50:26 -0800
Subject: [PATCH 11/36] Update QuizBar.vue

---
 src/components/Toolbars/QuizBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Toolbars/QuizBar.vue b/src/components/Toolbars/QuizBar.vue
index 51909cf..1172067 100644
--- a/src/components/Toolbars/QuizBar.vue
+++ b/src/components/Toolbars/QuizBar.vue
@@ -40,7 +40,7 @@
               <v-list-item :to="{ name: 'faq' }">
                 <v-list-item-title>Check The FAQ</v-list-item-title>
               </v-list-item>
-              <v-list-item href="https://discord.gg/fDWbCj9" target="_blank">
+              <v-list-item href="https://discord.gg/HKnpzjQ" target="_blank">
                 <v-list-item-title>Get Help On Discord</v-list-item-title>
               </v-list-item>
               <v-list-item href="https://www.facebook.com/events/501020200554546/" target="_blank">

From f801b4e1eb920eeedf3d6bf6ba134c3cd73436c4 Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Wed, 19 Feb 2020 17:45:29 -0500
Subject: [PATCH 12/36] remove password from account confirmation email

---
 CodeChallenge/api/users.py                             | 3 +--
 CodeChallenge/templates/challenge_account_confirm.html | 1 -
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/CodeChallenge/api/users.py b/CodeChallenge/api/users.py
index 271ff78..2c64337 100644
--- a/CodeChallenge/api/users.py
+++ b/CodeChallenge/api/users.py
@@ -148,8 +148,7 @@ def register():
     name = new_u.studentfirstname or new_u.parentfirstname
     confirm_email.html = render_template("challenge_account_confirm.html",
                                          name=name,
-                                         username=new_u.username,
-                                         password=password)
+                                         username=new_u.username)
     confirm_email.extra_headers = {"List-Unsubscribe": "%unsubscribe_email%"}
 
     # welcome email
diff --git a/CodeChallenge/templates/challenge_account_confirm.html b/CodeChallenge/templates/challenge_account_confirm.html
index c7c516d..2261017 100644
--- a/CodeChallenge/templates/challenge_account_confirm.html
+++ b/CodeChallenge/templates/challenge_account_confirm.html
@@ -295,7 +295,6 @@
                     <p><b>{{name}}, your account has been created.</b></p>
                     <br/>
                     <p>Login: {{username}}</p>
-                    <p>Password: {{password}}</p>
                     <br/>
                     <p>Forgot your password? <a href="https://challenge.codewizardshq.com/forgot-password">Reset your password.</a></p>
                   </td>

From 7b3efeb5474ec097e86f11cdecdc3b22374a8cc9 Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Wed, 19 Feb 2020 21:29:31 -0500
Subject: [PATCH 13/36] change FAQ to redirect to
 https://codewizardshq.com/challenge/

---
 src/components/Toolbars/QuizBar.vue | 6 +++---
 src/plugins/router.js               | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Toolbars/QuizBar.vue b/src/components/Toolbars/QuizBar.vue
index 1172067..224e955 100644
--- a/src/components/Toolbars/QuizBar.vue
+++ b/src/components/Toolbars/QuizBar.vue
@@ -37,7 +37,7 @@
               <a href="#" v-on="menu">Get Help</a>
             </template>
             <v-list class="list">
-              <v-list-item :to="{ name: 'faq' }">
+              <v-list-item href="https://codewizardshq.com/challenge" target="_blank">
                 <v-list-item-title>Check The FAQ</v-list-item-title>
               </v-list-item>
               <v-list-item href="https://discord.gg/HKnpzjQ" target="_blank">
@@ -63,9 +63,9 @@
 </template>
 
 <script>
-import { User, Quiz } from "@/store";
+  import {Quiz, User} from "@/store";
 
-export default {
+  export default {
   name: "quizBar",
   computed: {
     ...User.mapState(),
diff --git a/src/plugins/router.js b/src/plugins/router.js
index a0cbd85..6ef0b6e 100644
--- a/src/plugins/router.js
+++ b/src/plugins/router.js
@@ -1,6 +1,6 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
-import { auth } from "@/api";
+import {auth} from "@/api";
 import store from "@/store";
 
 Vue.use(VueRouter);
@@ -47,7 +47,7 @@ const routes = [
       {
         path: "frequently-asked-questions",
         name: "faq",
-        component: () => import("@/views/Public/FAQ")
+        beforeEnter: () => window.location = "https://codewizardshq.com/challenge"
       }
     ]
   },

From 4023535d27ebdcba808482b633f1a1d5d1bde3ce Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Thu, 20 Feb 2020 12:43:03 -0500
Subject: [PATCH 14/36] voting: only count confirmed votes on the ballot

---
 CodeChallenge/api/vote.py | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/CodeChallenge/api/vote.py b/CodeChallenge/api/vote.py
index f9629a9..faf5817 100644
--- a/CodeChallenge/api/vote.py
+++ b/CodeChallenge/api/vote.py
@@ -55,10 +55,15 @@ def get_contestants():
             display = f"{ans.user.studentfirstname} " \
                       f"{ans.user.studentlastname[0]}."
 
+        confirmed_votes = []
+        for v in ans.votes:
+            if v.confirmed:
+                confirmed_votes.append(v)
+
         contestants.append(dict(
             id=ans.id,
             text=ans.text,
-            numVotes=len(ans.votes),
+            numVotes=len(confirmed_votes),
             firstName=ans.user.studentfirstname,
             lastName=ans.user.studentlastname,
             username=ans.user.username,

From 3da8f3815bd28fd2880045980da4b7b64be3adaf Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 10:51:32 -0800
Subject: [PATCH 15/36] simplifies the age checker

---
 src/views/Accounts/Register/Step2.vue |  77 ++---------
 src/views/Accounts/Register/Step3.vue |  77 ++---------
 src/views/Accounts/Register/index.vue | 192 ++++++++++++--------------
 3 files changed, 112 insertions(+), 234 deletions(-)

diff --git a/src/views/Accounts/Register/Step2.vue b/src/views/Accounts/Register/Step2.vue
index 61023fb..d895cfe 100644
--- a/src/views/Accounts/Register/Step2.vue
+++ b/src/views/Accounts/Register/Step2.vue
@@ -3,52 +3,31 @@
     <v-card-text>
       <v-row no-gutters>
         <v-col>
-          <v-text-field
-            class="mr-5"
-            color="input"
-            v-bind="fields.firstName"
-            v-model="fields.firstName.value"
-            :disabled="isSubmitting"
-          />
+          <v-text-field class="mr-5" color="input" v-bind="fields.firstName" v-model="fields.firstName.value" :disabled="isSubmitting" />
         </v-col>
         <v-col>
-          <v-text-field
-            color="input"
-            v-bind="fields.lastName"
-            v-model="fields.lastName.value"
-            :disabled="isSubmitting"
-          />
+          <v-text-field color="input" v-bind="fields.lastName" v-model="fields.lastName.value" :disabled="isSubmitting" />
         </v-col>
       </v-row>
-      <v-text-field
-        color="input"
-        v-bind="fields.studentEmail"
-        v-model="fields.studentEmail.value"
-        :disabled="isSubmitting"
-      />
-      <date-of-birth-field
+      <v-text-field color="input" v-bind="fields.studentEmail" v-model="fields.studentEmail.value" :disabled="isSubmitting" />
+      <v-select v-bind="fields.age" v-model="fields.age.value" :disabled="isSubmitting" />
+      <!-- <date-of-birth-field
         :label="fields.dateOfBirth.label"
         v-model="fields.dateOfBirth.value"
-      />
+      /> -->
     </v-card-text>
 
-    <v-card-text v-if="showParentConsentAlert">
+    <v-card-text v-if="needsParentConsent">
       <v-alert colored-border icon="mdi-firework">
         You are not 13 years of age.
         <p>
-          In order to continue with the code challenge you must have your
-          parent's permission. Have your parent or guardian complete the rest of
-          this page.
+          In order to continue with the code challenge you must have your parent's permission. Have your parent or guardian complete the rest of this page.
         </p>
         <v-switch
           v-model="hasParentConsent"
           color="button"
           class="mx-2"
-          :rules="[
-            v =>
-              !!v ||
-              'Please have your parent or guardian review this form before continuing'
-          ]"
+          :rules="[v => !!v || 'Please have your parent or guardian review this form before continuing']"
           :label="
             'I, the parent or guardian of ' +
               this.fields.firstName.value +
@@ -61,49 +40,23 @@
     </v-card-text>
 
     <v-card-actions>
-      <v-btn
-        color="button"
-        @click="() => $emit('back')"
-        :disabled="isSubmitting"
-        >Back</v-btn
-      >
+      <v-btn color="button" @click="() => $emit('back')" :disabled="isSubmitting">Back</v-btn>
       <v-spacer />
       <v-btn color="button" type="submit" :disabled="isSubmitting">
         Next
-        <v-progress-circular
-          size="14"
-          class="ml-3"
-          indeterminate
-          v-if="isSubmitting"
-        />
+        <v-progress-circular size="14" class="ml-3" indeterminate v-if="isSubmitting" />
       </v-btn>
     </v-card-actions>
   </v-form>
 </template>
 
 <script>
-import DateOfBirthField from "./DateOfBirthField";
-import moment from "moment";
-
 export default {
-  name: "register-step-2",
-  props: ["fields"],
-  components: {
-    DateOfBirthField
-  },
-  watch: {
-    "fields.dateOfBirth.value"() {
-      if (!this.needsParentConsent) {
-        this.showParentConsentAlert = false;
-      }
-    }
-  },
+  name: 'register-step-2',
+  props: ['fields'],
   computed: {
-    age() {
-      return moment().diff(this.fields.dateOfBirth.value, "years", false);
-    },
     needsParentConsent() {
-      return this.age < 13;
+      return this.fields.age.value === '12 years old or lower';
     }
   },
   methods: {
@@ -115,7 +68,7 @@ export default {
       const cb = () => {
         this.isSubmitting = false;
       };
-      this.$emit("submit", cb);
+      this.$emit('submit', cb);
     },
     validate() {
       if (this.$refs.form.validate()) {
diff --git a/src/views/Accounts/Register/Step3.vue b/src/views/Accounts/Register/Step3.vue
index dd0d0bb..b6ff203 100644
--- a/src/views/Accounts/Register/Step3.vue
+++ b/src/views/Accounts/Register/Step3.vue
@@ -3,75 +3,21 @@
     <v-card-text>
       <v-row no-gutters>
         <v-col>
-          <v-text-field
-            class="mr-5"
-            color="input"
-            v-bind="fields.parentFirstName"
-            v-model="fields.parentFirstName.value"
-            :disabled="isSubmitting"
-          />
+          <v-text-field class="mr-5" color="input" v-bind="fields.parentFirstName" v-model="fields.parentFirstName.value" :disabled="isSubmitting" />
         </v-col>
         <v-col>
-          <v-text-field
-            color="input"
-            v-bind="fields.parentLastName"
-            v-model="fields.parentLastName.value"
-            :disabled="isSubmitting"
-          />
+          <v-text-field color="input" v-bind="fields.parentLastName" v-model="fields.parentLastName.value" :disabled="isSubmitting" />
         </v-col>
       </v-row>
-      <v-text-field
-        color="input"
-        v-bind="fields.parentEmail"
-        v-model="fields.parentEmail.value"
-        :disabled="isSubmitting"
-      />
-    </v-card-text>
-
-    <v-card-text v-if="showParentConsentAlert">
-      <v-alert colored-border icon="mdi-firework">
-        You are not 13 years of age.
-        <p>
-          In order to continue with the code challenge you must have your
-          parent's permission. Have your parent or guardian complete the rest of
-          this page.
-        </p>
-        <v-switch
-          v-model="hasParentConsent"
-          color="button"
-          class="mx-2"
-          :rules="[
-            v =>
-              !!v ||
-              'Please have your parent or guardian review this form before continuing'
-          ]"
-          :label="
-            'I, the parent or guardian of ' +
-              this.fields.firstName.value +
-              ' ' +
-              this.fields.lastName.value +
-              ', give my consent to participate in the CodeWizardsHQ Code Challenge.'
-          "
-        ></v-switch>
-      </v-alert>
+      <v-text-field color="input" v-bind="fields.parentEmail" v-model="fields.parentEmail.value" :disabled="isSubmitting" />
     </v-card-text>
 
     <v-card-actions>
-      <v-btn
-        color="button"
-        @click="() => $emit('back')"
-        :disabled="isSubmitting"
-        >Back</v-btn
-      >
+      <v-btn color="button" @click="() => $emit('back')" :disabled="isSubmitting">Back</v-btn>
       <v-spacer />
       <v-btn color="button" type="submit" :disabled="isSubmitting">
         Next
-        <v-progress-circular
-          size="14"
-          class="ml-3"
-          indeterminate
-          v-if="isSubmitting"
-        />
+        <v-progress-circular size="14" class="ml-3" indeterminate v-if="isSubmitting" />
       </v-btn>
     </v-card-actions>
   </v-form>
@@ -79,16 +25,9 @@
 
 <script>
 export default {
-  name: "register-step-3",
-  props: ["fields"],
+  name: 'register-step-3',
+  props: ['fields'],
   components: {},
-  watch: {
-    "fields.dateOfBirth.value"() {
-      if (!this.needsParentConsent) {
-        this.showParentConsentAlert = false;
-      }
-    }
-  },
   methods: {
     async submit() {
       if (this.isSubmitting) {
@@ -98,7 +37,7 @@ export default {
       const cb = () => {
         this.isSubmitting = false;
       };
-      this.$emit("submit", cb);
+      this.$emit('submit', cb);
     },
     validate() {
       if (this.$refs.form.validate()) {
diff --git a/src/views/Accounts/Register/index.vue b/src/views/Accounts/Register/index.vue
index 1260677..4a9d91a 100644
--- a/src/views/Accounts/Register/index.vue
+++ b/src/views/Accounts/Register/index.vue
@@ -9,36 +9,19 @@
 
           <v-stepper v-model="stepperIndex">
             <v-stepper-header class="elevation-0">
-              <v-stepper-step
-                color="button"
-                :complete="stepperIndex > 1"
-                step="1"
-                >Account Details</v-stepper-step
-              >
+              <v-stepper-step color="button" :complete="stepperIndex > 1" step="1">Account Details</v-stepper-step>
 
               <v-divider></v-divider>
 
-              <v-stepper-step
-                color="button"
-                :complete="stepperIndex > 2"
-                step="2"
-                >Student Details</v-stepper-step
-              >
+              <v-stepper-step color="button" :complete="stepperIndex > 2" step="2">Student Details</v-stepper-step>
 
               <v-divider></v-divider>
 
-              <v-stepper-step
-                color="button"
-                :complete="stepperIndex > 3"
-                step="3"
-                >Parent Details</v-stepper-step
-              >
+              <v-stepper-step color="button" :complete="stepperIndex > 3" step="3">Parent Details</v-stepper-step>
 
               <v-divider></v-divider>
 
-              <v-stepper-step color="button" step="4"
-                >Terms Of Use</v-stepper-step
-              >
+              <v-stepper-step color="button" step="4">Terms Of Use</v-stepper-step>
             </v-stepper-header>
 
             <v-stepper-items>
@@ -66,13 +49,13 @@
 </template>
 
 <script>
-import PageCard from "@/components/PageCard";
-import Step1 from "./Step1";
-import Step2 from "./Step2";
-import Step3 from "./Step3";
-import Step4 from "./Step4";
+import PageCard from '@/components/PageCard';
+import Step1 from './Step1';
+import Step2 from './Step2';
+import Step3 from './Step3';
+import Step4 from './Step4';
 
-import * as api from "@/api";
+import * as api from '@/api';
 
 export default {
   components: {
@@ -100,10 +83,7 @@ export default {
       this.isSubmitting = true;
       try {
         await api.auth.createAccount({
-          foundUs:
-            this.fields.heardAboutUs === "Other"
-              ? this.fields.heardAboutUsText.value
-              : this.fields.heardAboutUs.value,
+          foundUs: this.fields.heardAboutUs === 'Other' ? this.fields.heardAboutUsText.value : this.fields.heardAboutUs.value,
           studentFirstName: this.fields.firstName.value,
           studentLastName: this.fields.lastName.value,
           parentFirstName: this.fields.parentFirstName.value,
@@ -111,17 +91,20 @@ export default {
           username: this.fields.username.value,
           parentEmail: this.fields.parentEmail.value,
           studentEmail: this.fields.studentEmail.value,
-          DOB: this.fields.dateOfBirth.value,
+          DOB: parseInt(this.fields.age.value) + '',
           password: this.fields.password.value
         });
-        localStorage.setItem("lastUsername", this.fields.username.value);
-        this.$store.dispatch("Snackbar/showInfo", "Successfully Logged In");
+        localStorage.setItem('lastUsername', this.fields.username.value);
+        this.$store.dispatch('Snackbar/showInfo', 'Successfully Logged In');
         this.isSubmitting = false;
         this.stepperIndex = 0;
-        this.$router.push({ name: "quiz" });
+        this.$router.push({ name: 'quiz' });
       } catch (err) {
+        alert(err.message);
+        // eslint-disable-next-line no-console
+        console.error(err);
         this.isSubmitting = false;
-        this.$store.dispatch("Snackbar/showError", err);
+        this.$store.dispatch('Snackbar/showError', err);
       }
       cb();
     }
@@ -132,15 +115,11 @@ export default {
       stepperIndex: 1,
       fields: {
         username: {
-          label: "Username",
-          hint: "You will use this to log in",
-          type: "text",
-          value: "",
-          rules: [
-            v => !!v || "Please provide a username",
-            () =>
-              !this.fields.username.inUse || "This username is already in use"
-          ],
+          label: 'Username',
+          hint: 'You will use this to log in',
+          type: 'text',
+          value: '',
+          rules: [v => !!v || 'Please provide a username', () => !this.fields.username.inUse || 'This username is already in use'],
           inUse: false,
           requestCount: 0,
           requestIndex: 0,
@@ -148,103 +127,110 @@ export default {
         },
         parentEmail: {
           label: "Parent's E-mail Address",
-          type: "email",
-          value: "",
-          rules: [v => !!v || "Please provide a email"]
+          type: 'email',
+          value: '',
+          rules: [v => !!v || 'Please provide a email']
         },
         studentEmail: {
           label: "Student's E-mail Address (optional)",
-          type: "email",
-          value: ""
+          type: 'email',
+          value: ''
         },
         password: {
-          label: "Password",
-          type: "password",
-          autocomplete: "new-password",
-          value: "",
+          label: 'Password',
+          type: 'password',
+          autocomplete: 'new-password',
+          value: '',
           rules: [
             v => !!v || "Don't forget to give a password",
-            v => v.length >= 8 || "Password must be at least 8 characters",
-            v =>
-              v.length < 100 || "Password must be at less than 100 characters"
+            v => v.length >= 8 || 'Password must be at least 8 characters',
+            v => v.length < 100 || 'Password must be at less than 100 characters'
           ]
         },
         passwordConfirm: {
-          label: "Confirm Password",
-          type: "password",
-          value: "",
-          rules: [
-            v => v == this.fields.password.value || "Passwords do not match"
-          ]
+          label: 'Confirm Password',
+          type: 'password',
+          value: '',
+          rules: [v => v == this.fields.password.value || 'Passwords do not match']
         },
         firstName: {
           label: "Student's First Name",
-          type: "text",
-          value: "",
-          rules: [v => !!v || "Please tell us your name"]
+          type: 'text',
+          value: '',
+          rules: [v => !!v || 'Please tell us your name']
         },
         lastName: {
           label: "Student's Last Name",
-          type: "text",
-          value: "",
-          rules: [v => !!v || "Please tell us your name"]
+          type: 'text',
+          value: '',
+          rules: [v => !!v || 'Please tell us your name']
         },
         parentFirstName: {
           label: "Parent's First Name",
-          type: "text",
-          value: "",
-          rules: [v => !!v || "Please tell us your name"]
+          type: 'text',
+          value: '',
+          rules: [v => !!v || 'Please tell us your name']
         },
         parentLastName: {
           label: "Parent's Last Name",
-          type: "text",
-          value: "",
-          rules: [v => !!v || "Please tell us your name"]
+          type: 'text',
+          value: '',
+          rules: [v => !!v || 'Please tell us your name']
         },
         heardAboutUs: {
-          label: "How did you hear about the Code Challange?",
-          type: "select",
+          label: 'How did you hear about the Code Challange?',
+          type: 'select',
           items: [
-            "Choose an option",
+            'Choose an option',
             "I'm a CodeWizardsHQ Student",
-            "CWHQ newsletter",
-            "CWHQ website",
-            "Facebook, Twitter, Instagram, or LinkedIn",
-            "Friend or family member ",
-            "Google or search engine",
-            "Your school or PTA",
-            "Other"
+            'CWHQ newsletter',
+            'CWHQ website',
+            'Facebook, Twitter, Instagram, or LinkedIn',
+            'Friend or family member ',
+            'Google or search engine',
+            'Your school or PTA',
+            'Other'
           ],
-          value: "Choose an option",
-          rules: [v => v !== "Choose an option" || "Please choose an option"]
+          value: 'Choose an option',
+          rules: [v => v !== 'Choose an option' || 'Please choose an option']
         },
         heardAboutUsText: {
-          label: "Tell us where you heard about the Code Challenge!",
-          type: "text",
-          value: "",
-          rules: [
-            v =>
-              !!v || "Please tell us where you heard about the code challenge"
-          ]
+          label: 'Tell us where you heard about the Code Challenge!',
+          type: 'text',
+          value: '',
+          rules: [v => !!v || 'Please tell us where you heard about the code challenge']
         },
         dateOfBirth: {
           label: "Student's Date Of Birth",
-          type: "date",
+          type: 'date',
           value: new Date().toISOString().substr(0, 10),
-          rules: [v => !!v || "Please enter a date of birth"]
+          rules: [v => !!v || 'Please enter a date of birth']
+        },
+        age: {
+          label: 'Hold old is the student?',
+          type: 'select',
+          items: [
+            'Choose an option',
+            '12 years old or lower',
+            '13 years old',
+            '14 years old',
+            '15 years old',
+            '16 years old',
+            '17 years old',
+            '18 years old or older'
+          ],
+          value: 'Choose an option',
+          rules: [v => v !== 'Choose an option' || 'Please choose an option']
         },
         tos: {
-          label: "I agree to the Terms of Use and Privacy Policy",
+          label: 'I agree to the Terms of Use and Privacy Policy',
           value: false,
-          rules: [
-            v => !!v || "You must agree to the Terms of Use and Privacy Policy"
-          ]
+          rules: [v => !!v || 'You must agree to the Terms of Use and Privacy Policy']
         },
         tos2: {
-          label:
-            "I agree to receive Code Challenge related updates and offers (you may unsubscribe at any time)",
+          label: 'I agree to receive Code Challenge related updates and offers (you may unsubscribe at any time)',
           value: false,
-          rules: [v => !!v || "You must agree to recieve e-mail"]
+          rules: [v => !!v || 'You must agree to recieve e-mail']
         }
       }
     };

From 79f7ae0ed4a43c4e6e639814fc4ce3705a8db607 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 11:19:01 -0800
Subject: [PATCH 16/36] changes momentjs text formatting

---
 src/views/Quiz/QuizCountdown.vue | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/views/Quiz/QuizCountdown.vue b/src/views/Quiz/QuizCountdown.vue
index d522054..b22395b 100644
--- a/src/views/Quiz/QuizCountdown.vue
+++ b/src/views/Quiz/QuizCountdown.vue
@@ -26,7 +26,20 @@
         <template v-slot:title>Woah Slow Down!</template>
         <template v-slot:default>
           <p class="text-center">The challenge has not yet begun!</p>
-          <p>Challenge begins: {{ Quiz.quizStartedMoment.fromNow() }}</p>
+          <p>Challenge begins in {{ Quiz.quizStartedMoment.fromNow() }}</p>
+          <p>Challenge starts April 3rd</p>
+          <v-btn
+            class="mr-3 mt-5"
+            :style="{ backgroundColor: 'white !important' }"
+            x-large
+            color="blue"
+            href="https://www.facebook.com/events/501020200554546/"
+            icon
+            ><v-icon>mdi-facebook</v-icon></v-btn
+          >
+          <v-btn class="mt-5" :style="{ backgroundColor: 'white !important' }" x-large color="blue" href="https://www.facebook.com/events/501020200554546/" icon
+            ><v-icon>mdi-twitter</v-icon></v-btn
+          >
         </template>
       </quiz-scroll>
     </v-row>
@@ -35,11 +48,11 @@
 </template>
 
 <script>
-import QuizNeedHelp from "@/components/QuizNeedHelp";
-import QuizScroll from "@/components/QuizScroll";
-import { Quiz, User } from "@/store";
+import QuizNeedHelp from '@/components/QuizNeedHelp';
+import QuizScroll from '@/components/QuizScroll';
+import { Quiz, User } from '@/store';
 export default {
-  name: "quiz",
+  name: 'quiz',
   components: {
     QuizScroll,
     QuizNeedHelp
@@ -50,8 +63,8 @@ export default {
   },
   methods: {
     async onClick() {
-      await this.$store.dispatch("Quiz/markAsSeen");
-      this.$router.push({ name: "quiz" });
+      await this.$store.dispatch('Quiz/markAsSeen');
+      this.$router.push({ name: 'quiz' });
     }
   }
 };

From 841283a63a5366b684b4f77a60e59978767eac21 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 11:19:39 -0800
Subject: [PATCH 17/36] adds social links and more content to woah page

---
 src/store/quiz.js | 131 +++++++++++++++++++++++++---------------------
 1 file changed, 71 insertions(+), 60 deletions(-)

diff --git a/src/store/quiz.js b/src/store/quiz.js
index ee78905..d4a220d 100644
--- a/src/store/quiz.js
+++ b/src/store/quiz.js
@@ -1,14 +1,33 @@
-import { mapState } from "vuex";
-import { quiz } from "@/api";
-import moment from "moment";
-import Vue from "vue";
+import { mapState } from 'vuex';
+import { quiz } from '@/api';
+import moment from 'moment';
+import Vue from 'vue';
 
-const moduleName = "Quiz";
+moment.updateLocale('en', {
+  relativeTime: {
+    future: 'in %s',
+    past: '%s ago',
+    s: 'a few seconds',
+    ss: '%d seconds',
+    m: 'a minute',
+    mm: '%d minutes',
+    h: 'an hour',
+    hh: '%d hours',
+    d: 'a day',
+    dd: '%d days',
+    M: 'one month',
+    MM: '%d months',
+    y: 'a year',
+    yy: '%d years'
+  }
+});
+
+const moduleName = 'Quiz';
 
 function parseDateResponse(dateResponse) {
-  const timeSplit = dateResponse.split(",");
-  let daysString = "0 days";
-  let timeString = "0:0:0";
+  const timeSplit = dateResponse.split(',');
+  let daysString = '0 days';
+  let timeString = '0:0:0';
 
   if (timeSplit.length == 1) {
     // returning only timeString
@@ -18,18 +37,18 @@ function parseDateResponse(dateResponse) {
     daysString = timeSplit[0];
     timeString = timeSplit[1];
   } else {
-    throw new Error("Unexpected error with time response");
+    throw new Error('Unexpected error with time response');
   }
   const days = parseInt(daysString);
-  const time = timeString.split(":");
+  const time = timeString.split(':');
   const hours = time[0];
   const minutes = time[1];
   const seconds = time[2];
   return moment()
-    .add(days, "days")
-    .add(hours, "hours")
-    .add(minutes, "minutes")
-    .add(seconds, "seconds");
+    .add(days, 'days')
+    .add(hours, 'hours')
+    .add(minutes, 'minutes')
+    .add(seconds, 'seconds');
 }
 
 function getDefaultState() {
@@ -37,15 +56,13 @@ function getDefaultState() {
     hasSeenIntro: false,
     nextUnlockMoment: moment(),
     quizStartedMoment: moment(),
-    question: "",
-    asset: "",
+    question: '',
+    asset: '',
     rank: 0,
     maxRank: 0,
     isLastQuestion: false,
-    hints: ["", ""],
-    wrongCount: localStorage.getItem("wrongCount")
-      ? parseInt(localStorage.getItem("wrongCount"))
-      : 0,
+    hints: ['', ''],
+    wrongCount: localStorage.getItem('wrongCount') ? parseInt(localStorage.getItem('wrongCount')) : 0,
     quizHasStarted: false,
     quizHasEnded: false,
     awaitNextQuestion: false
@@ -58,41 +75,38 @@ const state = {
 
 const actions = {
   async reset({ commit }) {
-    commit("reset");
+    commit('reset');
   },
   async markAsSeen({ commit }) {
-    commit("hasSeenIntro", true);
+    commit('hasSeenIntro', true);
   },
   async addWrongCount({ state, commit }) {
-    commit("wrongCount", state.wrongCount + 1);
+    commit('wrongCount', state.wrongCount + 1);
   },
   async clearWrongCount({ commit }) {
-    commit("wrongCount", 0);
+    commit('wrongCount', 0);
   },
   async refresh({ state, commit }) {
     // get current rank and see if quiz has started
     try {
       const rank = await quiz.getRank();
-      commit("maxRank", rank.maxRank);
-      commit(
-        "quizStartedMoment",
-        moment(rank.startsOn + "+0000", "MM/DD/YYYY HH:mm   Z")
-      );
+      commit('maxRank', rank.maxRank);
+      commit('quizStartedMoment', moment(rank.startsOn + '+0000', 'MM/DD/YYYY HH:mm   Z'));
       if (rank.rank < 0) {
-        commit("quizHasStarted", false);
-        commit("awaitNextQuestion", false);
-        commit("question", "");
-        commit("asset", "");
-        commit("rank", 0);
-        commit("hints", ["", ""]);
-        commit("nextUnlockMoment", parseDateResponse(rank.timeUntilNextRank));
+        commit('quizHasStarted', false);
+        commit('awaitNextQuestion', false);
+        commit('question', '');
+        commit('asset', '');
+        commit('rank', 0);
+        commit('hints', ['', '']);
+        commit('nextUnlockMoment', parseDateResponse(rank.timeUntilNextRank));
         return;
       }
-      commit("quizHasStarted", true);
-      commit("rank", rank.rank);
+      commit('quizHasStarted', true);
+      commit('rank', rank.rank);
     } catch (err) {
       if (err.status === 403) {
-        commit("quizHasEnded", true);
+        commit('quizHasEnded', true);
         return;
       }
       throw new Error(err);
@@ -101,29 +115,26 @@ const actions = {
     // get current question and see if question is even unlocked
     try {
       const response = await quiz.getQuestion();
-      commit("awaitNextQuestion", false);
-      commit("question", response.question);
-      commit("asset", response.asset);
-      commit("rank", response.rank);
-      commit("hints", response.hints);
-      commit("nextUnlockMoment", moment());
-      commit("isLastQuestion", response.rank === state.maxRank);
+      commit('awaitNextQuestion', false);
+      commit('question', response.question);
+      commit('asset', response.asset);
+      commit('rank', response.rank);
+      commit('hints', response.hints);
+      commit('nextUnlockMoment', moment());
+      commit('isLastQuestion', response.rank === state.maxRank);
     } catch (err) {
       if (err.status === 404) {
-        commit("awaitNextQuestion", true);
-        commit("question", "");
-        commit("asset", "");
-        commit("rank", 0);
-        commit("hints", ["", ""]);
-        commit(
-          "nextUnlockMoment",
-          parseDateResponse(err.data.timeUntilNextRank)
-        );
+        commit('awaitNextQuestion', true);
+        commit('question', '');
+        commit('asset', '');
+        commit('rank', 0);
+        commit('hints', ['', '']);
+        commit('nextUnlockMoment', parseDateResponse(err.data.timeUntilNextRank));
       } else if (err.status === 401) {
-        commit("question", "");
-        commit("asset", "");
-        commit("rank", 0);
-        commit("hints", ["", ""]);
+        commit('question', '');
+        commit('asset', '');
+        commit('rank', 0);
+        commit('hints', ['', '']);
       } else {
         return Promise.reject(err);
       }
@@ -158,7 +169,7 @@ const mutations = {
   },
   wrongCount(state, value) {
     state.wrongCount = value;
-    localStorage.setItem("wrongCount", state.wrongCount);
+    localStorage.setItem('wrongCount', state.wrongCount);
   },
   hints(state, value) {
     state.hints = value;

From f6b0610447bd7619670e27a479185b32a576864b Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 11:31:51 -0800
Subject: [PATCH 18/36] adds mobile warning

---
 src/components/MobileWarning.vue | 21 +++++++++++++++++++++
 src/styles/mobile-warning.scss   | 18 ++++++++++++++++++
 src/styles/styles.scss           |  1 +
 src/views/Public/App.vue         | 13 ++++++++-----
 src/views/Voting/App.vue         | 11 +++++++----
 5 files changed, 55 insertions(+), 9 deletions(-)
 create mode 100644 src/components/MobileWarning.vue
 create mode 100644 src/styles/mobile-warning.scss

diff --git a/src/components/MobileWarning.vue b/src/components/MobileWarning.vue
new file mode 100644
index 0000000..624b147
--- /dev/null
+++ b/src/components/MobileWarning.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="mobile-warning" v-if="show">
+    <img src="/images/logo-small.png" class="mt-6 mb-6" />
+    <h2 class="mb-3">This site is not designed for mobile devices!</h2>
+    <p class="pa-10">
+      As much as we appreciate mobile first design, it does not always apply. This is a code challenge and requires full use of your brain and keyboard. Please
+      visit this page on your phone or desktop to continue.
+    </p>
+    <v-btn color="button" @click="show = false">Show me anyways</v-btn>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      show: true
+    };
+  }
+};
+</script>
diff --git a/src/styles/mobile-warning.scss b/src/styles/mobile-warning.scss
new file mode 100644
index 0000000..b65506d
--- /dev/null
+++ b/src/styles/mobile-warning.scss
@@ -0,0 +1,18 @@
+.mobile-warning {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #21252d;
+  color: white;
+  z-index: 10000;
+  text-align: center;
+  display: block;
+}
+
+@media (min-width: 600px) {
+  .mobile-warning {
+    display: none !important;
+  }
+}
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index c5d9c4c..8f022af 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -14,6 +14,7 @@
   @import "./ballot-card.scss";
   @import "./ballot-modal.scss";
   @import "./buttons.scss";
+  @import "./mobile-warning.scss";
 
   .v-alert {
     font-size: 20px;
diff --git a/src/views/Public/App.vue b/src/views/Public/App.vue
index b7aef77..fed9e93 100644
--- a/src/views/Public/App.vue
+++ b/src/views/Public/App.vue
@@ -7,18 +7,21 @@
       <router-view />
     </v-content>
     <leaderboard-bar />
+    <mobile-warning />
   </v-app>
 </template>
 
 <script>
-import AppBar from "@/components/Toolbars/AppBar";
-import QuizBar from "@/components/Toolbars/QuizBar";
-import CWHQBar from "@/components/Toolbars/CWHQBar";
-import LeaderboardBar from "@/components/Toolbars/LeaderboardBar";
+import AppBar from '@/components/Toolbars/AppBar';
+import QuizBar from '@/components/Toolbars/QuizBar';
+import CWHQBar from '@/components/Toolbars/CWHQBar';
+import LeaderboardBar from '@/components/Toolbars/LeaderboardBar';
+import MobileWarning from '@/components/MobileWarning';
 
 export default {
-  name: "App",
+  name: 'App',
   components: {
+    MobileWarning,
     AppBar,
     QuizBar,
     CWHQBar,
diff --git a/src/views/Voting/App.vue b/src/views/Voting/App.vue
index 0ed1991..dfd902e 100644
--- a/src/views/Voting/App.vue
+++ b/src/views/Voting/App.vue
@@ -5,18 +5,21 @@
     <v-content>
       <router-view />
     </v-content>
+    <mobile-warning />
   </v-app>
 </template>
 
 <script>
-import AppBar from "@/components/Toolbars/AppBar";
-import CWHQBar from "@/components/Toolbars/CWHQBar";
+import AppBar from '@/components/Toolbars/AppBar';
+import CWHQBar from '@/components/Toolbars/CWHQBar';
+import MobileWarning from '@/components/MobileWarning';
 
 export default {
-  name: "App",
+  name: 'App',
   components: {
     AppBar,
-    CWHQBar
+    CWHQBar,
+    MobileWarning
   }
 };
 </script>

From 20df57b8dbe5a5d729ce52e2fcbf0e759c184ff4 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 11:32:07 -0800
Subject: [PATCH 19/36] linter fixes

---
 src/components/MobileWarning.vue      |   5 +-
 src/components/SocialPopOver.vue      |   3 +-
 src/components/Toolbars/QuizBar.vue   |  14 +-
 src/plugins/router.js                 |   5 +-
 src/store/quiz.js                     | 142 ++++++++++---------
 src/views/Accounts/Register/Step2.vue |  60 ++++++--
 src/views/Accounts/Register/Step3.vue |  42 ++++--
 src/views/Accounts/Register/index.vue | 197 +++++++++++++++-----------
 src/views/Quiz/QuizCountdown.vue      |  20 ++-
 src/views/Voting/App.vue              |   8 +-
 10 files changed, 307 insertions(+), 189 deletions(-)

diff --git a/src/components/MobileWarning.vue b/src/components/MobileWarning.vue
index 624b147..f5f50e6 100644
--- a/src/components/MobileWarning.vue
+++ b/src/components/MobileWarning.vue
@@ -3,8 +3,9 @@
     <img src="/images/logo-small.png" class="mt-6 mb-6" />
     <h2 class="mb-3">This site is not designed for mobile devices!</h2>
     <p class="pa-10">
-      As much as we appreciate mobile first design, it does not always apply. This is a code challenge and requires full use of your brain and keyboard. Please
-      visit this page on your phone or desktop to continue.
+      As much as we appreciate mobile first design, it does not always apply.
+      This is a code challenge and requires full use of your brain and keyboard.
+      Please visit this page on your phone or desktop to continue.
     </p>
     <v-btn color="button" @click="show = false">Show me anyways</v-btn>
   </div>
diff --git a/src/components/SocialPopOver.vue b/src/components/SocialPopOver.vue
index 26307bc..360beb9 100644
--- a/src/components/SocialPopOver.vue
+++ b/src/components/SocialPopOver.vue
@@ -48,7 +48,8 @@ export default {
       },
       {
         icon: "email",
-        to: "mailto:?subject=Join%20me%20in%20the%20CodeWizardsHQ%20Code%20Challenge!"
+        to:
+          "mailto:?subject=Join%20me%20in%20the%20CodeWizardsHQ%20Code%20Challenge!"
       }
     ]
   })
diff --git a/src/components/Toolbars/QuizBar.vue b/src/components/Toolbars/QuizBar.vue
index 224e955..1623d48 100644
--- a/src/components/Toolbars/QuizBar.vue
+++ b/src/components/Toolbars/QuizBar.vue
@@ -37,13 +37,19 @@
               <a href="#" v-on="menu">Get Help</a>
             </template>
             <v-list class="list">
-              <v-list-item href="https://codewizardshq.com/challenge" target="_blank">
+              <v-list-item
+                href="https://codewizardshq.com/challenge"
+                target="_blank"
+              >
                 <v-list-item-title>Check The FAQ</v-list-item-title>
               </v-list-item>
               <v-list-item href="https://discord.gg/HKnpzjQ" target="_blank">
                 <v-list-item-title>Get Help On Discord</v-list-item-title>
               </v-list-item>
-              <v-list-item href="https://www.facebook.com/events/501020200554546/" target="_blank">
+              <v-list-item
+                href="https://www.facebook.com/events/501020200554546/"
+                target="_blank"
+              >
                 <v-list-item-title>Get Help On Facebook</v-list-item-title>
               </v-list-item>
             </v-list>
@@ -63,9 +69,9 @@
 </template>
 
 <script>
-  import {Quiz, User} from "@/store";
+import { Quiz, User } from "@/store";
 
-  export default {
+export default {
   name: "quizBar",
   computed: {
     ...User.mapState(),
diff --git a/src/plugins/router.js b/src/plugins/router.js
index 6ef0b6e..5088312 100644
--- a/src/plugins/router.js
+++ b/src/plugins/router.js
@@ -1,6 +1,6 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
-import {auth} from "@/api";
+import { auth } from "@/api";
 import store from "@/store";
 
 Vue.use(VueRouter);
@@ -47,7 +47,8 @@ const routes = [
       {
         path: "frequently-asked-questions",
         name: "faq",
-        beforeEnter: () => window.location = "https://codewizardshq.com/challenge"
+        beforeEnter: () =>
+          (window.location = "https://codewizardshq.com/challenge")
       }
     ]
   },
diff --git a/src/store/quiz.js b/src/store/quiz.js
index d4a220d..53af4d3 100644
--- a/src/store/quiz.js
+++ b/src/store/quiz.js
@@ -1,33 +1,33 @@
-import { mapState } from 'vuex';
-import { quiz } from '@/api';
-import moment from 'moment';
-import Vue from 'vue';
+import { mapState } from "vuex";
+import { quiz } from "@/api";
+import moment from "moment";
+import Vue from "vue";
 
-moment.updateLocale('en', {
+moment.updateLocale("en", {
   relativeTime: {
-    future: 'in %s',
-    past: '%s ago',
-    s: 'a few seconds',
-    ss: '%d seconds',
-    m: 'a minute',
-    mm: '%d minutes',
-    h: 'an hour',
-    hh: '%d hours',
-    d: 'a day',
-    dd: '%d days',
-    M: 'one month',
-    MM: '%d months',
-    y: 'a year',
-    yy: '%d years'
+    future: "in %s",
+    past: "%s ago",
+    s: "a few seconds",
+    ss: "%d seconds",
+    m: "a minute",
+    mm: "%d minutes",
+    h: "an hour",
+    hh: "%d hours",
+    d: "a day",
+    dd: "%d days",
+    M: "one month",
+    MM: "%d months",
+    y: "a year",
+    yy: "%d years"
   }
 });
 
-const moduleName = 'Quiz';
+const moduleName = "Quiz";
 
 function parseDateResponse(dateResponse) {
-  const timeSplit = dateResponse.split(',');
-  let daysString = '0 days';
-  let timeString = '0:0:0';
+  const timeSplit = dateResponse.split(",");
+  let daysString = "0 days";
+  let timeString = "0:0:0";
 
   if (timeSplit.length == 1) {
     // returning only timeString
@@ -37,18 +37,18 @@ function parseDateResponse(dateResponse) {
     daysString = timeSplit[0];
     timeString = timeSplit[1];
   } else {
-    throw new Error('Unexpected error with time response');
+    throw new Error("Unexpected error with time response");
   }
   const days = parseInt(daysString);
-  const time = timeString.split(':');
+  const time = timeString.split(":");
   const hours = time[0];
   const minutes = time[1];
   const seconds = time[2];
   return moment()
-    .add(days, 'days')
-    .add(hours, 'hours')
-    .add(minutes, 'minutes')
-    .add(seconds, 'seconds');
+    .add(days, "days")
+    .add(hours, "hours")
+    .add(minutes, "minutes")
+    .add(seconds, "seconds");
 }
 
 function getDefaultState() {
@@ -56,13 +56,15 @@ function getDefaultState() {
     hasSeenIntro: false,
     nextUnlockMoment: moment(),
     quizStartedMoment: moment(),
-    question: '',
-    asset: '',
+    question: "",
+    asset: "",
     rank: 0,
     maxRank: 0,
     isLastQuestion: false,
-    hints: ['', ''],
-    wrongCount: localStorage.getItem('wrongCount') ? parseInt(localStorage.getItem('wrongCount')) : 0,
+    hints: ["", ""],
+    wrongCount: localStorage.getItem("wrongCount")
+      ? parseInt(localStorage.getItem("wrongCount"))
+      : 0,
     quizHasStarted: false,
     quizHasEnded: false,
     awaitNextQuestion: false
@@ -75,38 +77,41 @@ const state = {
 
 const actions = {
   async reset({ commit }) {
-    commit('reset');
+    commit("reset");
   },
   async markAsSeen({ commit }) {
-    commit('hasSeenIntro', true);
+    commit("hasSeenIntro", true);
   },
   async addWrongCount({ state, commit }) {
-    commit('wrongCount', state.wrongCount + 1);
+    commit("wrongCount", state.wrongCount + 1);
   },
   async clearWrongCount({ commit }) {
-    commit('wrongCount', 0);
+    commit("wrongCount", 0);
   },
   async refresh({ state, commit }) {
     // get current rank and see if quiz has started
     try {
       const rank = await quiz.getRank();
-      commit('maxRank', rank.maxRank);
-      commit('quizStartedMoment', moment(rank.startsOn + '+0000', 'MM/DD/YYYY HH:mm   Z'));
+      commit("maxRank", rank.maxRank);
+      commit(
+        "quizStartedMoment",
+        moment(rank.startsOn + "+0000", "MM/DD/YYYY HH:mm   Z")
+      );
       if (rank.rank < 0) {
-        commit('quizHasStarted', false);
-        commit('awaitNextQuestion', false);
-        commit('question', '');
-        commit('asset', '');
-        commit('rank', 0);
-        commit('hints', ['', '']);
-        commit('nextUnlockMoment', parseDateResponse(rank.timeUntilNextRank));
+        commit("quizHasStarted", false);
+        commit("awaitNextQuestion", false);
+        commit("question", "");
+        commit("asset", "");
+        commit("rank", 0);
+        commit("hints", ["", ""]);
+        commit("nextUnlockMoment", parseDateResponse(rank.timeUntilNextRank));
         return;
       }
-      commit('quizHasStarted', true);
-      commit('rank', rank.rank);
+      commit("quizHasStarted", true);
+      commit("rank", rank.rank);
     } catch (err) {
       if (err.status === 403) {
-        commit('quizHasEnded', true);
+        commit("quizHasEnded", true);
         return;
       }
       throw new Error(err);
@@ -115,26 +120,29 @@ const actions = {
     // get current question and see if question is even unlocked
     try {
       const response = await quiz.getQuestion();
-      commit('awaitNextQuestion', false);
-      commit('question', response.question);
-      commit('asset', response.asset);
-      commit('rank', response.rank);
-      commit('hints', response.hints);
-      commit('nextUnlockMoment', moment());
-      commit('isLastQuestion', response.rank === state.maxRank);
+      commit("awaitNextQuestion", false);
+      commit("question", response.question);
+      commit("asset", response.asset);
+      commit("rank", response.rank);
+      commit("hints", response.hints);
+      commit("nextUnlockMoment", moment());
+      commit("isLastQuestion", response.rank === state.maxRank);
     } catch (err) {
       if (err.status === 404) {
-        commit('awaitNextQuestion', true);
-        commit('question', '');
-        commit('asset', '');
-        commit('rank', 0);
-        commit('hints', ['', '']);
-        commit('nextUnlockMoment', parseDateResponse(err.data.timeUntilNextRank));
+        commit("awaitNextQuestion", true);
+        commit("question", "");
+        commit("asset", "");
+        commit("rank", 0);
+        commit("hints", ["", ""]);
+        commit(
+          "nextUnlockMoment",
+          parseDateResponse(err.data.timeUntilNextRank)
+        );
       } else if (err.status === 401) {
-        commit('question', '');
-        commit('asset', '');
-        commit('rank', 0);
-        commit('hints', ['', '']);
+        commit("question", "");
+        commit("asset", "");
+        commit("rank", 0);
+        commit("hints", ["", ""]);
       } else {
         return Promise.reject(err);
       }
@@ -169,7 +177,7 @@ const mutations = {
   },
   wrongCount(state, value) {
     state.wrongCount = value;
-    localStorage.setItem('wrongCount', state.wrongCount);
+    localStorage.setItem("wrongCount", state.wrongCount);
   },
   hints(state, value) {
     state.hints = value;
diff --git a/src/views/Accounts/Register/Step2.vue b/src/views/Accounts/Register/Step2.vue
index d895cfe..0efe1a3 100644
--- a/src/views/Accounts/Register/Step2.vue
+++ b/src/views/Accounts/Register/Step2.vue
@@ -3,14 +3,34 @@
     <v-card-text>
       <v-row no-gutters>
         <v-col>
-          <v-text-field class="mr-5" color="input" v-bind="fields.firstName" v-model="fields.firstName.value" :disabled="isSubmitting" />
+          <v-text-field
+            class="mr-5"
+            color="input"
+            v-bind="fields.firstName"
+            v-model="fields.firstName.value"
+            :disabled="isSubmitting"
+          />
         </v-col>
         <v-col>
-          <v-text-field color="input" v-bind="fields.lastName" v-model="fields.lastName.value" :disabled="isSubmitting" />
+          <v-text-field
+            color="input"
+            v-bind="fields.lastName"
+            v-model="fields.lastName.value"
+            :disabled="isSubmitting"
+          />
         </v-col>
       </v-row>
-      <v-text-field color="input" v-bind="fields.studentEmail" v-model="fields.studentEmail.value" :disabled="isSubmitting" />
-      <v-select v-bind="fields.age" v-model="fields.age.value" :disabled="isSubmitting" />
+      <v-text-field
+        color="input"
+        v-bind="fields.studentEmail"
+        v-model="fields.studentEmail.value"
+        :disabled="isSubmitting"
+      />
+      <v-select
+        v-bind="fields.age"
+        v-model="fields.age.value"
+        :disabled="isSubmitting"
+      />
       <!-- <date-of-birth-field
         :label="fields.dateOfBirth.label"
         v-model="fields.dateOfBirth.value"
@@ -21,13 +41,19 @@
       <v-alert colored-border icon="mdi-firework">
         You are not 13 years of age.
         <p>
-          In order to continue with the code challenge you must have your parent's permission. Have your parent or guardian complete the rest of this page.
+          In order to continue with the code challenge you must have your
+          parent's permission. Have your parent or guardian complete the rest of
+          this page.
         </p>
         <v-switch
           v-model="hasParentConsent"
           color="button"
           class="mx-2"
-          :rules="[v => !!v || 'Please have your parent or guardian review this form before continuing']"
+          :rules="[
+            v =>
+              !!v ||
+              'Please have your parent or guardian review this form before continuing'
+          ]"
           :label="
             'I, the parent or guardian of ' +
               this.fields.firstName.value +
@@ -40,11 +66,21 @@
     </v-card-text>
 
     <v-card-actions>
-      <v-btn color="button" @click="() => $emit('back')" :disabled="isSubmitting">Back</v-btn>
+      <v-btn
+        color="button"
+        @click="() => $emit('back')"
+        :disabled="isSubmitting"
+        >Back</v-btn
+      >
       <v-spacer />
       <v-btn color="button" type="submit" :disabled="isSubmitting">
         Next
-        <v-progress-circular size="14" class="ml-3" indeterminate v-if="isSubmitting" />
+        <v-progress-circular
+          size="14"
+          class="ml-3"
+          indeterminate
+          v-if="isSubmitting"
+        />
       </v-btn>
     </v-card-actions>
   </v-form>
@@ -52,11 +88,11 @@
 
 <script>
 export default {
-  name: 'register-step-2',
-  props: ['fields'],
+  name: "register-step-2",
+  props: ["fields"],
   computed: {
     needsParentConsent() {
-      return this.fields.age.value === '12 years old or lower';
+      return this.fields.age.value === "12 years old or lower";
     }
   },
   methods: {
@@ -68,7 +104,7 @@ export default {
       const cb = () => {
         this.isSubmitting = false;
       };
-      this.$emit('submit', cb);
+      this.$emit("submit", cb);
     },
     validate() {
       if (this.$refs.form.validate()) {
diff --git a/src/views/Accounts/Register/Step3.vue b/src/views/Accounts/Register/Step3.vue
index b6ff203..ff704e5 100644
--- a/src/views/Accounts/Register/Step3.vue
+++ b/src/views/Accounts/Register/Step3.vue
@@ -3,21 +3,47 @@
     <v-card-text>
       <v-row no-gutters>
         <v-col>
-          <v-text-field class="mr-5" color="input" v-bind="fields.parentFirstName" v-model="fields.parentFirstName.value" :disabled="isSubmitting" />
+          <v-text-field
+            class="mr-5"
+            color="input"
+            v-bind="fields.parentFirstName"
+            v-model="fields.parentFirstName.value"
+            :disabled="isSubmitting"
+          />
         </v-col>
         <v-col>
-          <v-text-field color="input" v-bind="fields.parentLastName" v-model="fields.parentLastName.value" :disabled="isSubmitting" />
+          <v-text-field
+            color="input"
+            v-bind="fields.parentLastName"
+            v-model="fields.parentLastName.value"
+            :disabled="isSubmitting"
+          />
         </v-col>
       </v-row>
-      <v-text-field color="input" v-bind="fields.parentEmail" v-model="fields.parentEmail.value" :disabled="isSubmitting" />
+      <v-text-field
+        color="input"
+        v-bind="fields.parentEmail"
+        v-model="fields.parentEmail.value"
+        :disabled="isSubmitting"
+      />
     </v-card-text>
 
     <v-card-actions>
-      <v-btn color="button" @click="() => $emit('back')" :disabled="isSubmitting">Back</v-btn>
+      <v-btn
+        color="button"
+        @click="() => $emit('back')"
+        :disabled="isSubmitting"
+        >Back</v-btn
+      >
       <v-spacer />
       <v-btn color="button" type="submit" :disabled="isSubmitting">
         Next
-        <v-progress-circular size="14" class="ml-3" indeterminate v-if="isSubmitting" />
+        <v-progress-circular
+          size="14"
+          class="ml-3"
+          indeterminate
+          v-if="isSubmitting"
+        />
       </v-btn>
     </v-card-actions>
   </v-form>
@@ -25,8 +51,8 @@
 
 <script>
 export default {
-  name: 'register-step-3',
-  props: ['fields'],
+  name: "register-step-3",
+  props: ["fields"],
   components: {},
   methods: {
     async submit() {
@@ -37,7 +63,7 @@ export default {
       const cb = () => {
         this.isSubmitting = false;
       };
-      this.$emit('submit', cb);
+      this.$emit("submit", cb);
     },
     validate() {
       if (this.$refs.form.validate()) {
diff --git a/src/views/Accounts/Register/index.vue b/src/views/Accounts/Register/index.vue
index 4a9d91a..5c6dc30 100644
--- a/src/views/Accounts/Register/index.vue
+++ b/src/views/Accounts/Register/index.vue
@@ -9,19 +9,36 @@
 
           <v-stepper v-model="stepperIndex">
             <v-stepper-header class="elevation-0">
-              <v-stepper-step color="button" :complete="stepperIndex > 1" step="1">Account Details</v-stepper-step>
+              <v-stepper-step
+                color="button"
+                :complete="stepperIndex > 1"
+                step="1"
+                >Account Details</v-stepper-step
+              >
 
               <v-divider></v-divider>
 
-              <v-stepper-step color="button" :complete="stepperIndex > 2" step="2">Student Details</v-stepper-step>
+              <v-stepper-step
+                color="button"
+                :complete="stepperIndex > 2"
+                step="2"
+                >Student Details</v-stepper-step
+              >
 
               <v-divider></v-divider>
 
-              <v-stepper-step color="button" :complete="stepperIndex > 3" step="3">Parent Details</v-stepper-step>
+              <v-stepper-step
+                color="button"
+                :complete="stepperIndex > 3"
+                step="3"
+                >Parent Details</v-stepper-step
+              >
 
               <v-divider></v-divider>
 
-              <v-stepper-step color="button" step="4">Terms Of Use</v-stepper-step>
+              <v-stepper-step color="button" step="4"
+                >Terms Of Use</v-stepper-step
+              >
             </v-stepper-header>
 
             <v-stepper-items>
@@ -49,13 +66,13 @@
 </template>
 
 <script>
-import PageCard from '@/components/PageCard';
-import Step1 from './Step1';
-import Step2 from './Step2';
-import Step3 from './Step3';
-import Step4 from './Step4';
+import PageCard from "@/components/PageCard";
+import Step1 from "./Step1";
+import Step2 from "./Step2";
+import Step3 from "./Step3";
+import Step4 from "./Step4";
 
-import * as api from '@/api';
+import * as api from "@/api";
 
 export default {
   components: {
@@ -83,7 +100,10 @@ export default {
       this.isSubmitting = true;
       try {
         await api.auth.createAccount({
-          foundUs: this.fields.heardAboutUs === 'Other' ? this.fields.heardAboutUsText.value : this.fields.heardAboutUs.value,
+          foundUs:
+            this.fields.heardAboutUs === "Other"
+              ? this.fields.heardAboutUsText.value
+              : this.fields.heardAboutUs.value,
           studentFirstName: this.fields.firstName.value,
           studentLastName: this.fields.lastName.value,
           parentFirstName: this.fields.parentFirstName.value,
@@ -91,20 +111,20 @@ export default {
           username: this.fields.username.value,
           parentEmail: this.fields.parentEmail.value,
           studentEmail: this.fields.studentEmail.value,
-          DOB: parseInt(this.fields.age.value) + '',
+          DOB: parseInt(this.fields.age.value) + "",
           password: this.fields.password.value
         });
-        localStorage.setItem('lastUsername', this.fields.username.value);
-        this.$store.dispatch('Snackbar/showInfo', 'Successfully Logged In');
+        localStorage.setItem("lastUsername", this.fields.username.value);
+        this.$store.dispatch("Snackbar/showInfo", "Successfully Logged In");
         this.isSubmitting = false;
         this.stepperIndex = 0;
-        this.$router.push({ name: 'quiz' });
+        this.$router.push({ name: "quiz" });
       } catch (err) {
         alert(err.message);
         // eslint-disable-next-line no-console
         console.error(err);
         this.isSubmitting = false;
-        this.$store.dispatch('Snackbar/showError', err);
+        this.$store.dispatch("Snackbar/showError", err);
       }
       cb();
     }
@@ -115,11 +135,15 @@ export default {
       stepperIndex: 1,
       fields: {
         username: {
-          label: 'Username',
-          hint: 'You will use this to log in',
-          type: 'text',
-          value: '',
-          rules: [v => !!v || 'Please provide a username', () => !this.fields.username.inUse || 'This username is already in use'],
+          label: "Username",
+          hint: "You will use this to log in",
+          type: "text",
+          value: "",
+          rules: [
+            v => !!v || "Please provide a username",
+            () =>
+              !this.fields.username.inUse || "This username is already in use"
+          ],
           inUse: false,
           requestCount: 0,
           requestIndex: 0,
@@ -127,110 +151,119 @@ export default {
         },
         parentEmail: {
           label: "Parent's E-mail Address",
-          type: 'email',
-          value: '',
-          rules: [v => !!v || 'Please provide a email']
+          type: "email",
+          value: "",
+          rules: [v => !!v || "Please provide a email"]
         },
         studentEmail: {
           label: "Student's E-mail Address (optional)",
-          type: 'email',
-          value: ''
+          type: "email",
+          value: ""
         },
         password: {
-          label: 'Password',
-          type: 'password',
-          autocomplete: 'new-password',
-          value: '',
+          label: "Password",
+          type: "password",
+          autocomplete: "new-password",
+          value: "",
           rules: [
             v => !!v || "Don't forget to give a password",
-            v => v.length >= 8 || 'Password must be at least 8 characters',
-            v => v.length < 100 || 'Password must be at less than 100 characters'
+            v => v.length >= 8 || "Password must be at least 8 characters",
+            v =>
+              v.length < 100 || "Password must be at less than 100 characters"
           ]
         },
         passwordConfirm: {
-          label: 'Confirm Password',
-          type: 'password',
-          value: '',
-          rules: [v => v == this.fields.password.value || 'Passwords do not match']
+          label: "Confirm Password",
+          type: "password",
+          value: "",
+          rules: [
+            v => v == this.fields.password.value || "Passwords do not match"
+          ]
         },
         firstName: {
           label: "Student's First Name",
-          type: 'text',
-          value: '',
-          rules: [v => !!v || 'Please tell us your name']
+          type: "text",
+          value: "",
+          rules: [v => !!v || "Please tell us your name"]
         },
         lastName: {
           label: "Student's Last Name",
-          type: 'text',
-          value: '',
-          rules: [v => !!v || 'Please tell us your name']
+          type: "text",
+          value: "",
+          rules: [v => !!v || "Please tell us your name"]
         },
         parentFirstName: {
           label: "Parent's First Name",
-          type: 'text',
-          value: '',
-          rules: [v => !!v || 'Please tell us your name']
+          type: "text",
+          value: "",
+          rules: [v => !!v || "Please tell us your name"]
         },
         parentLastName: {
           label: "Parent's Last Name",
-          type: 'text',
-          value: '',
-          rules: [v => !!v || 'Please tell us your name']
+          type: "text",
+          value: "",
+          rules: [v => !!v || "Please tell us your name"]
         },
         heardAboutUs: {
-          label: 'How did you hear about the Code Challange?',
-          type: 'select',
+          label: "How did you hear about the Code Challange?",
+          type: "select",
           items: [
-            'Choose an option',
+            "Choose an option",
             "I'm a CodeWizardsHQ Student",
-            'CWHQ newsletter',
-            'CWHQ website',
-            'Facebook, Twitter, Instagram, or LinkedIn',
-            'Friend or family member ',
-            'Google or search engine',
-            'Your school or PTA',
-            'Other'
+            "CWHQ newsletter",
+            "CWHQ website",
+            "Facebook, Twitter, Instagram, or LinkedIn",
+            "Friend or family member ",
+            "Google or search engine",
+            "Your school or PTA",
+            "Other"
           ],
-          value: 'Choose an option',
-          rules: [v => v !== 'Choose an option' || 'Please choose an option']
+          value: "Choose an option",
+          rules: [v => v !== "Choose an option" || "Please choose an option"]
         },
         heardAboutUsText: {
-          label: 'Tell us where you heard about the Code Challenge!',
-          type: 'text',
-          value: '',
-          rules: [v => !!v || 'Please tell us where you heard about the code challenge']
+          label: "Tell us where you heard about the Code Challenge!",
+          type: "text",
+          value: "",
+          rules: [
+            v =>
+              !!v || "Please tell us where you heard about the code challenge"
+          ]
         },
         dateOfBirth: {
           label: "Student's Date Of Birth",
-          type: 'date',
+          type: "date",
           value: new Date().toISOString().substr(0, 10),
-          rules: [v => !!v || 'Please enter a date of birth']
+          rules: [v => !!v || "Please enter a date of birth"]
         },
         age: {
-          label: 'Hold old is the student?',
-          type: 'select',
+          label: "Hold old is the student?",
+          type: "select",
           items: [
-            'Choose an option',
-            '12 years old or lower',
-            '13 years old',
-            '14 years old',
-            '15 years old',
-            '16 years old',
-            '17 years old',
-            '18 years old or older'
+            "Choose an option",
+            "12 years old or lower",
+            "13 years old",
+            "14 years old",
+            "15 years old",
+            "16 years old",
+            "17 years old",
+            "18 years old or older"
           ],
-          value: 'Choose an option',
-          rules: [v => v !== 'Choose an option' || 'Please choose an option']
+          value: "Choose an option",
+          rules: [v => v !== "Choose an option" || "Please choose an option"]
         },
         tos: {
-          label: 'I agree to the Terms of Use and Privacy Policy',
+          label: "I agree to the Terms of Use and Privacy Policy",
           value: false,
-          rules: [v => !!v || 'You must agree to the Terms of Use and Privacy Policy']
+          rules: [
+            v => !!v || "You must agree to the Terms of Use and Privacy Policy"
+          ]
         },
         tos2: {
-          label: 'I agree to receive Code Challenge related updates and offers (you may unsubscribe at any time)',
+          label:
+            "I agree to receive Code Challenge related updates and offers (you may unsubscribe at any time)",
           value: false,
-          rules: [v => !!v || 'You must agree to recieve e-mail']
+          rules: [v => !!v || "You must agree to recieve e-mail"]
         }
       }
     };
diff --git a/src/views/Quiz/QuizCountdown.vue b/src/views/Quiz/QuizCountdown.vue
index b22395b..5880f9b 100644
--- a/src/views/Quiz/QuizCountdown.vue
+++ b/src/views/Quiz/QuizCountdown.vue
@@ -37,7 +37,13 @@
             icon
             ><v-icon>mdi-facebook</v-icon></v-btn
           >
-          <v-btn class="mt-5" :style="{ backgroundColor: 'white !important' }" x-large color="blue" href="https://www.facebook.com/events/501020200554546/" icon
+          <v-btn
+            class="mt-5"
+            :style="{ backgroundColor: 'white !important' }"
+            x-large
+            color="blue"
+            href="https://www.facebook.com/events/501020200554546/"
+            icon
             ><v-icon>mdi-twitter</v-icon></v-btn
           >
         </template>
@@ -48,11 +54,11 @@
 </template>
 
 <script>
-import QuizNeedHelp from '@/components/QuizNeedHelp';
-import QuizScroll from '@/components/QuizScroll';
-import { Quiz, User } from '@/store';
+import QuizNeedHelp from "@/components/QuizNeedHelp";
+import QuizScroll from "@/components/QuizScroll";
+import { Quiz, User } from "@/store";
 export default {
-  name: 'quiz',
+  name: "quiz",
   components: {
     QuizScroll,
     QuizNeedHelp
@@ -63,8 +69,8 @@ export default {
   },
   methods: {
     async onClick() {
-      await this.$store.dispatch('Quiz/markAsSeen');
-      this.$router.push({ name: 'quiz' });
+      await this.$store.dispatch("Quiz/markAsSeen");
+      this.$router.push({ name: "quiz" });
     }
   }
 };
diff --git a/src/views/Voting/App.vue b/src/views/Voting/App.vue
index dfd902e..7ff0c88 100644
--- a/src/views/Voting/App.vue
+++ b/src/views/Voting/App.vue
@@ -10,12 +10,12 @@
 </template>
 
 <script>
-import AppBar from '@/components/Toolbars/AppBar';
-import CWHQBar from '@/components/Toolbars/CWHQBar';
-import MobileWarning from '@/components/MobileWarning';
+import AppBar from "@/components/Toolbars/AppBar";
+import CWHQBar from "@/components/Toolbars/CWHQBar";
+import MobileWarning from "@/components/MobileWarning";
 
 export default {
-  name: 'App',
+  name: "App",
   components: {
     AppBar,
     CWHQBar,

From fb3b9667772ef8f1e707f717cd80b74c7d080fc2 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 11:37:05 -0800
Subject: [PATCH 20/36] changes content

---
 src/components/MobileWarning.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/MobileWarning.vue b/src/components/MobileWarning.vue
index f5f50e6..dda3820 100644
--- a/src/components/MobileWarning.vue
+++ b/src/components/MobileWarning.vue
@@ -1,11 +1,9 @@
 <template>
   <div class="mobile-warning" v-if="show">
     <img src="/images/logo-small.png" class="mt-6 mb-6" />
-    <h2 class="mb-3">This site is not designed for mobile devices!</h2>
+    <h2 class="mb-3">Come back on your desktop!</h2>
     <p class="pa-10">
-      As much as we appreciate mobile first design, it does not always apply.
-      This is a code challenge and requires full use of your brain and keyboard.
-      Please visit this page on your phone or desktop to continue.
+      Our Coding Challenge platform was not created for mobile phones. Please visit challenge.codewizardshq.com from your desktop for the best experience.
     </p>
     <v-btn color="button" @click="show = false">Show me anyways</v-btn>
   </div>

From 412dfe706363370124afa06e372b5310405e2358 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 11:40:18 -0800
Subject: [PATCH 21/36] adds github links

---
 src/components/MobileWarning.vue    | 4 +++-
 src/components/QuizNeedHelp.vue     | 3 +++
 src/components/Toolbars/CWHQBar.vue | 4 +++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/MobileWarning.vue b/src/components/MobileWarning.vue
index dda3820..20c0eee 100644
--- a/src/components/MobileWarning.vue
+++ b/src/components/MobileWarning.vue
@@ -3,7 +3,9 @@
     <img src="/images/logo-small.png" class="mt-6 mb-6" />
     <h2 class="mb-3">Come back on your desktop!</h2>
     <p class="pa-10">
-      Our Coding Challenge platform was not created for mobile phones. Please visit challenge.codewizardshq.com from your desktop for the best experience.
+      Our Coding Challenge platform was not created for mobile phones. Please
+      visit challenge.codewizardshq.com from your desktop for the best
+      experience.
     </p>
     <v-btn color="button" @click="show = false">Show me anyways</v-btn>
   </div>
diff --git a/src/components/QuizNeedHelp.vue b/src/components/QuizNeedHelp.vue
index 47997ee..006736e 100644
--- a/src/components/QuizNeedHelp.vue
+++ b/src/components/QuizNeedHelp.vue
@@ -19,6 +19,9 @@
               </v-btn>
             </v-col>
           </v-row>
+          <a class="mt-6" href="https://github.com/codewizardshq/code-challenge"
+            >Check out the source code on Github!</a
+          >
         </v-card-text>
       </v-card>
     </v-dialog>
diff --git a/src/components/Toolbars/CWHQBar.vue b/src/components/Toolbars/CWHQBar.vue
index 537a5cb..76f8f84 100644
--- a/src/components/Toolbars/CWHQBar.vue
+++ b/src/components/Toolbars/CWHQBar.vue
@@ -1,7 +1,9 @@
 <template>
   <v-toolbar class="cwhq-bar" :height="height" :max-height="height">
     <v-container>
-      <v-spacer />
+      <a href="https://github.com/codewizardshq/code-challenge"
+        >See the source on Github</a
+      >
       <a href="https://codewizardshq.com/challenge">Back to CodeWizardsHQ</a>
     </v-container>
   </v-toolbar>

From ef6bd002692e300fb99ab73a6d304b827a7ffd97 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 11:49:58 -0800
Subject: [PATCH 22/36] adds twitter link

I accidentally put facebook the first time
---
 src/views/Quiz/QuizCountdown.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Quiz/QuizCountdown.vue b/src/views/Quiz/QuizCountdown.vue
index b22395b..49d7704 100644
--- a/src/views/Quiz/QuizCountdown.vue
+++ b/src/views/Quiz/QuizCountdown.vue
@@ -37,7 +37,7 @@
             icon
             ><v-icon>mdi-facebook</v-icon></v-btn
           >
-          <v-btn class="mt-5" :style="{ backgroundColor: 'white !important' }" x-large color="blue" href="https://www.facebook.com/events/501020200554546/" icon
+          <v-btn class="mt-5" :style="{ backgroundColor: 'white !important' }" x-large color="blue" href="https://twitter.com/CodeWizardsHQ" icon
             ><v-icon>mdi-twitter</v-icon></v-btn
           >
         </template>

From 46dc958cb7c7427ea5ea7048a837ee75406c299f Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 12:26:20 -0800
Subject: [PATCH 23/36] more font and label adjustments for forms

---
 src/styles/styles.scss                | 44 +++++++++++++++++----------
 src/views/Accounts/Register/Step1.vue |  1 +
 src/views/Accounts/Register/Step2.vue |  4 ++-
 src/views/Accounts/Register/index.vue | 26 +++++++++++-----
 4 files changed, 50 insertions(+), 25 deletions(-)

diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 8f022af..7b88cc4 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -1,20 +1,20 @@
 .cwhq-app {
-  @import "./colors.scss";
-  @import "./application.scss";
-  @import "./quiz-scroll.scss";
-  @import "./quiz-answer.scss";
-  @import "./quiz-need-help.scss";
-  @import "./quiz-bar-rank.scss";
-  @import "./content.scss";
-  @import "./social-pop-over.scss";
-  @import "./casing.scss";
-  @import "./cwhq-bar.scss";
-  @import "./quiz-bar.scss";
-  @import "./leaderboard-bar.scss";
-  @import "./ballot-card.scss";
-  @import "./ballot-modal.scss";
-  @import "./buttons.scss";
-  @import "./mobile-warning.scss";
+  @import './colors.scss';
+  @import './application.scss';
+  @import './quiz-scroll.scss';
+  @import './quiz-answer.scss';
+  @import './quiz-need-help.scss';
+  @import './quiz-bar-rank.scss';
+  @import './content.scss';
+  @import './social-pop-over.scss';
+  @import './casing.scss';
+  @import './cwhq-bar.scss';
+  @import './quiz-bar.scss';
+  @import './leaderboard-bar.scss';
+  @import './ballot-card.scss';
+  @import './ballot-modal.scss';
+  @import './buttons.scss';
+  @import './mobile-warning.scss';
 
   .v-alert {
     font-size: 20px;
@@ -22,6 +22,7 @@
 
   .v-input {
     font-size: 20px;
+    margin-bottom: 12px;
   }
 
   .v-messages {
@@ -35,3 +36,14 @@
     }
   }
 }
+
+.v-form {
+  .v-select__slot {
+    padding-top: 10px;
+  }
+
+  label {
+    font-size: 22px !important;
+    top: -2px;
+  }
+}
diff --git a/src/views/Accounts/Register/Step1.vue b/src/views/Accounts/Register/Step1.vue
index 3ed9daf..dd7cf13 100644
--- a/src/views/Accounts/Register/Step1.vue
+++ b/src/views/Accounts/Register/Step1.vue
@@ -26,6 +26,7 @@
       />
 
       <v-select
+        single-line
         color="input"
         v-bind="fields.heardAboutUs"
         v-model="fields.heardAboutUs.value"
diff --git a/src/views/Accounts/Register/Step2.vue b/src/views/Accounts/Register/Step2.vue
index 0efe1a3..fcda302 100644
--- a/src/views/Accounts/Register/Step2.vue
+++ b/src/views/Accounts/Register/Step2.vue
@@ -27,6 +27,7 @@
         :disabled="isSubmitting"
       />
       <v-select
+        single-line
         v-bind="fields.age"
         v-model="fields.age.value"
         :disabled="isSubmitting"
@@ -92,7 +93,8 @@ export default {
   props: ["fields"],
   computed: {
     needsParentConsent() {
-      return this.fields.age.value === "12 years old or lower";
+      const ageNum = parseInt(this.fields.age.value);
+      return ageNum < 13;
     }
   },
   methods: {
diff --git a/src/views/Accounts/Register/index.vue b/src/views/Accounts/Register/index.vue
index 5c6dc30..4b69ac0 100644
--- a/src/views/Accounts/Register/index.vue
+++ b/src/views/Accounts/Register/index.vue
@@ -208,7 +208,7 @@ export default {
           label: "How did you hear about the Code Challange?",
           type: "select",
           items: [
-            "Choose an option",
+            "How did you hear about the Code Challange?",
             "I'm a CodeWizardsHQ Student",
             "CWHQ newsletter",
             "CWHQ website",
@@ -218,8 +218,12 @@ export default {
             "Your school or PTA",
             "Other"
           ],
-          value: "Choose an option",
-          rules: [v => v !== "Choose an option" || "Please choose an option"]
+          value: "How did you hear about the Code Challange?",
+          rules: [
+            v =>
+              v !== "How did you hear about the Code Challange?" ||
+              "Please choose an option"
+          ]
         },
         heardAboutUsText: {
           label: "Tell us where you heard about the Code Challenge!",
@@ -237,11 +241,15 @@ export default {
           rules: [v => !!v || "Please enter a date of birth"]
         },
         age: {
-          label: "Hold old is the student?",
+          label: "How old is the student?",
           type: "select",
           items: [
-            "Choose an option",
-            "12 years old or lower",
+            "How old is the student?",
+            "8 years old",
+            "9 years old",
+            "10 years old",
+            "11 years old",
+            "12 years old",
             "13 years old",
             "14 years old",
             "15 years old",
@@ -249,8 +257,10 @@ export default {
             "17 years old",
             "18 years old or older"
           ],
-          value: "Choose an option",
-          rules: [v => v !== "Choose an option" || "Please choose an option"]
+          value: "How old is the student?",
+          rules: [
+            v => v !== "How old is the student?" || "Please choose an option"
+          ]
         },
         tos: {
           label: "I agree to the Terms of Use and Privacy Policy",

From e414718ad389c2c468687b1258b59fcb1b4c4c31 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 16:28:17 -0800
Subject: [PATCH 24/36] Update CWHQBar.vue

---
 src/components/Toolbars/CWHQBar.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/Toolbars/CWHQBar.vue b/src/components/Toolbars/CWHQBar.vue
index 76f8f84..5738725 100644
--- a/src/components/Toolbars/CWHQBar.vue
+++ b/src/components/Toolbars/CWHQBar.vue
@@ -1,9 +1,6 @@
 <template>
   <v-toolbar class="cwhq-bar" :height="height" :max-height="height">
     <v-container>
-      <a href="https://github.com/codewizardshq/code-challenge"
-        >See the source on Github</a
-      >
       <a href="https://codewizardshq.com/challenge">Back to CodeWizardsHQ</a>
     </v-container>
   </v-toolbar>

From 48ba94b9b526ad88de7bd4aa7f78f68f21737586 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Thu, 20 Feb 2020 16:30:52 -0800
Subject: [PATCH 25/36] Update QuizNeedHelp.vue

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

diff --git a/src/components/QuizNeedHelp.vue b/src/components/QuizNeedHelp.vue
index 006736e..10bc983 100644
--- a/src/components/QuizNeedHelp.vue
+++ b/src/components/QuizNeedHelp.vue
@@ -20,7 +20,7 @@
             </v-col>
           </v-row>
           <a class="mt-6" href="https://github.com/codewizardshq/code-challenge"
-            >Check out the source code on Github!</a
+            >Check out the source code on GitHub!</a
           >
         </v-card-text>
       </v-card>

From a0191b42082a073a9fc4778ca17150f3ac80b389 Mon Sep 17 00:00:00 2001
From: Kyle Askew <net8floz@gmail.com>
Date: Fri, 21 Feb 2020 13:46:17 -0800
Subject: [PATCH 26/36] Update QuizCountdown.vue

---
 src/views/Quiz/QuizCountdown.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Quiz/QuizCountdown.vue b/src/views/Quiz/QuizCountdown.vue
index 9a75727..a929a12 100644
--- a/src/views/Quiz/QuizCountdown.vue
+++ b/src/views/Quiz/QuizCountdown.vue
@@ -26,7 +26,7 @@
         <template v-slot:title>Woah Slow Down!</template>
         <template v-slot:default>
           <p class="text-center">The challenge has not yet begun!</p>
-          <p>Challenge begins in {{ Quiz.quizStartedMoment.fromNow() }}</p>
+          <p>Challenge begins {{ Quiz.quizStartedMoment.fromNow() }}</p>
           <p>Challenge starts April 3rd</p>
           <v-btn
             class="mr-3 mt-5"

From ed449f56b59a64e8cad59fd0a7206ce103e44e8f Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Fri, 21 Feb 2020 21:48:47 -0500
Subject: [PATCH 27/36] update event dates in FAQ

---
 src/views/Public/FAQ/index.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/Public/FAQ/index.vue b/src/views/Public/FAQ/index.vue
index ac2156f..147c06c 100644
--- a/src/views/Public/FAQ/index.vue
+++ b/src/views/Public/FAQ/index.vue
@@ -9,7 +9,7 @@
 
           <FAQ-card>
             <template #title>How do I sign up for the challenge? </template>
-            Create an account anytime until Mar 20 at
+            Create an account anytime until April 3rd at
             <router-link :to="{ name: 'register' }"
               >https://challenge.codewizardshq.com/create-account </router-link
             >. You will need a parent's email address to sign up.
@@ -17,9 +17,9 @@
 
           <FAQ-card>
             <template #title>How do I play the challenge? </template>
-            Login every day between March 1-21 to answer a challenge question.
+            Login every day between April 3-24 to answer a challenge question.
             When you get the question right, you will move on to the next level.
-            You can answer questions as many times as you want until March 21
+            You can answer questions as many times as you want until April 23
             11:59 PM. If you have answered all 21 questions correctly, you will
             move on to the boss challenge. Challengers who place in the boss
             challenge will win a $100 CWHQ gift card plus a cash prize.
@@ -105,10 +105,10 @@
 </template>
 
 <script>
-import PageCard from "@/components/PageCard";
-import FAQCard from "./FAQCard";
+  import PageCard from "@/components/PageCard";
+  import FAQCard from "./FAQCard";
 
-export default {
+  export default {
   name: "faq",
   components: {
     PageCard,

From 5611238121f3ffcb62de6620a92eff8275223d57 Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Fri, 21 Feb 2020 21:51:48 -0500
Subject: [PATCH 28/36] Revert "change FAQ to redirect to
 https://codewizardshq.com/challenge/"

This reverts commit 7b3efeb5474ec097e86f11cdecdc3b22374a8cc9.

# Conflicts:
#	src/components/Toolbars/QuizBar.vue
#	src/plugins/router.js
---
 src/components/Toolbars/QuizBar.vue | 7 ++-----
 src/plugins/router.js               | 3 +--
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/Toolbars/QuizBar.vue b/src/components/Toolbars/QuizBar.vue
index 1623d48..e3174df 100644
--- a/src/components/Toolbars/QuizBar.vue
+++ b/src/components/Toolbars/QuizBar.vue
@@ -37,10 +37,7 @@
               <a href="#" v-on="menu">Get Help</a>
             </template>
             <v-list class="list">
-              <v-list-item
-                href="https://codewizardshq.com/challenge"
-                target="_blank"
-              >
+              <v-list-item :to="{ name: 'faq' }">
                 <v-list-item-title>Check The FAQ</v-list-item-title>
               </v-list-item>
               <v-list-item href="https://discord.gg/HKnpzjQ" target="_blank">
@@ -69,7 +66,7 @@
 </template>
 
 <script>
-import { Quiz, User } from "@/store";
+import { User, Quiz } from "@/store";
 
 export default {
   name: "quizBar",
diff --git a/src/plugins/router.js b/src/plugins/router.js
index 5088312..a0cbd85 100644
--- a/src/plugins/router.js
+++ b/src/plugins/router.js
@@ -47,8 +47,7 @@ const routes = [
       {
         path: "frequently-asked-questions",
         name: "faq",
-        beforeEnter: () =>
-          (window.location = "https://codewizardshq.com/challenge")
+        component: () => import("@/views/Public/FAQ")
       }
     ]
   },

From 88a7397a222057b4a88f6269e347f76c898527b0 Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Fri, 21 Feb 2020 21:52:50 -0500
Subject: [PATCH 29/36] missed FAQ date

---
 src/views/Public/FAQ/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Public/FAQ/index.vue b/src/views/Public/FAQ/index.vue
index 147c06c..088b880 100644
--- a/src/views/Public/FAQ/index.vue
+++ b/src/views/Public/FAQ/index.vue
@@ -19,7 +19,7 @@
             <template #title>How do I play the challenge? </template>
             Login every day between April 3-24 to answer a challenge question.
             When you get the question right, you will move on to the next level.
-            You can answer questions as many times as you want until April 23
+            You can answer questions as many times as you want until April 24
             11:59 PM. If you have answered all 21 questions correctly, you will
             move on to the boss challenge. Challengers who place in the boss
             challenge will win a $100 CWHQ gift card plus a cash prize.

From 63d9a30dac76b7d5f002e9b611e87f9621b8da7f Mon Sep 17 00:00:00 2001
From: Samuel Hoffman <samuelhoffman2@gmail.com>
Date: Mon, 24 Feb 2020 18:13:51 -0500
Subject: [PATCH 30/36] slack: add `!foundus` command for Margaret

---
 CodeChallenge/api/slack.py | 16 ++++++++++++++++
 CodeChallenge/core.py      |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/CodeChallenge/api/slack.py b/CodeChallenge/api/slack.py
index 43689b5..3b569b9 100644
--- a/CodeChallenge/api/slack.py
+++ b/CodeChallenge/api/slack.py
@@ -4,8 +4,11 @@
 
 import requests
 from flask import Blueprint, request, jsonify, current_app, abort
+from sqlalchemy import func
 
 from .. import core
+from ..auth import Users
+from ..models import db
 
 bp = Blueprint("slackapi", __name__, url_prefix="/api/v1/slack")
 
@@ -60,6 +63,19 @@ def handle_message(text, channel):
 
         post_message(channel, resp)
 
+    if command == "foundus":
+        found_us = db.session.query(Users.found_us,
+                                    func.count(Users.found_us)) \
+            .group_by(Users.found_us) \
+            .order_by(Users.found_us) \
+            .all()
+
+        resp = ""
+        for row in found_us:
+            resp += f"*{row[0]}*: {row[1]}\n"
+
+        post_message(channel, resp)
+
 
 @bp.route("/event", methods=["POST"])
 def slack_event():
diff --git a/CodeChallenge/core.py b/CodeChallenge/core.py
index a1b4f6a..cde9aa2 100644
--- a/CodeChallenge/core.py
+++ b/CodeChallenge/core.py
@@ -72,4 +72,4 @@ def challenge_ended() -> bool:
 
 
 def user_count() -> int:
-    return db.session.query(func.count(Users)).scalar()
+    return db.session.query(func.count(Users.id)).scalar()

From bba0dc1cd4e2d4503335c11cf8b41781711f52af Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Tue, 25 Feb 2020 10:57:49 -0800
Subject: [PATCH 31/36] fixes other property in registration

---
 src/views/Accounts/Register/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Accounts/Register/index.vue b/src/views/Accounts/Register/index.vue
index 4b69ac0..6d5b442 100644
--- a/src/views/Accounts/Register/index.vue
+++ b/src/views/Accounts/Register/index.vue
@@ -101,7 +101,7 @@ export default {
       try {
         await api.auth.createAccount({
           foundUs:
-            this.fields.heardAboutUs === "Other"
+            this.fields.heardAboutUs.value === "Other"
               ? this.fields.heardAboutUsText.value
               : this.fields.heardAboutUs.value,
           studentFirstName: this.fields.firstName.value,

From 6c2363735c3ca2feb72fe487fd703e96bb0aadfe Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Tue, 25 Feb 2020 22:53:53 -0800
Subject: [PATCH 32/36] adds email validation

---
 src/views/Accounts/Register/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/Accounts/Register/index.vue b/src/views/Accounts/Register/index.vue
index 6d5b442..3c868d7 100644
--- a/src/views/Accounts/Register/index.vue
+++ b/src/views/Accounts/Register/index.vue
@@ -74,6 +74,10 @@ import Step4 from "./Step4";
 
 import * as api from "@/api";
 
+function validateEmail(mail) {
+  return /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(mail);
+}
+
 export default {
   components: {
     Step1,
@@ -102,7 +106,7 @@ export default {
         await api.auth.createAccount({
           foundUs:
             this.fields.heardAboutUs.value === "Other"
-              ? this.fields.heardAboutUsText.value
+              ? "Other - " + this.fields.heardAboutUsText.value
               : this.fields.heardAboutUs.value,
           studentFirstName: this.fields.firstName.value,
           studentLastName: this.fields.lastName.value,
@@ -153,7 +157,7 @@ export default {
           label: "Parent's E-mail Address",
           type: "email",
           value: "",
-          rules: [v => !!v || "Please provide a email"]
+          rules: [v => validateEmail(v) || "Please provide a valid e-mail"]
         },
         studentEmail: {
           label: "Student's E-mail Address (optional)",

From 312315c369177ffd62c8f41f7d9029d7cb7f3f17 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Tue, 25 Feb 2020 22:54:12 -0800
Subject: [PATCH 33/36] fixes rank display on countdown

---
 src/views/Quiz/QuizCountdown.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/views/Quiz/QuizCountdown.vue b/src/views/Quiz/QuizCountdown.vue
index a929a12..fe9f063 100644
--- a/src/views/Quiz/QuizCountdown.vue
+++ b/src/views/Quiz/QuizCountdown.vue
@@ -7,7 +7,7 @@
           <div v-if="Quiz.awaitNextQuestion">
             Congratulations, {{ User.displayName }}!
             <br />
-            You've conquered Level {{ User.rank }}.
+            You've conquered Level {{ User.rank - 1 }}.
             <br />
             <br />That's all the questions available for now.
             <br />
@@ -16,7 +16,7 @@
           <div v-else>
             Congratulations, {{ User.displayName }}!
             <br />
-            You've conquered Level {{ User.rank }}.
+            You've conquered Level {{ User.rank - 1 }}.
             <br />
             <br />
           </div>
@@ -37,7 +37,15 @@
             icon
             ><v-icon>mdi-facebook</v-icon></v-btn
           >
-          <v-btn class="mt-5" :style="{ backgroundColor: 'white !important' }" x-large color="blue" href="https://twitter.com/CodeWizardsHQ" icon><v-icon>mdi-twitter</v-icon></v-btn>
+          <v-btn
+            class="mt-5"
+            :style="{ backgroundColor: 'white !important' }"
+            x-large
+            color="blue"
+            href="https://twitter.com/CodeWizardsHQ"
+            icon
+            ><v-icon>mdi-twitter</v-icon></v-btn
+          >
         </template>
       </quiz-scroll>
     </v-row>

From cf5b511b492dd3cdcec00ec2fb2f466d70747fc9 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Tue, 25 Feb 2020 22:54:33 -0800
Subject: [PATCH 34/36] adds reminders for myself about how the submission
 works

---
 src/views/Quiz/QuizFinalQuestion.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/Quiz/QuizFinalQuestion.vue b/src/views/Quiz/QuizFinalQuestion.vue
index 0c84ce1..ba0f511 100644
--- a/src/views/Quiz/QuizFinalQuestion.vue
+++ b/src/views/Quiz/QuizFinalQuestion.vue
@@ -90,11 +90,12 @@ export default {
     const jsCode = `function calculateAnswer(){
   return 100;
 }
+// we check your answer by looking at the output var
 var output = calculateAnswer();`;
     const pyCode = `def calculateAnswer():
   return 100
-
-output = calculateAnswer()`;
+# we check your answer by what you print
+print(calculateAnswer())`;
     return {
       isLoading: false,
       isSubmitting: false,

From 2dc31c0527588dba09a1d6cc2164dfc89ea52283 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Tue, 25 Feb 2020 22:54:51 -0800
Subject: [PATCH 35/36] adds pagination and additional styles

---
 src/api/voting.js                 |  6 +-
 src/views/Voting/Ballot.vue       | 71 ++++++++++++++----------
 src/views/Voting/CodeModal.vue    | 27 +++------
 src/views/Voting/SuccessModal.vue | 91 +++++++++++++++++++++++++++++++
 4 files changed, 146 insertions(+), 49 deletions(-)
 create mode 100644 src/views/Voting/SuccessModal.vue

diff --git a/src/api/voting.js b/src/api/voting.js
index 5b07932..b2b0cfd 100644
--- a/src/api/voting.js
+++ b/src/api/voting.js
@@ -1,8 +1,10 @@
 import routes from "./routes";
 import request from "./request";
 
-async function getBallot() {
-  return request(routes.voting_ballot);
+async function getBallot(page, per) {
+  return request(routes.voting_ballot, {
+    params: { page, per }
+  });
 }
 
 async function cast(answerId, email) {
diff --git a/src/views/Voting/Ballot.vue b/src/views/Voting/Ballot.vue
index f016711..4b69f6a 100644
--- a/src/views/Voting/Ballot.vue
+++ b/src/views/Voting/Ballot.vue
@@ -3,21 +3,34 @@
     <v-row>
       <v-col>
         <h2 class="ballot-header">
-          Lorem Ipsum is simply dummy text of the printing and typesetting
-          industry. Lorem Ipsum has been the industry's standard dummy text ever
-          since the 1500s, when an unknown printer took a galley of type and
-          scrambled it to make a type specimen book.
+          Cast your vote below!
         </h2></v-col
       >
     </v-row>
-    <v-row justify="center">
+    <v-row justify="center" v-if="isLoading">
+      <v-col class="text-center">
+        <v-progress-circular
+          class="mt-6"
+          color="cwhqBlue"
+          size="100"
+          width="10"
+          indeterminate
+        />
+        <h2 class="mt-6">
+          Loading Results <small><br />Please Wait</small>
+        </h2>
+      </v-col>
+    </v-row>
+    <v-row justify="center" v-else>
       <ballot-card
         v-for="(item, i) in items"
         :key="i"
         v-bind="item"
         @click="showCode(item)"
-      >
-      </ballot-card>
+      />
+    </v-row>
+    <v-row justify="center" v-if="totalPages > 1">
+      <v-pagination v-model="page" :length="totalPages" circle></v-pagination>
     </v-row>
     <code-modal v-bind="this.item" v-model="showModal" />
   </v-container>
@@ -36,12 +49,14 @@ export default {
   },
   data() {
     return {
+      isLoading: true,
+      per: 16,
       item: null,
       showModal: false,
       hasNext: false,
       hasPrev: false,
       nextNum: false,
-      page: 0,
+      page: 1,
       prevNum: null,
       totalItems: 0,
       totalPages: 0,
@@ -53,30 +68,28 @@ export default {
     showCode(item) {
       this.item = item;
       this.showModal = true;
+    },
+    async loadPage() {
+      this.isLoading = true;
+      try {
+        const results = await voting.getBallot(this.page, this.per);
+        for (const [key, value] of Object.entries(results)) {
+          Vue.set(this, key, value);
+        }
+        // console.log(results);
+      } catch (err) {
+        this.$router.push({ name: "redirect" });
+      }
+      this.isLoading = false;
     }
   },
-  async mounted() {
-    // for (let i = 0; i < 100; i++) {
-    //   this.items.push({
-    //     display: "Kyle A.",
-    //     firstName: "Kyle",
-    //     id: 45,
-    //     lastName: "Askew",
-    //     numVotes: 0,
-    //     text:
-    //       "function calculateAnswer(){\n  return 100;\n}\nvar output = calculateAnswer();;output",
-    //     username: "net8floz2"
-    //   });
-    // }
-    try {
-      const results = await voting.getBallot();
-      for (const [key, value] of Object.entries(results)) {
-        Vue.set(this, key, value);
-      }
-      // console.log(results);
-    } catch (err) {
-      this.$router.push({ name: "redirect" });
+  watch: {
+    page(val) {
+      this.loadPage(val);
     }
+  },
+  async mounted() {
+    this.loadPage();
   }
 };
 </script>
diff --git a/src/views/Voting/CodeModal.vue b/src/views/Voting/CodeModal.vue
index 70b3092..cdafb2b 100644
--- a/src/views/Voting/CodeModal.vue
+++ b/src/views/Voting/CodeModal.vue
@@ -51,22 +51,9 @@
         </v-row>
       </v-card>
     </v-dialog>
-    <v-dialog v-model="showSuccess" max-width="600">
-      <v-card color="white" light v-if="isOpen">
-        <v-card-title>
-          We have sent a voting confirmation e-mail.
-        </v-card-title>
-        <v-card-text>
-          Please check your inbox to confirm your vote.
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer />
-          <v-btn color="cwhqBlue" tile flat @click="showSuccess = false"
-            >Okay</v-btn
-          >
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
+
+    <success-modal v-model="showSuccess" />
+
     <v-dialog v-model="showError" max-width="600">
       <v-card color="white" light v-if="isOpen">
         <v-card-title>
@@ -77,7 +64,7 @@
         </v-card-text>
         <v-card-actions>
           <v-spacer />
-          <v-btn color="cwhqBlue" tile flat @click="showError = false"
+          <v-btn color="cwhqBlue" tile text @click="showError = false"
             >Okay</v-btn
           >
         </v-card-actions>
@@ -88,11 +75,15 @@
 
 <script>
 import * as api from "@/api";
+import SuccessModal from "./SuccessModal";
 
 export default {
+  components: {
+    SuccessModal
+  },
   data() {
     return {
-      showSuccess: false,
+      showSuccess: true,
       showError: false,
       errorMessage: "",
       isOpen: this.value,
diff --git a/src/views/Voting/SuccessModal.vue b/src/views/Voting/SuccessModal.vue
new file mode 100644
index 0000000..509b62b
--- /dev/null
+++ b/src/views/Voting/SuccessModal.vue
@@ -0,0 +1,91 @@
+<template>
+  <v-dialog v-model="show" max-width="600">
+    <v-card color="white" light>
+      <v-card-title>
+        <v-spacer />
+        <v-btn icon x-large @click="show = false">X</v-btn></v-card-title
+      >
+
+      <h3>ALMOST DONE</h3>
+
+      <p>
+        Your vote has been cast! In order for your vote to count you must first
+        confirm your it. Please check your inbox for the confirmation email.
+      </p>
+      <hr />
+      <h4>
+        Share this code with your friends!
+      </h4>
+
+      <v-card-text class="text-center">
+        <v-btn icon class="mr-6" x-large color="cwhqBlue"
+          ><v-icon>mdi-facebook</v-icon></v-btn
+        >
+        <v-btn icon class="mr-6" x-large color="cwhqBlue"
+          ><v-icon>mdi-twitter</v-icon></v-btn
+        >
+        <v-btn icon class="mr-6" x-large color="cwhqBlue"
+          ><v-icon>mdi-email</v-icon></v-btn
+        >
+      </v-card-text>
+      <br />
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+export default {
+  props: ["value"],
+  data() {
+    return {
+      show: this.value
+    };
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.v-card__title .v-btn {
+  z-index: 3;
+  position: relative;
+  top: -12px;
+  right: -22px;
+  font-size: 30px !important;
+}
+
+.v-btn i.v-icon {
+  font-size: 60px !important;
+}
+h3 {
+  text-align: center;
+  padding-top: 30px;
+  font-size: 40px;
+  color: #0d1d41;
+  position: relative;
+  top: -90px;
+  margin-bottom: -60px;
+}
+
+hr {
+  margin-left: 80px;
+  margin-right: 80px;
+  height: 1px;
+  margin-top: 40px;
+  margin-bottom: 20px;
+}
+
+p {
+  font-size: 20px;
+  padding-left: 80px;
+  padding-right: 80px;
+}
+
+h4 {
+  text-align: center;
+  padding-top: 30px;
+  font-size: 30px;
+  line-height: 40px;
+  color: #0d1d41;
+  margin-bottom: 30px;
+}
+</style>

From 7d53a15c2477153ae2fa56bfb7f573a57fe5f8a0 Mon Sep 17 00:00:00 2001
From: net8floz <net8floz@gmail.com>
Date: Tue, 25 Feb 2020 22:59:34 -0800
Subject: [PATCH 36/36] fixes modal logic

---
 src/views/Voting/CodeModal.vue    |  3 +--
 src/views/Voting/SuccessModal.vue | 12 ++++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/views/Voting/CodeModal.vue b/src/views/Voting/CodeModal.vue
index cdafb2b..c074c0b 100644
--- a/src/views/Voting/CodeModal.vue
+++ b/src/views/Voting/CodeModal.vue
@@ -83,7 +83,7 @@ export default {
   },
   data() {
     return {
-      showSuccess: true,
+      showSuccess: false,
       showError: false,
       errorMessage: "",
       isOpen: this.value,
@@ -140,7 +140,6 @@ export default {
         this.errorMessage = err.message;
         this.showError = true;
       }
-
       this.isSubmitting = false;
     }
   }
diff --git a/src/views/Voting/SuccessModal.vue b/src/views/Voting/SuccessModal.vue
index 509b62b..f96f08d 100644
--- a/src/views/Voting/SuccessModal.vue
+++ b/src/views/Voting/SuccessModal.vue
@@ -36,6 +36,18 @@
 <script>
 export default {
   props: ["value"],
+  watch: {
+    show() {
+      if (this.show != this.value) {
+        this.$emit("input", this.show);
+      }
+    },
+    value() {
+      if (this.show != this.value) {
+        this.show = this.value;
+      }
+    }
+  },
   data() {
     return {
       show: this.value