admin/scribe
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

Fix header template escaping; ensure title and logo render from env vars
Mirror and run GitLab CI / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
ScrAIbe Admin
2026-06-14 20:11:28 +00:00
parent 9ec4c4ccba
commit 1582b90ddb
1 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
misc/header.html
+32 -32
View File
@@ -9,15 +9,15 @@
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap" rel="stylesheet">
<style>
.header-container {
.header-container {{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 40px;
box-sizing: border-box;
}
}}
.header-title {
.header-title {{
font-family: 'Cormorant Garamond', serif;
font-size: 42px;
font-weight: bold;
@@ -26,80 +26,80 @@
position: relative;
padding: 0.4em 0;
flex: 1;
}
}}
.header-title::before, .header-title::after {
.header-title::before, .header-title::after {{
content: "";
position: absolute;
height: 2px;
width: 100%;
background-color: {accent_color};
left: 0;
}
}}
.header-title::before { top: 0.4em; }
.header-title::after { bottom: 0.4em; }
.header-title::before {{ top: 0.4em; }}
.header-title::after {{ bottom: 0.4em; }}
.logo-container {
.logo-container {{
flex-shrink: 0;
margin-left: 20px;
}
}}
.logo {
.logo {{
height: 80px;
width: auto;
display: block;
}
}}
.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-container {
@media (max-width: 768px) {{
.header-container {{
flex-direction: column;
align-items: center;
padding: 15px;
gap: 10px;
}
}}
.header-title {
.header-title {{
font-size: 28px;
text-align: center;
}
}}
.header-title::before, .header-title::after {
.header-title::before, .header-title::after {{
width: 80%;
left: 10%;
}
}}
.logo-container {
.logo-container {{
margin-left: 0;
}
}}
.logo {
.logo {{
height: 60px;
}
}}
.header-description {
.header-description {{
padding: 10px 20px 15px;
}
}
}}
}}
</style>
</head>
<body>