forked from cmda-minor-web/browser-technologies-2223
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdashboard.html
180 lines (146 loc) · 8.46 KB
/
dashboard.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="NL">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="theme-color" content="#deff05">
<title>Select a course - Web Development Wars</title>
<link rel="shortcut icon" href="./favicon.ico">
<link rel="stylesheet" href="./styles/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<main>
<header>
<a href="./index.html" data-logout>Uitloggen</a>
</header>
<article>
<header>
<img class="web_dev-symbol image--mobile floating" src="./assets/web_dev_symbol-mobile.svg" width="72" alt="Web Dev Wars">
<img class="web_dev-symbol image--desktop floating" src="./assets/web_dev_symbol-desktop.svg" width="72" alt="Web Dev Wars">
<h1>Welkom, <span data-username-default>student</span><span data-username-tag></span>!</h1>
<p>Gaaf dat je ons helpt om de minor te verbeteren.</p>
</header>
<hr>
<section>
<h2><s>Code</s> Course reviews</h2>
<p>Als student heb je ongetwijfeld veel geleerd over het ontwerpen en bouwen van websites en applicaties. Met onze korte vragenlijst (3 vragen, waarvan de laatste optioneel is) kun je nu jouw kennis en ervaringen delen over de vakken die je hebt gevolgd tijdens jouw minor</p>
<p>Na het beoordelen van de vakken ontvang je een score en zie je jouw positie zien op de ranglijst. Maar eerst moet je dus de vakken hieronder nog wel even beoordelen.</p>
<img class="smiley-stamp image--desktop floating" src="./assets/smiley_stamp.svg" width="92" alt="Smiley stamp">
<div class="arrow-stamp arrow-stamp--green arrow-stamp--left image--desktop floating">
<img src="./assets/single_arrow-purple.svg" width="50" alt="Arrow icon">
<img src="./assets/single_arrow-green.svg" width="50"alt="Arrow icon">
<img src="./assets/single_arrow-purple.svg" width="50" alt="Arrow icon">
</div>
<!-- <form action="dashboard.html" method="GET" id="anonymous_mode-form">
<fieldset>
<div class="checkbox-wrap">
<input type="checkbox" name="anonymous" id="anonymous">
<label for="anonymous">
<span><img src="/assets/check-icon.svg" alt="Checkmark icon" width="26"></span>
<p>Anonymous Mode toch activeren<br><small>(Je username zal niet zichtbaar zijn op het scoreboard)</small></p>
</label>
</div>
</fieldset>
</form> -->
</section>
<hr>
<section>
<header>
<h2>Ready player one</h2>
<progress id="progress" value="0" max="10" data-progress-bar><span data-progress-bar-label>0%</span></progress>
</header>
<div class="arrow-stamp arrow-stamp--green image--desktop floating">
<img src="./assets/single_arrow-green.svg" width="50" alt="Arrow icon">
<img src="./assets/single_arrow-purple.svg" width="50" alt="Arrow icon">
<img src="./assets/single_arrow-green.svg" width="50" alt="Arrow icon">
</div>
<ul class="courses">
<li class="course__item">
<a href="./projectweek_1.html">
<h3>Projectweek 1 kick-off</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="projectweek_1">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./web_app_from_scratch.html">
<h3>Web App from Scratch</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="web_app_from_scratch">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./css_to_the_rescue.html">
<h3>CSS to the Rescue</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="css_to_the_rescue">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./progressive_web_apps.html">
<h3>Progressive Web Apps</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="progressive_web_apps">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./browser_technologies.html">
<h3>Browser Technologies</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="browser_technologies">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./projectweek_2.html">
<h3>Projectweek 2</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="projectweek_2">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./realtime_web.html">
<h3>Real-Time Web</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="realtime_web">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./human_centered_design.html">
<h3>Human Centered Design</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="human_centered_design">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./projectweek_3.html">
<h3>Projectweek 3</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="projectweek_3">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
<li class="course__item">
<a href="./meesterproef.html">
<h3>Meesterproef</h3>
<p class="tag"><span data-course-grade-progress data-course-grade-progress-for="meesterproef">(0/3)</span> <span>afgerond</span></p>
</a>
</li>
</ul>
</section>
</article>
<footer>
<p>Met liefde gemaakt door CMD</p>
</footer>
</main>
<script type="module">
import userController from './scripts/UserController.js';
const UserController = new userController({});
import gradingController from './scripts/GradingController.js';
const GradingController = new gradingController({});
const logoutBtn = document.querySelector('[data-logout]');
if (logoutBtn && UserController.supports_html5_storage()) {
logoutBtn.addEventListener('click', (e) =>{
e.preventDefault();
UserController.clearUserData();
GradingController.clearProgressData();
window.location = './index.html';
})
}
</script>
<script src="./scripts/applyData.js" type="module"></script>
</body>
</html>