Use branding logo in OG image and favicons

2026-09-09 05:59:14 +08:00
parent 2c86da97c7
commit 756179d79f
8 changed files with 6 additions and 7 deletions
@@ -23,14 +23,13 @@
    padding: 34px 48px 0;
  }
  .avatar {
-    width: 44px; height: 44px; border-radius: 50%;
-    background: #295cff;
-    color: #ffffff;
-    font-weight: 700;
-    font-size: 22px;
+    width: 48px; height: 48px;
+    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
-    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
+    background: #ffffff;
+    padding: 4px;
  }
+  .avatar img { width: 100%; height: 100%; object-fit: contain; display: block; }
  .brand {
    font-family: "Space Grotesk", "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
@@ -108,7 +107,7 @@
 </head>
 <body>
  <div class="topbar">
-    <div class="avatar">M</div>
+    <div class="avatar"><img src="file:///D:/dev/hoelee-blog/public/logo-square.png" alt=""></div>
    <div class="brand">Mr Hoelee <span class="domain">· blog.hoelee.com</span></div>
  </div>