Use URL-based logos, env-based WebGUI title, apstrom.ca link, update README

2026-06-14 15:35:16 +00:00
parent fb1dc3324d
commit dc20e9cff0
5 changed files with 129 additions and 36 deletions
@@ -56,14 +56,14 @@
            font-size: 14px;
            color: #333;
        }}
-        .github-section {{
+        .brand-section {{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
        }}
-        .github-icon a {{
+        .brand-icon a {{
            display: flex;
            align-items: center;
            justify-content: center;
@@ -75,15 +75,15 @@
            color: white;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }}
-        .github-icon i {{
+        .brand-icon i {{
            font-size: 24px;
        }}
-        .github-icon a:hover, .github-icon a:focus {{
+        .brand-icon a:hover, .brand-icon a:focus {{
            background-color: #50AF31;
            transform: scale(1.1);
            text-decoration: none;
        }}
-        .github-icon a, .github-icon a:hover, .github-icon a:active, .github-icon a:visited {{
+        .brand-icon a, .brand-icon a:hover, .brand-icon a:active, .brand-icon a:visited {{
            text-decoration: none;
        }}
        .build-version {{
@@ -105,10 +105,10 @@
        <h2 style="font-weight: bold; color: #7C6DA0;">Data retention</h2>
 	<p>Audio or video files uploaded to this application are only retained for the time that it takes to complete the transcription. All transcripts are deleted after they are transmitted to the user.</p>
    </div>
-    <div class="github-section">
-        <div class="github-icon">
-            <a href="https://github.com/JSchmie/ScrAIbe-WebUI" aria-label="GitHub">
-                <i class="fab fa-github"></i>
+    <div class="brand-section">
+        <div class="brand-icon">
+            <a href="https://apstrom.ca" aria-label="A.P.Strom">
+                <i class="fas fa-globe"></i>
            </a>
        </div>
    </div>
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>A.P.Strom Transcription</title>
+    <title>{webui_title}</title>

    <!-- Importing Cormorant Garamond font from Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap" rel="stylesheet">
@@ -66,10 +66,10 @@
 </head>
 <body>
    <div class="header-container">
-        <h1 class="header-title">A.P.Strom Transcription</h1>
+        <h1 class="header-title">{webui_title}</h1>
        <div class="logo-container">
            <a href="{header_logo_url}">
-                <img src="./gradio_api/file={header_logo_src}" alt="A.P.Strom Logo" class="logo">
+                <img src="{header_logo_src}" alt="{webui_title}" class="logo">
            </a>
        </div>
    </div>