replace ascii osi/tcpip layer diagram with rendered visual

This commit is contained in:
2026-04-20 11:06:16 +02:00
parent b3c0994b7e
commit 76f7ff3a46
3 changed files with 55 additions and 25 deletions

View File

@@ -73,13 +73,13 @@ section.glossar {
}
section.erklaerung {
font-size: 1.1rem;
background: repeating-linear-gradient(
/**background: repeating-linear-gradient(
135deg,
#fce4ec,
#fce4ec 40px,
#fff 40px,
#fff 80px
) !important;
) !important;**/
}
@media print {
section.erklaerung {
@@ -571,24 +571,7 @@ SPEAKER NOTES:
# Exkurs: OSI vs. TCP/IP
```
OSI (7 Schichten) TCP/IP (4 Schichten)
┌─────────────────────┐ ┌─────────────────────┐
│ 7. Anwendung │ │ │
├─────────────────────┤ │ Anwendung │
│ 6. Darstellung │ │ │
├─────────────────────┤ │ │
│ 5. Sitzung │ │ │
├─────────────────────┤ ├─────────────────────┤
│ 4. Transport │ │ Transport │
├─────────────────────┤ ├─────────────────────┤
│ 3. Vermittlung │ │ Internet │
├─────────────────────┤ ├─────────────────────┤
│ 2. Sicherung │ │ │
├─────────────────────┤ │ Netzzugang │
│ 1. Bitübertragung │ │ │
└─────────────────────┘ └─────────────────────┘
```
![h:440 center](./assets/demos/osi-tcpip-diagram.png)
OSI = Theorie. TCP/IP = Realität.
@@ -2381,9 +2364,6 @@ Doppelpunkt zur Unterscheidung von Pseudo-Klassen aber einfacher Doppelpunkt
![bg right:35%](./assets/demos/css-responsive.png)
![bg right:35%](./assets/demos/css-responsive.png)
```css
/* Mobile First: Basis-Styles */
.container {
@@ -2395,7 +2375,6 @@ Doppelpunkt zur Unterscheidung von Pseudo-Klassen aber einfacher Doppelpunkt
.container {
padding: 2rem;
background: red;
background: red;
}
}
/* Ab 1024px (Desktop): Weitere Anpassungen */
@@ -2403,7 +2382,6 @@ Doppelpunkt zur Unterscheidung von Pseudo-Klassen aber einfacher Doppelpunkt
.container {
background: green;
}
}
}
```