24d7e5f660
byte-nibble-hex visualisierung: html-demo + slide #50
...
neue stufen-visualisierung (byte → 2 nibbles → 2 hex-ziffern → 4D/77/M)
ersetzt ascii-platzhalter durch sauberes html/css-demo + bg-fit png
2026-04-24 09:44:59 +02:00
a941b81d37
add codecrispies links to html examples
2026-04-24 09:19:26 +02:00
7bbfa74f1b
geschichte-folien: kathleen booth titel, fortran raus, von-neumann ausgebaut
...
- assembler-folie als kathleen booth (1922-2022) mit motorola-6800-asm bild
- fortran-folie entfernt
- von-neumann 5 komponenten: heute-spalte, kernprinzip, bus-details
- palantir/signal-bild-folie raus
- "bauen, einsetzen und regulieren"
- "bit & byte" statt "bits & bytes", 2⁸ ausgeschrieben
- perceivable-folie: texte/nicht-text umstrukturiert
2026-04-24 01:01:27 +02:00
7d0173f40e
223015b: inline code syntax highlighting style parity
2026-04-22 13:18:23 +02:00
2680a745cf
inline code syntax highlighting: marpit custom engine + css
2026-04-22 13:15:19 +02:00
79aaa14c29
a11y feinschliff, hex-dec-table neu, operable-folie verbessert, anatomie klausur
2026-04-22 11:54:51 +02:00
ec800d28ae
a11y werkzeuge-folie überarbeitet: screenreader tabelle, orca/talkback, wcag-formulierungen
2026-04-21 23:38:06 +02:00
80786cb040
a11y folien feinschliff, input-date demo, tag-attribut demo update, synonyme
2026-04-21 23:32:30 +02:00
67857b9bfd
a11y vertiefung: keyboard-demo, input-devices, mdn-links vereinheitlicht
2026-04-21 20:58:52 +02:00
cedda338df
double qr overlay size on wave slide
2026-04-21 19:43:11 +02:00
bfe7f3576a
add inverted wave qr overlay on tab-order slide
2026-04-21 19:35:19 +02:00
6b21b45e01
shrink mdn reference urls to compact text links
2026-04-20 18:26:50 +02:00
aeaeed6867
wave-tab-order as standalone full-bleed slide
2026-04-20 18:24:14 +02:00
72b7d51af9
add contrast-levels demo, wave-tab-order image, link a11y tools, mark axe as paid/pro
2026-04-20 18:22:42 +02:00
bd5d7f0028
disable klausurfolien and klausurfragen cards on index (still being reworked)
2026-04-20 13:35:08 +02:00
b6334035fc
add js basics demos: console, arrays, objects, loops
2026-04-20 13:25:09 +02:00
7626852ac1
add js demos for chapter 3: manipulate, classlist, create, events, preventdefault, todo, fetch, localstorage
2026-04-20 13:14:56 +02:00
754ff9436c
add dark mode js demo on chapter 3 slide
2026-04-20 12:54:52 +02:00
0367f07166
fix broken dns tree and port connector, full-bleed handshake and dns-lookup slides, siezen in all demos, first-letter sizing
2026-04-20 12:06:04 +02:00
c45ddc779c
replace arp dialog with visual, inline first-hop arrow
2026-04-20 11:52:13 +02:00
5b7170e5f4
remove stray handshake png from repo root
2026-04-20 11:48:06 +02:00
cbebc1a6f7
remove klausur class from chapter 2, siezen students, add server-decap demo, hide header/footer on oversized slides
2026-04-20 11:47:55 +02:00
8ed7796968
replace ascii trees: dns hierarchy, dom structure
2026-04-20 11:38:28 +02:00
5d4d167cbd
replace ascii: encap layers, timeline, dns lookup sequence, hop chain
2026-04-20 11:34:56 +02:00
6c8688c9f6
replace ascii arrows: network chain, port highlight, client/server, encap/decap, response hops
2026-04-20 11:27:28 +02:00
54ba08cdbc
mark css einheiten slide as klausur
2026-04-20 11:11:57 +02:00
777e0ffddb
replace ascii encapsulation diagrams: tcp, ip, ethernet, router re-hop
2026-04-20 11:10:47 +02:00
76f7ff3a46
replace ascii osi/tcpip layer diagram with rendered visual
2026-04-20 11:06:16 +02:00
b3c0994b7e
replace ascii box-model with diagram, expand explanation
2026-04-20 10:59:00 +02:00
fb361a2854
add css demos for 223015c chapter 2: selectors, specificity, box-model, colors, pseudo, responsive
2026-04-20 10:53:11 +02:00
a2934f1327
add html/css demos for 223015c chapter 1: html basics, widgets, a11y
2026-04-20 10:44:12 +02:00
558d0e5ecd
update 223015c chapter 1: wording, formatting, gendering
2026-04-20 10:27:06 +02:00
6aba40e128
rename materials wtf1-3 to hex1-3 and add hex4, hex5
2026-04-17 12:37:12 +02:00
f6d9992a2c
add grayscale gradient svg and zoom slide
...
- replace grayscale-gradient.png with svg (256 discrete rects)
- add grayscale-zoom.svg: 16 brightest shades with decimal + hex labels
- add zoom slide after '256 shades of gray'
- minor tweaks: Mbps capitalization, remove redundant '256' prefix in states list
2026-04-17 12:37:09 +02:00
3e7fdf5dfc
fix order
2026-04-17 03:34:01 +02:00
85ff73774c
fix questions
2026-04-17 02:57:54 +02:00
e5e7d80050
update 223015b chapter 1: step-by-step reveals, content tweaks
...
- split 'ein konkretes beispiel' into 5 progressive reveal slides
- add lead slide 'das problem der datengröße oder knappen speichers'
- add samplerate.webp background to 'zurück zu analog' slides
- rework bandbreite slide: klausur class, clearer mbit/s vs mb/s framing
- update 'was sind daten': hausarbeit, 3d-rendering examples
- add matrix red/blue pill to das bit slide
- replace dvd.jpg with kubrick.jpg for video eskaliert slide
- minor wording fixes (mögliche zustände, mbps notation)
2026-04-17 01:42:38 +02:00
8c2f388c7f
update 223015b chapter 1: remove unused slides, fix erklaerung comment, reorder hex slide content
...
- remove placeholder todo slides and compression-types image slide
- remove hex-dec-lookup-table slide
- remove dateneinheiten-vertiefung erklaerung slide
- fix broken erklaerung comment block in kompression-vertiefung
- reorder hexadezimal slide: nibble definition before ascii table link
2026-04-17 00:44:29 +02:00
1bbe41b6fc
update 223015b chapter 1: new assets, slide edits, asset cleanup
...
- add druckwelle.png, samplerate.webp, kubrick.jpg, morpheus.jpg
- remove Red-Pill-Blue-Pill-in-Matrix.jpg
- update slide content
2026-04-16 22:18:15 +02:00
fde51856ce
fix 223015b chapter 1: marp fragment pattern for druckwelle + zurück zu analog
...
- split 'schall ist eine druckwelle' into two slides: * fragments
then full reveal + vinyl line
- split 'zurück zu analog' into two slides: * fragments for dac
chain then full reveal + conclusion
- apply duplicate-slide reveal pattern consistently
2026-04-16 21:55:00 +02:00
8935f31091
rework 223015b chapter 1: analog/digital narrative arc
...
replace flat analog-vs-digital slide and sampling overview with
four-slide narrative: schallwelle → abtastung → digitales ergebnis
→ zurück zu analog (dac). builds a causal chain from sound wave
through digitization back to playback.
2026-04-16 18:29:41 +02:00
81156284ac
update 223015b chapter 1: new slides, speaker notes, abbreviation fixes
...
- add download/upload speed slides with ADSL/FTTH context
- add quiz slide (250 Mbit/s → MB/min)
- add analog vs. digital and sampling slides
- add cd-audio vertiefung (erklaerung slide)
- expand "was sind daten?" with content
- expand speaker notes with sources and terminology (DE/EN)
- resolve all abbreviations in speaker notes: FTTH, ITU, NTSC, PAL, NHK, IEC
- fix typo: "eie" → "eine" binärdatei
- fix spelling: "spektrogram" → "spektrogramm"
- update zettabyte example and 181 ZB as projection not fact
2026-04-16 18:10:00 +02:00
7dd46de5d9
WIP: dateiformate rework
2026-04-16 11:20:08 +02:00
7d8e9f596c
add diday and palantir slides to 223015c chapter 1
2026-04-10 09:18:58 +02:00
ef0a55db77
update 223015c chapter 1: new hex table, zahlensysteme slide, fix byte to 42
2026-04-10 09:18:44 +02:00
ceb5f89320
update 223015b chapter 1: add floridi source to speaker notes, fix artemis slide
2026-04-10 09:18:37 +02:00
a18afde2db
update 223015b intro: fix umfrage wording, remove suggestive question
2026-04-10 09:18:30 +02:00
38563e2142
fix growth-of-big-data image: rename to remove spaces, hide footer
2026-04-10 01:29:16 +02:00
aeb0adada9
update 223015b chapter 1: add images, artemis slide, fix hex table
...
- add cd logo, cd player, dvd, artemis images
- add artemis ii slide with apollo comparison and bandwidth calculation
- regenerate hex-dec lookup table as 16x16 grid with ascii highlight
- move hex-dec table next to hexadezimal slides
- fix mp3 bitrate: 320 -> 128 kbps to match stated file size
2026-04-10 01:10:26 +02:00
e58dacd98c
rework 223015b intro: cleaner structure, new umfrage, consolidate slides
...
- update über mich (full name, proper title)
- remove ama/jung-naiv slides
- new course-specific umfrage questions with speaker notes
- consolidate warum/ziel/kompetenzen into two slides
- chapter-based kursübersicht, klausur-styled prüfungsleistung
2026-04-10 01:10:17 +02:00
