Skip to content

Commit dc4b248

Browse files
orabeCopilot
orabe
and
Copilot
committed
Add quality standards section to certificate verification page
Co-authored-by: Copilot <copilot@github.com>
1 parent 1efcc54 commit dc4b248

2 files changed

Lines changed: 180 additions & 5 deletions

File tree

‎assets/css/style.css‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -404,6 +404,90 @@ article.active {
404404
gap: 8px;
405405
}
406406

407+
.quality-card {
408+
margin-top: 18px;
409+
}
410+
411+
.quality-standard-header {
412+
display: flex;
413+
flex-direction: column;
414+
gap: 10px;
415+
margin-bottom: 18px;
416+
}
417+
418+
.quality-standard-kicker {
419+
width: fit-content;
420+
padding: 5px 10px;
421+
border-radius: 999px;
422+
font-size: var(--fs-8);
423+
font-weight: var(--fw-600);
424+
letter-spacing: 0.08em;
425+
text-transform: uppercase;
426+
color: var(--white-2);
427+
background: rgba(39, 104, 237, 0.16);
428+
border: 1px solid rgba(39, 104, 237, 0.22);
429+
}
430+
431+
.quality-standard-title {
432+
margin: 0;
433+
}
434+
435+
.quality-standard-intro {
436+
max-width: 68ch;
437+
color: var(--light-gray);
438+
line-height: 1.7;
439+
font-size: var(--fs-6);
440+
}
441+
442+
.quality-standard-grid {
443+
display: grid;
444+
grid-template-columns: repeat(2, minmax(0, 1fr));
445+
gap: 14px;
446+
}
447+
448+
.quality-standard-item {
449+
padding: 16px 16px 14px;
450+
border-radius: 16px;
451+
background: rgba(255, 255, 255, 0.3);
452+
border: 1px solid rgba(255, 255, 255, 0.2);
453+
}
454+
455+
.quality-standard-item .h4 {
456+
margin-bottom: 10px;
457+
color: var(--white-2);
458+
}
459+
460+
.quality-standard-item ul {
461+
display: grid;
462+
gap: 8px;
463+
padding-left: 18px;
464+
margin: 0;
465+
}
466+
467+
.quality-standard-item li {
468+
list-style: disc;
469+
color: var(--light-gray);
470+
line-height: 1.6;
471+
font-size: var(--fs-6);
472+
}
473+
474+
.quality-standard-note {
475+
grid-column: 1 / -1;
476+
}
477+
478+
.quality-standard-note p {
479+
color: var(--light-gray);
480+
line-height: 1.7;
481+
font-size: var(--fs-6);
482+
margin: 0;
483+
}
484+
485+
.quality-standard-footer {
486+
margin-top: 16px;
487+
color: var(--light-gray-70);
488+
font-size: var(--fs-8);
489+
}
490+
407491
/* Identity icon next to verified title */
408492
.verify-identity {
409493
display: flex;

‎verify/index.html‎

Lines changed: 96 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -83,11 +83,11 @@ <h1 class="name" title="MathCodeLab">MathCodeLab</h1>
8383
<i class="fa-brands fa-instagram"></i>
8484
</a>
8585
</li>
86-
<li class="social-item">
87-
<a target="_blank" rel="noopener noreferrer" href="https://github.com/orabe" class="social-link">
88-
<i class="fa-brands fa-github"></i>
89-
</a>
90-
</li>
86+
<li class="social-item">
87+
<a target="_blank" rel="noopener noreferrer" href="https://t.me/MathCodeLab" class="social-link" title="MathCodeLab auf Telegram">
88+
<i class="fa-brands fa-telegram"></i>
89+
</a>
90+
</li>
9191
</ul>
9292

9393
</div>
@@ -160,6 +160,97 @@ <h2 class="h2 article-title">Zertifikat prüfen</h2>
160160
</div>
161161
</section>
162162

163+
<section class="service">
164+
<div class="quality-card content-card">
165+
<header class="quality-standard-header">
166+
<!-- <p class="quality-standard-kicker">Interner Standard</p> -->
167+
<h2 class="h2 article-title quality-standard-title">MathCodeLab Qualitätsstandard</h2>
168+
<p class="quality-standard-intro">
169+
MathCodeLab verfolgt das Ziel, praxisnahe und qualitativ hochwertige Programmierkurse anzubieten.
170+
Die folgenden Grundsätze definieren unseren internen Qualitätsstandard für Planung, Durchführung und Zertifizierung.
171+
</p>
172+
</header>
173+
174+
<div class="quality-standard-grid">
175+
<section class="quality-standard-item">
176+
<h3 class="h4">1. Kurskonzeption</h3>
177+
<ul>
178+
<li>Jeder Kurs basiert auf klar definierten Lernzielen.</li>
179+
<li>Die Inhalte orientieren sich an aktuellen Anforderungen aus Praxis und Industrie.</li>
180+
<li>Die Struktur umfasst Theorie, praktische Übungen und Anwendungsbeispiele.</li>
181+
</ul>
182+
</section>
183+
184+
<section class="quality-standard-item">
185+
<h3 class="h4">2. Didaktik und Durchführung</h3>
186+
<ul>
187+
<li>Die Kurse werden interaktiv gestaltet, zum Beispiel durch Diskussionen und Live-Coding.</li>
188+
<li>Teilnehmende werden aktiv in den Lernprozess eingebunden.</li>
189+
<li>Fragen und individuelle Unterstützung sind integraler Bestandteil.</li>
190+
</ul>
191+
</section>
192+
193+
<section class="quality-standard-item">
194+
<h3 class="h4">3. Praxisorientierung</h3>
195+
<ul>
196+
<li>Der Fokus liegt auf anwendbaren Fähigkeiten und realistischen Aufgabenstellungen.</li>
197+
<li>Teilnehmende arbeiten an praktischen Übungen und Projekten.</li>
198+
<li>Die vermittelten Inhalte sind direkt auf reale Anwendungsfälle übertragbar.</li>
199+
</ul>
200+
</section>
201+
202+
<section class="quality-standard-item">
203+
<h3 class="h4">4. Transparenz der Inhalte</h3>
204+
<ul>
205+
<li>Kursinhalte, Umfang und Niveau werden vorab klar kommuniziert.</li>
206+
<li>Der Umfang wird in Unterrichtsstunden ausgewiesen.</li>
207+
<li>Das angestrebte Niveau, zum Beispiel Bachelor-Niveau, wird angegeben.</li>
208+
</ul>
209+
</section>
210+
211+
<section class="quality-standard-item">
212+
<h3 class="h4">5. Teilnahme und Leistung</h3>
213+
<ul>
214+
<li>Die Teilnahme wird dokumentiert.</li>
215+
<li>Die Bearbeitung von Aufgaben dient der Vertiefung der Inhalte.</li>
216+
<li>Die Teilnahmebescheinigung bestätigt den erfolgreichen Abschluss des Kurses.</li>
217+
</ul>
218+
</section>
219+
220+
<section class="quality-standard-item">
221+
<h3 class="h4">6. Zertifikate und Verifizierung</h3>
222+
<ul>
223+
<li>Jede Teilnahmebescheinigung enthält eine eindeutige Zertifikat-ID.</li>
224+
<li>Die Echtheit kann jederzeit online überprüft werden.</li>
225+
<!-- <li>Die Verifizierung erfolgt über <a href="https://mathcodelab.de/verify/" target="_blank" rel="noreferrer">mathcodelab.de/verify</a>.</li> -->
226+
</ul>
227+
</section>
228+
229+
<section class="quality-standard-item">
230+
<h3 class="h4">7. Qualitätssicherung</h3>
231+
<ul>
232+
<li>Feedback der Teilnehmenden wird regelmäßig berücksichtigt.</li>
233+
<li>Kursinhalte werden kontinuierlich überprüft und verbessert.</li>
234+
<li>Der Qualitätsstandard wird laufend weiterentwickelt.</li>
235+
</ul>
236+
</section>
237+
238+
<section class="quality-standard-item quality-standard-note">
239+
<h3 class="h4">8. Hinweis</h3>
240+
<p>
241+
Die von MathCodeLab ausgestellten Teilnahmebescheinigungen bestätigen die erfolgreiche Teilnahme an einem Kurs.
242+
Sie stellen keinen akademischen Abschluss dar und beinhalten keine Vergabe von Leistungspunkten (ECTS).
243+
Eine mögliche Anerkennung durch Dritte erfolgt im Ermessen der jeweiligen Institution.
244+
</p>
245+
</section>
246+
</div>
247+
248+
<footer class="quality-standard-footer">
249+
<p><strong>Stand:</strong> April 2026</p>
250+
</footer>
251+
</div>
252+
</section>
253+
163254
</article>
164255

165256
</div>

0 commit comments

Comments
 (0)