✨ Support site config logo, favicon

upptime · Oct 14, 2020 · 21b6f24 · 21b6f24
1 parent 4f77b24
commit 21b6f24
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 18 deletions.
diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
@@ -57,7 +57,7 @@
   <div class="container">
     {#if config['status-website'] && config['status-website'].logoUrl}
       <div>
-        <a href="/" class="logo">
+        <a href={`${config['status-website'].logoHref} || "/"`} class="logo">
           <img alt="" src={config['status-website'].logoUrl} />
           <div>{config['status-website'].name}</div>
         </a>

diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
@@ -13,6 +13,17 @@
   }
 </style>
 
+<svelte:head>
+  <link
+    rel="icon"
+    type="image/svg"
+    href={(config['status-website'] || {}).faviconSvg || (config['status-website'] || {}).favicon || `https://raw.githubusercontent.com/koj-co/upptime/master/assets/icon.svg`} />
+  <link
+    rel="icon"
+    type="image/png"
+    href={(config['status-website'] || {}).favicon || `/logo-192.png`} />
+</svelte:head>
+
 <Nav {segment} />
 
 <main class="container">

diff --git a/src/template.html b/src/template.html
@@ -1,19 +1,15 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
-	<meta name="theme-color" content="#333333">
-	%sapper.base%
-	<link rel="stylesheet" href="global.css">
-	<link rel="manifest" href="manifest.json" crossorigin="use-credentials">
-	<link rel="icon" type="image/svg" href="https://raw.githubusercontent.com/koj-co/upptime/master/assets/icon.svg">
-	<link rel="icon" type="image/png" href="/logo-192.png">
-	%sapper.scripts%
-	%sapper.styles%
-	%sapper.head%
-</head>
-<body>
-	<div id="sapper">%sapper.html%</div>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <meta name="theme-color" content="#333333" />
+    %sapper.base%
+    <link rel="stylesheet" href="global.css" />
+    <link rel="manifest" href="manifest.json" crossorigin="use-credentials" />
+    %sapper.scripts% %sapper.styles% %sapper.head%
+  </head>
+  <body>
+    <div id="sapper">%sapper.html%</div>
+  </body>
 </html>