Markdown-Renderer: Bullet-Listen, ---Trenner und ##-Überschriften

- Devlogs im strukturierten Stil (Sektionen, Listen, Icons) rendern jetzt sauber
  auf der Webseite: Listen mit Neon-Markern, Trenner als Gradient-Linie,
  Überschriften im Mono-Tag-Stil
- Weiterhin ohne Library, Input wird nie als HTML interpretiert

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-23 10:49:42 +02:00
co-authored by Claude Opus 4.8
parent 3c8f442d6c
commit 4fb3a6d02c
2 changed files with 108 additions and 12 deletions
+33
View File
@@ -300,6 +300,39 @@ body::after {
padding: .06rem .4rem;
color: var(--success);
}
.card-body .md-list {
margin: .55rem 0;
padding-left: 1.2rem;
list-style: none;
}
.card-body .md-list li {
position: relative;
padding-left: .2rem;
margin: .25rem 0;
}
.card-body .md-list li::before {
content: '▪';
position: absolute;
left: -1.1rem;
color: var(--neon);
font-size: .8em;
top: .15em;
}
.card-body .md-hr {
border: none;
height: 1px;
background: linear-gradient(to right, var(--border), transparent);
margin: 1.1rem 0;
}
.card-body .md-h {
font-family: var(--mono);
font-size: .78rem;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--neon);
margin: 1rem 0 .4rem;
}
.card-body .md-h2, .card-body .md-h3 { color: var(--muted); }
/* Bildergalerie (heruntergeladene Devlog-Screenshots) */
.card-images {