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

Commit 1eb8f60

Browse files
usrbinsamusrbinsam
authored
Merge branch 'master' into update-voting-rules
2 parents b0d9dbf + b4bb191 commit 1eb8f60

File tree

5 files changed

+159
-167
lines changed

5 files changed

+159
-167
lines changed

‎src/components/QuizScroll.vue‎

Lines changed: 59 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,77 @@
11
<template>
22
<div class="quiz-scroll" ref="scroll">
3-
<div class="scroll-graphic"></div>
43
<div class="scroll-head">
54
<div class="scroll-title">
65
<slot name="title"></slot>
76
</div>
87
</div>
8+
<div class="divider" />
99
<div class="scroll-body" ref="body">
1010
<slot name="default"></slot>
1111
</div>
1212
</div>
1313
</template>
1414

1515
<script>
16+
// TODO: rename this file at some point, since it's no longer a scroll
1617
export default {
1718
name: "quizScroll"
1819
};
1920
</script>
21+
22+
<style lang="scss" scoped>
23+
.quiz-scroll {
24+
width: 550px;
25+
display: flex;
26+
margin: 30px 0;
27+
padding: 10px 0;
28+
flex-direction: column;
29+
border: 8px solid #c2cfe1;
30+
background: url("/images/module-background.png");
31+
background-size: cover;
32+
33+
.divider {
34+
height: 5px;
35+
width: 100%;
36+
background-color: #c2cfe1;
37+
}
38+
39+
.scroll-head {
40+
.scroll-title {
41+
text-align: center;
42+
margin-top: 10px;
43+
font-size: 50px;
44+
top: 42px;
45+
color: white;
46+
font-family: "buWicked";
47+
}
48+
}
49+
50+
.scroll-body {
51+
text-align: center;
52+
margin-top: 30px;
53+
padding: 0 40px;
54+
font-size: 22px;
55+
56+
.asset {
57+
text-align: center;
58+
margin-bottom: 35px;
59+
}
60+
61+
.scroll-content {
62+
width: 420px;
63+
font-size: 24px;
64+
color: #031e41 !important;
65+
font-family: "Barrow2Light";
66+
letter-spacing: 2px;
67+
text-align: left;
68+
white-space: pre-wrap;
69+
70+
pre {
71+
font-size: 18px;
72+
white-space: pre-wrap;
73+
}
74+
}
75+
}
76+
}
77+
</style>

‎src/styles/quiz-scroll.scss‎

Lines changed: 0 additions & 90 deletions
This file was deleted.

