-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathreviewers.html
More file actions
188 lines (178 loc) · 9.5 KB
/
reviewers.html
File metadata and controls
188 lines (178 loc) · 9.5 KB
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
181
182
183
184
185
186
187
188
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script defer src="https://cloud.umami.is/script.js" data-website-id="84641eae-f0c5-468b-8b48-f9226d664d2f"></script>
<title>Reviewers | CodeKokeshi</title>
<meta name="description" content="Study reviewers for IoT (Internet of Things) security, cloud computing, fog computing, and Intelligent Systems by CodeKokeshi." />
<meta name="keywords" content="IoT reviewer, intelligent systems reviewer, cloud computing notes, fog computing reviewer, IoT security, college reviewer, study notes" />
<meta name="author" content="CodeKokeshi" />
<link rel="canonical" href="https://codekokeshi.github.io/reviewers.html" />
<meta name="theme-color" content="#0f1116" />
<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=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&family=Press+Start+2P&family=Orbitron:wght@400;500;600;700;800&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/css/site.css" data-cache-bust="true" />
</head>
<body>
<canvas id="particle-canvas"></canvas>
<div class="page-shell">
<header class="top-bar">
<a class="brand" href="index.html">Code Kokeshi</a>
<nav class="nav-links" aria-label="Pages">
<a class="nav-link" href="gamedev.html">Game Dev</a>
<a class="nav-link" href="art.html">Art</a>
<a class="nav-link" href="projects.html">Projects</a>
<a class="nav-link" href="reviewers.html" aria-current="page">Reviewers</a>
<a class="nav-link" href="thesis_section/index.html">Thesis</a>
</nav>
<div class="theme-switcher" role="group" aria-label="Theme selector">
<span class="theme-label">Theme</span>
<button type="button" class="theme-button" data-theme-option="dark" aria-pressed="false">Dark</button>
<button type="button" class="theme-button" data-theme-option="light" aria-pressed="false">Light</button>
<button type="button" class="theme-button" data-theme-option="wood" aria-pressed="false">Retro</button>
<button type="button" class="theme-button" data-theme-option="cyberpunk" aria-pressed="false">Cyberpunk</button>
</div>
</header>
<main>
<section class="page-section hero-simple">
<h1 class="section-title">Reviewers</h1>
<p class="lead">Interactive study aids and quizzes for university courses.</p>
</section>
<section class="page-section">
<h2 class="section-title">Finals</h2>
<p class="lead">Dedicated finals reviewers, split per lesson section so long topics stay manageable.</p>
<div class="portfolio-grid no-animations">
<article class="portfolio-card">
<div class="portfolio-card__header">
<h3>Intelligent Systems Reviewer (Finals)</h3>
<span class="pill">Web</span>
</div>
<p>Finals reviewer split into 3 parts: Lesson 6 (Part 1), Lesson 7 and 8 (Part 2), Lesson 9 and 10 (Part 3).</p>
<div class="tech-tags">
<span class="tech-tag">HTML5</span>
<span class="tech-tag">CSS3</span>
<span class="tech-tag">JavaScript</span>
</div>
<div class="card-links">
<a href="quizzes/finals/intelligent-systems-reviewer-finals/index.html">Open</a>
</div>
</article>
<article class="portfolio-card">
<div class="portfolio-card__header">
<h3>Internet of Things Reviewer (Finals)</h3>
<span class="pill">Web</span>
</div>
<p>Finals reviewer split into 2 parts: Lesson 5-6 (Part 1: IoT Security & Cloud Computing), Lesson 7-8 (Part 2: Fog Computing & IoT in Practice).</p>
<div class="tech-tags">
<span class="tech-tag">HTML5</span>
<span class="tech-tag">CSS3</span>
<span class="tech-tag">JavaScript</span>
</div>
<div class="card-links">
<a href="quizzes/finals/iot-reviewer-finals/index.html">Open</a>
</div>
</article>
</div>
</section>
<section class="page-section">
<h2 class="section-title">Midterms</h2>
<div class="portfolio-grid no-animations">
<article class="portfolio-card">
<div class="portfolio-card__header">
<h3>Intelligent Systems Reviewer (Midterms Period Part 2)</h3>
<span class="pill">Web</span>
</div>
<p>Interactive quiz for Intelligent Systems covering Decision Trees, Ensemble Learning, Collaborative Filtering, and KNN. Features a modern UI with React and Tailwind CSS.</p>
<div class="tech-tags">
<span class="tech-tag">React</span>
<span class="tech-tag">Tailwind CSS</span>
<span class="tech-tag">JavaScript</span>
</div>
<div class="card-links">
<a href="quizzes/midterms/IS-interactive-quiz-part2/index.html">Open</a>
</div>
</article>
<article class="portfolio-card">
<div class="portfolio-card__header">
<h3>Internet of Things Reviewer (Midterms Period Part 2)</h3>
<span class="pill">Web</span>
</div>
<p>Interactive quiz for IoT & Cloud Computing covering Cloud Economics, Security, and Deployment Models. Features a futuristic UI with Tailwind CSS.</p>
<div class="tech-tags">
<span class="tech-tag">HTML5</span>
<span class="tech-tag">Tailwind CSS</span>
<span class="tech-tag">JavaScript</span>
</div>
<div class="card-links">
<a href="quizzes/midterms/iot-interactive-quiz-part2/index.html">Open</a>
</div>
</article>
<article class="portfolio-card">
<div class="portfolio-card__header">
<h3>HCI Reviewer (Midterms Period)</h3>
<span class="pill">Web</span>
</div>
<p>Flashcard and quiz system for Human-Computer Interaction (HCI) concepts. Covers interaction design, UX, accessibility, usability goals, and design principles. Quiz types include multiple choice, fill-in-the-blank, multi-select, categorization sorter, matching, and more.</p>
<div class="tech-tags">
<span class="tech-tag">HTML5</span>
<span class="tech-tag">CSS3</span>
<span class="tech-tag">JavaScript</span>
<span class="tech-tag">Bootstrap 5</span>
<span class="tech-tag">LocalStorage</span>
</div>
<div class="card-links">
<a href="quizzes/midterms/hci-reviewer-quiz/index.html">Open</a>
</div>
</article>
<article class="portfolio-card">
<div class="portfolio-card__header">
<h3>Internet of Things Reviewer (Midterms Period)</h3>
<span class="pill">Web</span>
</div>
<p>Flashcard system for studying IoT concepts with spaced repetition tracking. Includes a quiz section with multiple choice, multi-select, fill-in-the-blank, and abbreviation questions.</p>
<div class="tech-tags">
<span class="tech-tag">HTML5</span>
<span class="tech-tag">CSS3</span>
<span class="tech-tag">JavaScript</span>
<span class="tech-tag">Bootstrap 5</span>
<span class="tech-tag">LocalStorage</span>
</div>
<div class="card-links">
<a href="quizzes/midterms/iot-reviewer-quiz/index.html">Open</a>
</div>
</article>
<article class="portfolio-card">
<div class="portfolio-card__header">
<h3>Intelligent Systems Reviewer (Midterms Period)</h3>
<span class="pill">Web</span>
</div>
<p>Flashcard system for studying AI and machine learning topics with progress tracking. Includes a quiz section covering neural networks, search algorithms, knowledge representation, and more.</p>
<div class="tech-tags">
<span class="tech-tag">HTML5</span>
<span class="tech-tag">CSS3</span>
<span class="tech-tag">JavaScript</span>
<span class="tech-tag">Bootstrap 5</span>
<span class="tech-tag">LocalStorage</span>
</div>
<div class="card-links">
<a href="quizzes/midterms/intelligent-systems-reviewer-quiz/index.html">Open</a>
</div>
</article>
</div>
</section>
</main>
<footer class="site-footer">© <span id="year"></span> CodeKokeshi. Built with intention.</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
<script defer src="assets/js/animations.js"></script>
<script defer src="assets/js/site.js"></script>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>