Add favicon and bored game icon.

2025-09-08 17:40:22 +00:00 · 2022-07-07 15:17:05 -07:00 · 2022-07-07 15:17:05 -07:00 · 4a0698d9e3
commit 4a0698d9e3
parent eda90dbeb7
9 changed files with 19 additions and 3 deletions
--- a/src/app.html
+++ b/src/app.html
@ -3,7 +3,7 @@
  <head>
    <meta charset="utf-8" />
    <meta name="description" content="Bored? Find a game! Bored Game!" />
-    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+    <link rel="icon" href="%sveltekit.assets%/favicon-bored.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script>
      const htmlElement = document.documentElement;
--- a/src/lib/header/Header.svelte
+++ b/src/lib/header/Header.svelte
@ -8,14 +8,14 @@
  import { page } from '$app/stores';
  import Themes from '$lib/components/preferences/themes.svelte';
  import Toggle from '$lib/components/toggle.svelte';
-  import logo from './svelte-logo.svg';
+  import logo from './bored-game.png';

  // let theme: CarbonTheme = "white";
 </script>

 <header>
  <div class="corner">
-    <a href="https://kit.svelte.dev">
+    <a href="/">
      <img src={logo} alt="SvelteKit" />
    </a>
  </div>
--- a/src/lib/header/bored-game.png
+++ b/src/lib/header/bored-game.png
--- a/src/routes/__error.svelte
+++ b/src/routes/__error.svelte
@ -0,0 +1,10 @@
+<h1>The page you requested doesn't exist!</h1>
+
+<style>
+  h1 {
+    margin-top: var(--spacing-64);
+    font-family: var(--font-sans);
+    font-size: var(--font-32);
+    text-align: center;
+  }
+</style>
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@ -11,11 +11,17 @@
  </main>
  <footer>
    <p>Built by <a target="__blank" href="https://bradleyshellnut.com">Bradley Shellnut</a></p>
+    <p>
+      <a href="https://www.flaticon.com/free-icons/board-game" title="board game icons">Board game icons created by Freepik - Flaticon</a>
+    </p>
  </footer>
 </div>

 <style>
  .fade {
+    display: grid;
+    grid-template-rows: auto 1fr auto;
+    min-height: 100vh;
    animation-name: fadeIn;
  }
  @keyframes fadeIn {
--- a/static/favicon-bored.png
+++ b/static/favicon-bored.png
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/static/svelte-welcome.png
+++ b/static/svelte-welcome.png
--- a/static/svelte-welcome.webp
+++ b/static/svelte-welcome.webp