Add favicon and bored game icon.

This commit is contained in:
Bradley Shellnut 2022-07-07 15:17:05 -07:00
parent eda90dbeb7
commit 4a0698d9e3
9 changed files with 19 additions and 3 deletions

View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="description" content="Bored? Find a game! Bored Game!" /> <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" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<script> <script>
const htmlElement = document.documentElement; const htmlElement = document.documentElement;

View file

@ -8,14 +8,14 @@
import { page } from '$app/stores'; import { page } from '$app/stores';
import Themes from '$lib/components/preferences/themes.svelte'; import Themes from '$lib/components/preferences/themes.svelte';
import Toggle from '$lib/components/toggle.svelte'; import Toggle from '$lib/components/toggle.svelte';
import logo from './svelte-logo.svg'; import logo from './bored-game.png';
// let theme: CarbonTheme = "white"; // let theme: CarbonTheme = "white";
</script> </script>
<header> <header>
<div class="corner"> <div class="corner">
<a href="https://kit.svelte.dev"> <a href="/">
<img src={logo} alt="SvelteKit" /> <img src={logo} alt="SvelteKit" />
</a> </a>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

10
src/routes/__error.svelte Normal file
View file

@ -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>

View file

@ -11,11 +11,17 @@
</main> </main>
<footer> <footer>
<p>Built by <a target="__blank" href="https://bradleyshellnut.com">Bradley Shellnut</a></p> <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> </footer>
</div> </div>
<style> <style>
.fade { .fade {
display: grid;
grid-template-rows: auto 1fr auto;
min-height: 100vh;
animation-name: fadeIn; animation-name: fadeIn;
} }
@keyframes fadeIn { @keyframes fadeIn {

BIN
static/favicon-bored.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 352 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 113 KiB