From 179f8e056dcd39091e94f0e6f161d7e8c24af2e8 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Fri, 8 May 2026 10:42:00 +0200
Subject: feat(about): add README rendering with Pygments syntax highlighting

- Add about-filter.py: renders README.md via python-markdown,
  highlights fenced code blocks with Pygments using existing
  Catppuccin Macchiato token CSS classes
- Fix about section selector: cgit v1.2.3 emits div#summary,
  not div#readme; update all rules accordingly
- Style div#summary: surface bg, purple glow, 1200px max-width

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 cgit.css | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

(limited to 'cgit.css')

diff --git a/cgit.css b/cgit.css
index dc4389b..950d510 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1260,35 +1260,39 @@ td.logmsg {
 }
 
 /* About page / README */
-div#readme {
-  background: var(--bg2);
+div#summary {
+  background: var(--surface);
   border: 1px solid var(--border);
   border-radius: 6px;
   padding: 24px 28px;
   margin-top: 20px;
+  max-width: 1200px;
+  width: 100%;
+  box-sizing: border-box;
+  box-shadow: 0 0 20px rgba(var(--accent-rgb), 0.08);
   font-family: 'IBM Plex Sans', sans-serif;
   font-size: 15px;
   line-height: 1.75;
   color: var(--text);
 }
 
-div#readme h1,
-div#readme h2,
-div#readme h3,
-div#readme h4 {
+div#summary h1,
+div#summary h2,
+div#summary h3,
+div#summary h4 {
   font-family: 'Oxanium', monospace;
   color: var(--text);
   margin-top: 1.5em;
   margin-bottom: 0.5em;
 }
 
-div#readme h1 { font-size: 26px; border-bottom: 1px solid var(--border); padding-bottom: 8px; }
-div#readme h2 { font-size: 20px; }
-div#readme h3 { font-size: 17px; }
+div#summary h1 { font-size: 26px; border-bottom: 1px solid var(--border); padding-bottom: 8px; }
+div#summary h2 { font-size: 20px; }
+div#summary h3 { font-size: 17px; }
 
-div#readme a { color: var(--accent); }
+div#summary a { color: var(--accent); }
 
-div#readme code {
+div#summary code {
   font-family: 'JetBrains Mono', monospace;
   font-size: 13px;
   background: var(--surface);
@@ -1298,7 +1302,7 @@ div#readme code {
   color: var(--accent2);
 }
 
-div#readme pre {
+div#summary pre {
   background: var(--surface);
   border: 1px solid var(--border);
   border-radius: 6px;
@@ -1306,7 +1310,7 @@ div#readme pre {
   overflow-x: auto;
 }
 
-div#readme pre code {
+div#summary pre code {
   background: transparent;
   border: none;
   padding: 0;
@@ -1314,7 +1318,7 @@ div#readme pre code {
   font-size: 13px;
 }
 
-div#readme blockquote {
+div#summary blockquote {
   border-left: 4px solid var(--accent);
   margin: 16px 0;
   padding: 8px 16px;
-- 
cgit v1.2.3