From 2f304e3ed11febf27252e1f0de563dd7b410af82 Mon Sep 17 00:00:00 2001
From: admin <admin@git.optimex.systems>
Date: Sun, 14 Jun 2026 21:02:59 +0000
Subject: [PATCH] Fix header.html template escaping so title and logo render
 correctly

---
 misc/header.html | 60 ++++++++++++++++++++++++------------------------
 1 file changed, 30 insertions(+), 30 deletions(-)
diff --git a/misc/header.html b/misc/header.html
index 65b9fa1..919a150 100644
--- a/misc/header.html
+++ b/misc/header.html
@@ -9,29 +9,29 @@
     <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap" rel="stylesheet">
     
     <style>
-        .header-wrapper {
+        .header-wrapper {{
             display: flex;
             flex-direction: column;
             align-items: center;
             justify-content: center;
             padding: 20px 20px 0;
             box-sizing: border-box;
-        }
+        }}
 
-        .logo-container {
+        .logo-container {{
             display: flex;
             align-items: center;
             justify-content: center;
             margin-bottom: 10px;
-        }
+        }}
 
-        .logo {
+        .logo {{
             width: 120px;
             height: auto;
             display: block;
-        }
+        }}
 
-        .header-title {
+        .header-title {{
             font-family: 'Cormorant Garamond', serif;
             font-size: 42px;
             font-weight: bold;
@@ -41,64 +41,64 @@
             padding: 0.4em 0;
             text-align: center;
             max-width: 90%;
-        }
+        }}
 
         .header-title::before,
-        .header-title::after {
+        .header-title::after {{
             content: "";
             position: absolute;
             height: 2px;
             width: 80%;
             background-color: {accent_color};
             left: 10%;
-        }
+        }}
 
-        .header-title::before {
+        .header-title::before {{
             top: 0.4em;
-        }
+        }}
 
-        .header-title::after {
+        .header-title::after {{
             bottom: 0.4em;
-        }
+        }}
 
-        .header-description {
+        .header-description {{
             text-align: center;
             padding: 10px 40px 20px;
             max-width: 800px;
             margin: 0 auto;
-        }
+        }}
 
         .header-description p,
-        .header-description h2 {
+        .header-description h2 {{
             font-size: 15px;
             margin: 8px 0;
             line-height: 1.5;
-        }
+        }}
 
-        .header-description h2 {
+        .header-description h2 {{
             font-weight: bold;
             color: {accent_color};
-        }
+        }}
 
-        @media (max-width: 768px) {
-            .header-title {
+        @media (max-width: 768px) {{
+            .header-title {{
                 font-size: 28px;
-            }
+            }}
 
             .header-title::before,
-            .header-title::after {
+            .header-title::after {{
                 width: 80%;
                 left: 10%;
-            }
+            }}
 
-            .logo {
+            .logo {{
                 width: 110px;
-            }
+            }}
 
-            .header-description {
+            .header-description {{
                 padding: 10px 20px 15px;
-            }
-        }
+            }}
+        }}
     </style>
 </head>
 <body>