‎src/styles/styles.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
.cwhq-app {
22
@import './colors.scss';
33
@import './application.scss';
4-
@import './quiz-scroll.scss';
54
@import './quiz-answer.scss';
65
@import './quiz-need-help.scss';
76
@import './quiz-bar-rank.scss';

‎src/views/Quiz/QuizFinished.vue‎

Lines changed: 52 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,55 @@
11
<template>
2-
<div class="mt-6">
3-
<v-row justify="center">
4-
<quiz-scroll>
5-
<template v-slot:title>Congratulations!</template>
6-
<template v-slot:default>
7-
<div style="padding-left:130px; padding-right: 130px;">
8-
Congratulations young pilgrim!
9-
<br />
10-
<br />
11-
You've qualified for the final round of The Dragon Quest.
12-
<br /><br />
2+
<div class="mt-6 wrapper">
3+
<!-- <v-row justify="center"> -->
4+
<quiz-scroll>
5+
<template v-slot:title>Congratulations!</template>
6+
<template v-slot:default>
7+
<div>
8+
<p>Congratulations young pilgrim!</p>
9+
10+
<p>You've qualified for the final round of The Dragon Quest.</p>
11+
12+
<p>
1313
To win the grand prize of $100 and a free STEAM access code from
1414
Endless, come back when the voting period begins, April 26 at 5:00
1515
PM CT, to gather votes and cast your vote on who you think has the
1616
best solution for the final answer.
17-
<br /><br />
17+
</p>
18+
19+
<p>
1820
The player with the highest number of votes will be crowned the
1921
champion on May 1. Will you be the champion …
20-
<br /><br />Good luck! <br /><br />
21-
<v-btn :to="{ name: 'voting' }" color="white" light
22-
>Cast Your Votes Here</v-btn
23-
><br />
24-
<v-btn
25-
class="mr-3 mt-5"
26-
:style="{ backgroundColor: 'white !important' }"
27-
x-large
28-
color="blue"
29-
href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodewizardshq.com%2Fchallenge%2F&amp;src=sdkpreparse"
30-
icon
31-
><v-icon>mdi-facebook</v-icon></v-btn
32-
>
33-
<v-btn
34-
class="mt-5"
35-
:style="{ backgroundColor: 'white !important' }"
36-
x-large
37-
color="blue"
38-
href="https://twitter.com/intent/tweet?text=The%20Dragon%20Quest%20%E2%80%93%20Code%20Challenge&url=https%3A%2F%2Fcodewizardshq.com%2Fchallenge%2F&original_referer="
39-
icon
40-
><v-icon>mdi-twitter</v-icon></v-btn
41-
>
42-
</div>
43-
</template>
44-
</quiz-scroll>
45-
</v-row>
22+
</p>
23+
24+
<p>Good luck!</p>
25+
26+
<v-btn :to="{ name: 'voting' }" color="white" light
27+
>Cast Your Votes Here</v-btn
28+
><br />
29+
<v-btn
30+
class="mr-3 mt-5"
31+
:style="{ backgroundColor: 'white !important' }"
32+
x-large
33+
color="blue"
34+
href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodewizardshq.com%2Fchallenge%2F&amp;amp;src=sdkpreparse"
35+
target="_blank"
36+
icon
37+
><v-icon>mdi-facebook</v-icon></v-btn
38+
>
39+
<v-btn
40+
class="mt-5"
41+
:style="{ backgroundColor: 'white !important' }"
42+
x-large
43+
color="blue"
44+
href="https://twitter.com/intent/tweet?text=CodeWizardsHQ%20Code%20Challenge&amp;url=https%3A%2F%2Fcodewizardshq.com%2Fchallenge%2F&amp;original_referer="
45+
target="_blank"
46+
icon
47+
><v-icon>mdi-twitter</v-icon></v-btn
48+
>
49+
</div>
50+
</template>
51+
</quiz-scroll>
52+
<!-- </v-row> -->
4653
</div>
4754
</template>
4855

@@ -56,3 +63,10 @@ export default {
5663
mounted() {}
5764
};
5865
</script>
66+
67+
<style lang="scss" scoped>
68+
.wrapper {
69+
display: flex;
70+
justify-content: center;
71+
}
72+
</style>

‎src/views/Quiz/QuizFinishedFail.vue‎

Lines changed: 48 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,49 @@
11
<template>
2-
<div class="mt-6">
3-
<v-row justify="center">
4-
<quiz-scroll>
5-
<template v-slot:title>It's Over!</template>
6-
<template v-slot:default>
7-
<div style="padding-left:130px; padding-right: 130px;">
8-
Sorry {{ firstName }}, your mission has ended.
9-
<br />
10-
<br />
2+
<div class="mt-6 wrapper">
3+
<!-- <v-row justify="center"> -->
4+
<quiz-scroll>
5+
<template v-slot:title>It's Over!</template>
6+
<template v-slot:default>
7+
<div>
8+
<p>Sorry {{ firstName }}, your mission has ended.</p>
9+
10+
<p>
1111
Your efforts were admirable! Nym and the Allsnacks Alliance thank
1212
you.
13-
<br />
14-
<br />
13+
</p>
14+
15+
<p>
1516
You can still vote for this year's winner from April 26-30 and try
1617
again next year.
17-
<br /><br />
18-
<v-btn :to="{ name: 'voting' }" color="white" light
19-
>Cast Your Votes Here</v-btn
20-
><br />
21-
<!-- <v-btn
22-
class="mr-3 mt-5"
23-
:style="{ backgroundColor: 'white !important' }"
24-
x-large
25-
color="blue"
26-
href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodewizardshq.com%2Fchallenge%2F&amp;src=sdkpreparse"
27-
icon
28-
><v-icon>mdi-facebook</v-icon></v-btn
29-
>
30-
<v-btn
31-
class="mt-5"
32-
:style="{ backgroundColor: 'white !important' }"
33-
x-large
34-
color="blue"
35-
href="https://twitter.com/intent/tweet?text=The%20Dragon%20Quest%20%E2%80%93%20Code%20Challenge&url=https%3A%2F%2Fcodewizardshq.com%2Fchallenge%2F&original_referer="
36-
icon
37-
><v-icon>mdi-twitter</v-icon></v-btn
38-
> -->
39-
</div>
40-
</template>
41-
</quiz-scroll>
42-
</v-row>
18+
</p>
19+
20+
<v-btn :to="{ name: 'voting' }" color="white" light
21+
>Cast Your Votes Here</v-btn
22+
><br />
23+
<v-btn
24+
class="mr-3 mt-5"
25+
:style="{ backgroundColor: 'white !important' }"
26+
x-large
27+
color="blue"
28+
href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodewizardshq.com%2Fchallenge%2F&amp;amp;src=sdkpreparse"
29+
target="_blank"
30+
icon
31+
><v-icon>mdi-facebook</v-icon></v-btn
32+
>
33+
<v-btn
34+
class="mt-5"
35+
:style="{ backgroundColor: 'white !important' }"
36+
x-large
37+
color="blue"
38+
href="https://twitter.com/intent/tweet?text=CodeWizardsHQ%20Code%20Challenge&amp;url=https%3A%2F%2Fcodewizardshq.com%2Fchallenge%2F&amp;original_referer="
39+
target="_blank"
40+
icon
41+
><v-icon>mdi-twitter</v-icon></v-btn
42+
>
43+
</div>
44+
</template>
45+
</quiz-scroll>
46+
<!-- </v-row> -->
4347
</div>
4448
</template>
4549

@@ -58,3 +62,10 @@ export default {
5862
}
5963
};
6064
</script>
65+
66+
<style lang="scss" scoped>
67+
.wrapper {
68+
display: flex;
69+
justify-content: center;
70+
}
71+
</style>

0 commit comments

Comments
 (0)