Skip to content
This repository was archived by the owner on Dec 8, 2022. It is now read-only.

Commit fe7011b

Browse files
net8floznet8floz
authored
Merge pull request #140 from codewizardshq/styles-and-copy
copy and styles update, leaderboard
2 parents d63bbf0 + 2cbf89c commit fe7011b

File tree

9 files changed

+475
-60
lines changed

9 files changed

+475
-60
lines changed

‎package.json‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
"dependencies": {
1212
"axios": "^0.19.0",
1313
"core-js": "^3.3.2",
14+
"highlight.js": "^10.0.0",
1415
"moment": "^2.24.0",
1516
"serialize-javascript": "^2.1.2",
1617
"vue": "^2.6.10",
@@ -28,22 +29,22 @@
2829
"@vue/cli-plugin-eslint": "^4.0.0",
2930
"@vue/cli-service": "^4.0.0",
3031
"@vue/eslint-config-prettier": "^5.0.0",
32+
"acorn": "^6.4.1",
3133
"babel-eslint": "^10.0.3",
3234
"eslint": "^5.16.0",
3335
"eslint-plugin-prettier": "^3.1.1",
3436
"eslint-plugin-vue": "^5.0.0",
3537
"js-yaml": "^3.13.1",
3638
"mini-css-extract-plugin": "^0.9.0",
39+
"minimist": "^1.2.2",
3740
"node-sass": "^4.12.0",
3841
"prettier": "^1.18.2",
3942
"sass": "^1.19.0",
4043
"sass-loader": "^8.0.0",
4144
"vue-cli-plugin-codemirror": "^0.0.6",
4245
"vue-cli-plugin-vuetify": "^2.0.3",
4346
"vue-template-compiler": "^2.6.10",
44-
"vuetify-loader": "^1.3.0",
45-
"minimist": "^1.2.2",
46-
"acorn": "^6.4.1"
47+
"vuetify-loader": "^1.3.0"
4748
},
4849
"eslintConfig": {
4950
"root": true,

‎src/components/Toolbars/AppBar.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ export default {
2525
},
2626
data() {
2727
return {
28-
height: 60,
28+
height: 80,
2929
imageHeight: 50
3030
};
3131
}

‎src/plugins/router.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -194,6 +194,19 @@ const routes = [
194194
}
195195
]
196196
},
197+
{
198+
// quiz routes
199+
path: "/",
200+
component: () => import("@/views/Public/App"),
201+
meta: { secured: false },
202+
children: [
203+
{
204+
path: "voting-tips",
205+
name: "voting-faq",
206+
component: () => import("@/views/Public/FAQ/VotingFAQ")
207+
}
208+
]
209+
},
197210
{
198211
path: "*",
199212
name: "wildcard",

‎src/views/Public/FAQ/VotingFAQ.vue‎

Lines changed: 167 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,167 @@
1+
<template>
2+
<v-container>
3+
<v-row align="center" justify="center">
4+
<v-col cols="12" sm="12" md="12">
5+
<page-card>
6+
<template #title>
7+
<v-toolbar-title>Frequently Asked Questions</v-toolbar-title>
8+
</template>
9+
10+
<div class="faq">
11+
<v-expansion-panels flat inset focusable>
12+
<v-expansion-panel>
13+
<v-expansion-panel-header color="cwhqBlue">How do I sign up for the challenge?</v-expansion-panel-header>
14+
<v-expansion-panel-content color="white" style="color: #333;">
15+
<v-card-text>
16+
Create an account anytime until April 23, 2020 at
17+
<router-link :to="{ name: 'register' }">https://challenge.codewizardshq.com/create-account </router-link>. You will need a parent's email
18+
address to sign up.
19+
</v-card-text>
20+
</v-expansion-panel-content>
21+
</v-expansion-panel>
22+
<v-expansion-panel>
23+
<v-expansion-panel-header color="cwhqBlue">How do I play the challenge? </v-expansion-panel-header>
24+
<v-expansion-panel-content color="white" style="color: #333;">
25+
<v-card-text>
26+
Login every day between Apr 3 8:00AM CT - Apr 23 11:59PM CT to answer a challenge question. When you get the question right, you will move
27+
on to the next level. You can answer questions as many times as you want until Apr 23 11:59PM CT. If you have answered all 21 questions
28+
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
29+
prize.
30+
</v-card-text>
31+
</v-expansion-panel-content>
32+
</v-expansion-panel>
33+
34+
<v-expansion-panel>
35+
<v-expansion-panel-header color="cwhqBlue">What are the challenge prizes? </v-expansion-panel-header>
36+
<v-expansion-panel-content color="white" style="color: #333;">
37+
<v-card-text>
38+
Any challengers who complete all 21 levels will win a $100 CodeWizardsHQ gift card. Place in the boss level and win the $100 CWHQ gift card
39+
plus a cash prize.
40+
<ul>
41+
<li>First Place $100</li>
42+
<li>Second Place $50</li>
43+
<li>Third Place $25</li>
44+
</ul>
45+
First, second, and third place winners are determined by public vote.
46+
</v-card-text>
47+
</v-expansion-panel-content>
48+
</v-expansion-panel>
49+
50+
<v-expansion-panel>
51+
<v-expansion-panel-header color="cwhqBlue">Who can participate in the code challenge? </v-expansion-panel-header>
52+
<v-expansion-panel-content color="white" style="color: #333;">
53+
<v-card-text>
54+
Challengers must be children between the ages of 8 and 18. Any challengers under the age of 13 will require parental consent.
55+
</v-card-text>
56+
</v-expansion-panel-content>
57+
</v-expansion-panel>
58+
59+
<v-expansion-panel>
60+
<v-expansion-panel-header color="cwhqBlue">Can I get help with the challenge? </v-expansion-panel-header>
61+
<v-expansion-panel-content color="white" style="color: #333;">
62+
<v-card-text>
63+
You can get help with the challenge via Discord, Facebook, and our FAQ page. Please reach out to us with any technical questions through one
64+
of these sources. We will not be able to help you answer the questions in the challenge.
65+
</v-card-text>
66+
</v-expansion-panel-content>
67+
</v-expansion-panel>
68+
69+
<v-expansion-panel>
70+
<v-expansion-panel-header color="cwhqBlue">What are the questions going to cover? </v-expansion-panel-header>
71+
<v-expansion-panel-content color="white" style="color: #333;">
72+
<v-card-text>
73+
The questions will cover topics related to coding in Python and JavaScript.
74+
</v-card-text>
75+
</v-expansion-panel-content>
76+
</v-expansion-panel>
77+
78+
<v-expansion-panel>
79+
<v-expansion-panel-header color="cwhqBlue">Are the questions differentiated by age? </v-expansion-panel-header>
80+
<v-expansion-panel-content color="white" style="color: #333;">
81+
<v-card-text>
82+
The challenge is for students 8-18 years of age. The questions are the same for all contestants and are not differentiated by age.
83+
</v-card-text>
84+
</v-expansion-panel-content>
85+
</v-expansion-panel>
86+
87+
<v-expansion-panel>
88+
<v-expansion-panel-header color="cwhqBlue">How much time do you have to answer a question? </v-expansion-panel-header>
89+
<v-expansion-panel-content color="white" style="color: #333;">
90+
<v-card-text>
91+
You have until the end of the challenge to answer all questions.
92+
</v-card-text>
93+
</v-expansion-panel-content>
94+
</v-expansion-panel>
95+
96+
<v-expansion-panel>
97+
<v-expansion-panel-header color="cwhqBlue">Can I answer questions more than once? </v-expansion-panel-header>
98+
<v-expansion-panel-content color="white" style="color: #333;">
99+
<v-card-text>
100+
Yes, you have unlimited tries to answer a question correctly. However, there is a cooling off period of 30 minutes after every 3 incorrect
101+
answers.
102+
</v-card-text>
103+
</v-expansion-panel-content>
104+
</v-expansion-panel>
105+
106+
<v-expansion-panel>
107+
<v-expansion-panel-header color="cwhqBlue">What skills do I need to have to attempt the questions? </v-expansion-panel-header>
108+
<v-expansion-panel-content color="white" style="color: #333;">
109+
<v-card-text>
110+
You only need a beginner’s Python or JavaScript knowledge to participate.
111+
</v-card-text>
112+
</v-expansion-panel-content>
113+
</v-expansion-panel>
114+
115+
<v-expansion-panel>
116+
<v-expansion-panel-header color="cwhqBlue">How is the winner determined? </v-expansion-panel-header>
117+
<v-expansion-panel-content color="white" style="color: #333;">
118+
<v-card-text>
119+
The 1st, 2nd, and 3rd place winners are determined by a public vote. Any challengers who complete all 21 levels will be eligible to win.
120+
</v-card-text>
121+
</v-expansion-panel-content>
122+
</v-expansion-panel>
123+
124+
<v-expansion-panel>
125+
<v-expansion-panel-header color="cwhqBlue">Can I answer questions more than once? </v-expansion-panel-header>
126+
<v-expansion-panel-content color="white" style="color: #333;">
127+
<v-card-text>
128+
Create an account anytime until April 23, 2020 at
129+
<router-link :to="{ name: 'register' }">https://challenge.codewizardshq.com/create-account </router-link>. You will need a parent's email
130+
address to sign up.
131+
</v-card-text>
132+
</v-expansion-panel-content>
133+
</v-expansion-panel>
134+
</v-expansion-panels>
135+
</div>
136+
</page-card>
137+
</v-col>
138+
</v-row>
139+
<br />
140+
<br />
141+
</v-container>
142+
</template>
143+
144+
<script>
145+
import PageCard from '@/components/PageCard';
146+
import FAQCard from './FAQCard';
147+
148+
export default {
149+
name: 'faq',
150+
components: {
151+
PageCard,
152+
FAQCard
153+
}
154+
};
155+
</script>
156+
157+
<style lang="scss" scoped>
158+
.faq {
159+
padding-top: 12px;
160+
padding-bottom: 12px;
161+
font-family: 'Barlow', sans-serif !important;
162+
163+
a {
164+
color: #202f50;
165+
}
166+
}
167+
</style>

‎src/views/Voting/App.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<v-app class="cwhq-app voting">
33
<CWHQ-bar />
4-
<app-bar />
4+
<!-- <app-bar /> -->
55
<v-content>
66
<router-view />
77
</v-content>
@@ -10,14 +10,14 @@
1010
</template>
1111

1212
<script>
13-
import AppBar from "@/components/Toolbars/AppBar";
13+
// import AppBar from "@/components/Toolbars/AppBar";
1414
import CWHQBar from "@/components/Toolbars/CWHQBar";
1515
import MobileWarning from "@/components/MobileWarning";
1616
1717
export default {
1818
name: "App",
1919
components: {
20-
AppBar,
20+
// AppBar,
2121
CWHQBar,
2222
MobileWarning
2323
}

0 commit comments

Comments
 (0)