zwitschi/linearvoid
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

refactor(frontend): standardize HTML formatting and update font families
CI / test (push) Successful in 1m42s
Details
CI / docker (push) Successful in 32s
Details

Browse Source
This commit is contained in:
zwitschi committed 2026-08-13 18:40:03 +02:00
1 parent 76397d52d7
commit a15a9f2df0
4 files changed
+26 -84
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/admin/index.html
+14 -81
View File
@@ -1,9 +1,13 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Linear Void Admin</title> <title>Linear Void Admin</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Space+Grotesk:wght@300..700&family=Tektur:wght@400..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../src/style.css" /> <link rel="stylesheet" href="../src/style.css" />
</head> </head>
@@ -18,103 +22,31 @@
<button id="logout-btn" type="button" class="btn btn-secondary btn-block">Sign out</button> <button id="logout-btn" type="button" class="btn btn-secondary btn-block">Sign out</button>
<nav class="admin-nav" aria-label="Admin sections" role="tablist" aria-orientation="vertical"> <nav class="admin-nav" aria-label="Admin sections" role="tablist" aria-orientation="vertical">
<button <button type="button" id="tab-trigger-dashboard" role="tab" class="tab-trigger is-active" data-tab="dashboard" aria-controls="tab-dashboard" aria-selected="true">
type="button"
id="tab-trigger-dashboard"
role="tab"
class="tab-trigger is-active"
data-tab="dashboard"
aria-controls="tab-dashboard"
aria-selected="true"
>
Dashboard Dashboard
</button> </button>
<button <button type="button" id="tab-trigger-upload" role="tab" class="tab-trigger" data-tab="upload" aria-controls="tab-upload" aria-selected="false">
type="button"
id="tab-trigger-upload"
role="tab"
class="tab-trigger"
data-tab="upload"
aria-controls="tab-upload"
aria-selected="false"
>
Upload Video Upload Video
</button> </button>
<button <button type="button" id="tab-trigger-playlist" role="tab" class="tab-trigger" data-tab="playlist" aria-controls="tab-playlist" aria-selected="false">
type="button"
id="tab-trigger-playlist"
role="tab"
class="tab-trigger"
data-tab="playlist"
aria-controls="tab-playlist"
aria-selected="false"
>
Playlist Playlist
</button> </button>
<button <button type="button" id="tab-trigger-schedule" role="tab" class="tab-trigger" data-tab="schedule" aria-controls="tab-schedule" aria-selected="false">
type="button"
id="tab-trigger-schedule"
role="tab"
class="tab-trigger"
data-tab="schedule"
aria-controls="tab-schedule"
aria-selected="false"
>
Schedule Schedule
</button> </button>
<button <button type="button" id="tab-trigger-moderation" role="tab" class="tab-trigger" data-tab="moderation" aria-controls="tab-moderation" aria-selected="false">
type="button"
id="tab-trigger-moderation"
role="tab"
class="tab-trigger"
data-tab="moderation"
aria-controls="tab-moderation"
aria-selected="false"
>
Moderation Moderation
</button> </button>
<button <button type="button" id="tab-trigger-chat-log" role="tab" class="tab-trigger" data-tab="chat-log" aria-controls="tab-chat-log" aria-selected="false">
type="button"
id="tab-trigger-chat-log"
role="tab"
class="tab-trigger"
data-tab="chat-log"
aria-controls="tab-chat-log"
aria-selected="false"
>
Chat Log Chat Log
</button> </button>
<button <button type="button" id="tab-trigger-users" role="tab" class="tab-trigger" data-tab="users" aria-controls="tab-users" aria-selected="false">
type="button"
id="tab-trigger-users"
role="tab"
class="tab-trigger"
data-tab="users"
aria-controls="tab-users"
aria-selected="false"
>
Users Users
</button> </button>
<button <button type="button" id="tab-trigger-analytics" role="tab" class="tab-trigger" data-tab="analytics" aria-controls="tab-analytics" aria-selected="false">
type="button"
id="tab-trigger-analytics"
role="tab"
class="tab-trigger"
data-tab="analytics"
aria-controls="tab-analytics"
aria-selected="false"
>
Analytics Analytics
</button> </button>
<button <button type="button" id="tab-trigger-system" role="tab" class="tab-trigger" data-tab="system" aria-controls="tab-system" aria-selected="false">
type="button"
id="tab-trigger-system"
role="tab"
class="tab-trigger"
data-tab="system"
aria-controls="tab-system"
aria-selected="false"
>
System System
</button> </button>
</nav> </nav>
@@ -127,4 +59,5 @@
<script type="module" src="/src/admin.ts"></script> <script type="module" src="/src/admin.ts"></script>
</body> </body>
</html> </html>
frontend/admin/login/index.html
+5
View File
@@ -1,9 +1,13 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Linear Void Admin Login</title> <title>Linear Void Admin Login</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Space+Grotesk:wght@300..700&family=Tektur:wght@400..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../../src/style.css" /> <link rel="stylesheet" href="../../src/style.css" />
</head> </head>
@@ -62,4 +66,5 @@
}); });
</script> </script>
</body> </body>
</html> </html>
frontend/index.html
+3
View File
@@ -5,6 +5,9 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Linear Void - 24/7 Synchronized Channel</title> <title>Linear Void - 24/7 Synchronized Channel</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Space+Grotesk:wght@300..700&family=Tektur:wght@400..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/src/style.css" /> <link rel="stylesheet" href="/src/style.css" />
</head> </head>
frontend/src/style.css
+4 -3
View File
@@ -1,7 +1,8 @@
:root { :root {
color-scheme: dark; color-scheme: dark;
--font-body: "Atkinson Hyperlegible", "Segoe UI", "Helvetica Neue", sans-serif; --font-body: "Tektur", "Segoe UI", "Helvetica Neue", sans-serif;
--font-heading: "Doto", "Segoe UI", "Helvetica Neue", sans-serif;
--font-display: "Space Grotesk", "Segoe UI", sans-serif; --font-display: "Space Grotesk", "Segoe UI", sans-serif;
--font-mono: "IBM Plex Mono", Consolas, monospace; --font-mono: "IBM Plex Mono", Consolas, monospace;
@@ -125,7 +126,7 @@ h1,
h2, h2,
h3 { h3 {
margin: 0; margin: 0;
font-family: var(--font-display); font-family: var(--font-heading);
color: var(--ink-0); color: var(--ink-0);
letter-spacing: -0.02em; letter-spacing: -0.02em;
} }
@@ -539,7 +540,7 @@ select {
.brand-text, .brand-text,
.viewer-title { .viewer-title {
font-family: var(--font-display); font-family: var(--font-heading);
} }
.viewer-title { .viewer-title {