NickBland/website-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust footer and navbar colouring

Browse Source 
~ Use neutral over dark colours
~ Run formatter and linter as well
This commit is contained in:
Nick Bland 2024-04-20 21:11:38 +10:00
parent 1fb5e9d6e7
commit 501f1a9c94
Signed by: NickBland
GPG Key ID: 31CADD9E5FDD798C
6 changed files with 48 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
eslint.config.js
View File

@ -32,6 +32,7 @@ export default tsEslint.config(
"**/build",
"**/node_modules",
"**/package",
"**/app.d.ts",
],
},
);

22
src/app.html
View File

@ -2,10 +2,24 @@
<html lang="en" data-theme="night">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png">
<link rel="manifest" href="%sveltekit.assets%/site.webmanifest">
<link
rel="apple-touch-icon"
sizes="180x180"
href="%sveltekit.assets%/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="%sveltekit.assets%/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="%sveltekit.assets%/favicon-16x16.png"
/>
<link rel="manifest" href="%sveltekit.assets%/site.webmanifest" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>

20
src/components/footer.svelte
View File

@ -1,11 +1,19 @@
<footer
class="footer items-center pt-4 bg-base-300 dark:bg-neutral dark:text-neutral-content"
>
<aside class="items-center grid-flow-col">
<script lang="ts">
import Github from "lucide-svelte/icons/github";
import Gitlab from "lucide-svelte/icons/gitlab";
</script>
<footer class="footer items-center pt-4 bg-neutral text-neutral-content">
<aside class="items-center grid-flow-col mx-2">
<a class="btn btn-ghost text-xl" href="/">nickbland.dev</a>
<p>Copyright © 2024 - All right reserved</p>
</aside>
<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
<!-- Buttons Here -->
<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end mx-2">
<a role="button" class="btn btn-ghost" href="https://github.com/NickBland"
><Github /></a
>
<a role="button" class="btn btn-ghost" href="https://git.nickbland.dev/NickBland"
><Gitlab /></a
>
</nav>
</footer>

6
src/components/navbar/navbar.svelte
View File

@ -3,9 +3,7 @@
import Menu from "lucide-svelte/icons/menu";
</script>
<div
class="navbar bg-base-300 dark:bg-neutral rounded-box mt-1 dark:text-neutral-content"
>
<div class="navbar bg-neutral text-neutral-content">
<div class="navbar-start">
<div class="dropdown">
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
@ -13,7 +11,7 @@
</div>
<ul
tabindex="-1"
class="tablist menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-300 dark:bg-neutral rounded-box w-52 dark:text-neutral-content"
class="tablist menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-neutral rounded-box w-52 text-neutral-content"
>
<li><a href="/">Home</a></li>
<li><a href="/portfolio">Portfolio</a></li>

12
static/site.webmanifest
View File

@ -1 +1,11 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
{
"name": "",
"short_name": "",
"icons": [
{ "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

5
svelte.config.js
View File

@ -13,9 +13,8 @@ const config = {
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
adapter: adapter({
routes: {
include: ['/*'],
}
include: ["/*"],
},
}),
},
};