hdm/223015c
1
0
Fork 0
Code Pull Requests Activity

update slide styles with cyberpunk theme

Browse Source
This commit is contained in:
libretech
2025-12-19 21:04:10 +01:00
parent 57e8824df7
commit 2a0db21433
3 changed files with 84 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
slides/2025-12-20-termin-1-geschichte-grundlagen-html.md
+28 -1
View File
@@ -9,11 +9,38 @@ title: "Termin 1: Geschichte, Grundlagen & HTML"
--- ---
<style> <style>
:root {
--color-foreground: #1a1a2e;
--color-highlight: #4ecca3;
--color-dimmed: #4a4a6a;
}
section.invert {
--color-foreground: #fff;
}
section { section {
font-size: 1.7rem; font-size: 1.7rem;
} }
h2 { h2 {
color: var(--color-dimmed); color: var(--color-highlight);
}
pre {
background: #0f0f23;
color: #4ecca3;
border-radius: 8px;
border-left: 3px solid #4ecca3;
}
pre code {
background: transparent;
color: inherit;
}
code {
background: #1a1a2e;
color: #4ecca3;
padding: 0.15em 0.4em;
border-radius: 4px;
}
a {
color: var(--color-highlight);
} }
</style> </style>
slides/2026-01-10-termin-2-netzwerke-protokolle-css.md
+28 -1
View File
@@ -9,11 +9,38 @@ title: "Termin 2: Netzwerke, Protokolle & CSS"
--- ---
<style> <style>
:root {
--color-foreground: #1a1a2e;
--color-highlight: #4ecca3;
--color-dimmed: #4a4a6a;
}
section.invert {
--color-foreground: #fff;
}
section { section {
font-size: 1.7rem; font-size: 1.7rem;
} }
h2 { h2 {
color: var(--color-dimmed); color: var(--color-highlight);
}
pre {
background: #0f0f23;
color: #4ecca3;
border-radius: 8px;
border-left: 3px solid #4ecca3;
}
pre code {
background: transparent;
color: inherit;
}
code {
background: #1a1a2e;
color: #4ecca3;
padding: 0.15em 0.4em;
border-radius: 4px;
}
a {
color: var(--color-highlight);
} }
</style> </style>
slides/2026-01-24-termin-3-interaktivitaet-javascript.md
+28 -1
View File
@@ -9,11 +9,38 @@ title: "Termin 3: Interaktivität & JavaScript"
--- ---
<style> <style>
:root {
--color-foreground: #1a1a2e;
--color-highlight: #4ecca3;
--color-dimmed: #4a4a6a;
}
section.invert {
--color-foreground: #fff;
}
section { section {
font-size: 1.7rem; font-size: 1.7rem;
} }
h2 { h2 {
color: var(--color-dimmed); color: var(--color-highlight);
}
pre {
background: #0f0f23;
color: #4ecca3;
border-radius: 8px;
border-left: 3px solid #4ecca3;
}
pre code {
background: transparent;
color: inherit;
}
code {
background: #1a1a2e;
color: #4ecca3;
padding: 0.15em 0.4em;
border-radius: 4px;
}
a {
color: var(--color-highlight);
} }
</style> </style>