841a7ced76
dhbw: neuer kurs technik I — 4 kapitel + demo assets
2026-05-04 20:05:46 +02:00
5c419c9ed1
gendering: fehlende person-substantive in beiden kursen
...
- Nutzer/User -> Nutzende
- Endnutzer -> Endnutzende
- Teilnehmer -> Teilnehmende
- Programmierer/Entwickler -> Programmierende/Entwickelnde
- Web-Entwickler -> Web-Entwickelnde
- Tastatur-Nutzer -> Tastatur-Nutzende
- Benutzer -> Nutzende
- Konsumenten -> KonsumentInnen
- Künstler -> KünstlerInnen
- Autor -> AutorIn
- Fotografen -> FotografInnen
- Kunde -> KundIn
ausgenommen: code-identifiers (User, type User, /users/),
Sender/Empfänger (network protocol), Sawyer (konkrete person),
Hersteller/Betreiber (organisations-rolle).
2026-04-27 17:27:19 +02:00
a955a7636a
selbstlernen hex links: absolute urls fuer PDF-klick
...
PDF rendert relative pfade als nicht-klickbar. absolute https-urls
zu librete.ch/hdm/223015b/materials/hex1-5 funktionieren beide
in HTML- und PDF-export.
2026-04-27 16:29:09 +02:00
c978842812
c01 Web-Zugänglichkeit Vertiefung: keine klausur, kein bg
...
- _class: 'erklaerung klausur' -> _class: erklaerung
- _backgroundColor: #fce4ec entfernt
ist nur eine vertiefung, keine klausur-folie.
2026-04-27 16:10:01 +02:00
61468d2d3a
erklaerung: bg entfernen — soll vertiefung sein, nicht klausur
...
bug: 'section.erklaerung' hatte '@media print { background }' rule (alle 5
files), was im PDF rosa/blau-klausur-bg setzte. HTML hatte (in c) keinen
bg oder (in b) gradient bg. ergebnis: HTML zeigt erklaerung anders als PDF
— PDF sah aus wie klausurfolie obwohl es nur eine vertiefung ist.
fix: erklaerung behaelt nur 'font-size: 1.1rem' + h1 color/size + table
font-size. KEIN background mehr — weder screen noch print. visuell
unterschieden durch h1-color und font-size, nicht durch bg-farbe.
betroffen: b01, b02, b03, c01, c02 (alle files mit section.erklaerung).
2026-04-27 15:04:45 +02:00
a3c3e259b4
b01: kaputte html-comments fixen (_class directive nicht im comment-prefix)
...
L603/L850: '<!-- _class: erklaerung' ohne '-->' und ' _class:' ohne '<!--'
in proper '<!--\n_class:\n-->' form gebracht. inhalt bleibt versteckt
wie vorher beabsichtigt, syntax aber jetzt sauber.
2026-04-27 01:26:31 +02:00
ac39f2b746
klausurfragen pdf fix: pre blocks waren schwarz auf schwarz
...
bug: 'pre code { color: inherit }' fiel auf section --color-foreground (#1a1a2e)
zurueck weil 'pre' selbst keine 'color' hatte. multi-line code-bloecke
unsichtbar (nur hljs-syntax-spans hatten farbe, rest = dark on dark).
fix: 'pre { color: #f8f8f8 }' setzen + inline 'code' und hljs/non-hljs
selectoren analog zu chapter-styles ergaenzt.
verified: c klausurfragen page 60 (G2 mobile-first CSS pre-block) jetzt
voll lesbar.
2026-04-27 00:53:48 +02:00
19ca5ad3e0
223015b selbstlernen hex files: 5 statt 3 dateien, link wtf->hex, pfad ./materials
...
- referenzen wtf1/2/3 -> hex1/2/3 (dateinamen tatsächlich)
- hex4 (DOCX) und hex5 (ZIP) ergänzt — alle 5 vorhandenen materialien sichtbar
- pfad ../materials -> ./materials (build/223015b/materials struktur)
2026-04-26 22:05:48 +02:00
aea96edd09
bit/byte/hex folien sync beide kurse + neue viz embeds
...
223015c (internettechnik):
- byte-aufbau ausgebaut (build-up tabelle 0..127..255 wie b)
- neue slides: why-8-bit, byte-flow, three-views nach byte-nibble-hex/hex-dec-table
223015b (dateiformate):
- byte-nibble-hex slide eingebaut
- neue slides: why-8-bit (vor hex-lead), hex-dec-table, byte-flow, three-views
- wo-begegnet-hex tabelle (CSS, MAC, fehlercodes, speicher, unicode)
- bit-vs-byte verwirrung (Mbit/s vs MB/s)
konvention: 'Byte' und 'Bit' invariant, kein plural-s
2026-04-26 22:05:32 +02:00
a000cdbc8d
223015b: neuauflage ascii-tabelle + sync byte-nibble-hex/hex-dec-table aus c
...
- ascii-table.html: 16x8 grid, kategorie-gefärbt (ctrl/digit/upper/lower/punct/del)
hex+dezimal pro zelle, legende, beispiel-zeile
- byte-nibble-hex + hex-dec-table aus 223015c kopiert für slide-parität
2026-04-26 22:04:36 +02:00
1d29a9f03c
neue viz: three-views, why-8-bit, byte-flow (beide kurse)
...
- three-views.html: bitstream/hex/bedeutung — gleiche bytes drei perspektiven (PNG-header)
- why-8-bit.html: speicher-adressierung byteweise, halbe byte unmöglich
- byte-flow.html: 1 byte = 8 bit = 2 hex = 1 ASCII (Hello, World!) jeder rahmen ein byte
- screenshots in beide assets/demos ordner
2026-04-26 22:04:28 +02:00
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
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
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
