Add a (simple) logo

frontend/static/logo.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1599 972" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-771.901,-775.567)">
+        <g transform="matrix(5.14628,0,0,5.00692,41.3851,-6704.09)">
+            <g transform="matrix(239.668,0,0,239.668,455.228,1644.94)">
+            </g>
+            <text x="130.248px" y="1644.94px" style="font-family:'Asset-Regular', 'Asset';font-size:239.668px;fill:rgb(245,224,220);">L</text>
+        </g>
+        <g transform="matrix(0.139428,0,0,0.139428,656.217,1454.62)">
+            <g transform="matrix(1.02783,0,0,1,-21.8791,0)">
+                <g transform="matrix(1200,0,0,1200,11689,1802.1)">
+                </g>
+                <text x="786.091px" y="1802.1px" style="font-family:'Asset-Regular', 'Asset';font-size:1200px;fill:rgb(203,166,247);">L<tspan x="2432.05px 3507.29px 5279px 6980.56px 8652.17px 10164.4px " y="1802.1px 1802.1px 1802.1px 1802.1px 1802.1px 1802.1px ">inkLog</tspan></text>
+            </g>
+        </g>
+    </g>
+</svg>

frontend/static/profile.js

@@ -5,7 +5,7 @@ const mastodonForm = document.querySelector('#mastodon-form');
 const profileLogoutButton = document.querySelector('#logout-button');
 const accessToken = localStorage.getItem('linklogAccessToken');
 const defaultMastodonInstance = 'mastodon.social';
-const defaultPostPrefix = 'From my #LinkLog: "';
+const defaultPostPrefix = 'From my #LinkLog: ';
 
 function authHeaders(includeJson = false) {
   return {
@@ -33,7 +33,7 @@ async function loadProfile() {
     avatarPreview.classList.remove('hidden');
   }
   if (profile.is_admin) {
-    document.querySelector('#admin-link').classList.remove('hidden');
+    document.querySelector('#auth-admin-link')?.classList.remove('hidden');
   }
   profileLogoutButton.classList.remove('hidden');
 }

frontend/static/style.css

@@ -84,6 +84,15 @@ body::selection {
   line-height: 1;
 }
 
+.site-logo {
+  display: block;
+  width: min(260px, 70vw);
+  height: 58px;
+  margin-bottom: 12px;
+  object-fit: contain;
+  object-position: left center;
+}
+
 .site-header p {
   max-width: 34rem;
   margin: 14px 0 0;
@@ -529,6 +538,11 @@ button:disabled {
     font-size: 2.35rem;
   }
 
+  .site-logo {
+    width: min(220px, 68vw);
+    height: 48px;
+  }
+
   .header-row {
     align-items: center;
     gap: 12px;

frontend/templates/admin.html

@@ -11,7 +11,8 @@
       <div class="container">
         <div class="header-row">
           <div>
-            <h1>LinkLog Admin</h1>
+            <img class="site-logo" src="/static/logo.svg" alt="LinkLog" />
+            <h1>Admin</h1>
             <p>Manage users and plugin configuration</p>
           </div>
           <div class="header-actions">

frontend/templates/feed.html

@@ -11,7 +11,7 @@
       <div class="container">
         <div class="header-row">
           <div>
-            <h1>LinkLog</h1>
+            <img class="site-logo" src="/static/logo.svg" alt="LinkLog" />
             <p>Public link feed</p>
           </div>
           <div class="header-actions">

frontend/templates/labels.html

@@ -11,6 +11,7 @@
       <div class="container">
         <div class="header-row">
           <div>
+            <img class="site-logo" src="/static/logo.svg" alt="LinkLog" />
             <h1>Labels</h1>
             <p>Manage your link labels</p>
           </div>

frontend/templates/login.html

@@ -11,7 +11,7 @@
       <div class="container">
         <div class="header-row">
           <div>
-            <h1>Sign in</h1>
+            <img class="site-logo" src="/static/logo.svg" alt="LinkLog" />
             <p>Access your LinkLog settings</p>
           </div>
           <div class="header-actions">

frontend/templates/user_profile.html

@@ -10,7 +10,10 @@
     <header class="site-header">
       <div class="container">
         <div class="header-row">
-          <h1>Profile</h1>
+          <div>
+            <img class="site-logo" src="/static/logo.svg" alt="LinkLog" />
+            <h1>Profile</h1>
+          </div>
           <div class="header-actions">
             <button class="menu-toggle" type="button" aria-expanded="false" aria-controls="auth-menu">Menu</button>
             <nav id="auth-menu" class="auth-menu hidden" aria-label="Account menu">
@@ -84,7 +87,7 @@
           </label>
           <label>
             Post prefix
-            <input id="mastodon-post-prefix" name="post_prefix" type="text" value="From my #LinkLog: &quot;" />
+            <input id="mastodon-post-prefix" name="post_prefix" type="text" value="From my #LinkLog: " />
           </label>
           <button type="submit">Save Mastodon settings</button>
           <p id="mastodon-status" class="status" role="status"></p>
@@ -93,6 +96,6 @@
     </main>
     <script src="/static/auth-header.js?v=3"></script>
     <script src="/static/logout.js?v=2"></script>
-    <script src="/static/profile.js?v=2"></script>
+    <script src="/static/profile.js?v=3"></script>
   </body>
 </html>