Adjust footer and navbar colouring
~ Use neutral over dark colours ~ Run formatter and linter as well
This commit is contained in:
parent
1fb5e9d6e7
commit
501f1a9c94
GPG Key ID:
31CADD9E5FDD798C
@ -32,6 +32,7 @@ export default tsEslint.config(
|
|||||||
"**/build",
|
"**/build",
|
||||||
"**/node_modules",
|
"**/node_modules",
|
||||||
"**/package",
|
"**/package",
|
||||||
|
"**/app.d.ts",
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|||||||
22
src/app.html
22
src/app.html
@ -2,10 +2,24 @@
|
|||||||
<html lang="en" data-theme="night">
|
<html lang="en" data-theme="night">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png">
|
<link
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png">
|
rel="apple-touch-icon"
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png">
|
sizes="180x180"
|
||||||
<link rel="manifest" href="%sveltekit.assets%/site.webmanifest">
|
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" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
%sveltekit.head%
|
%sveltekit.head%
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
@ -1,11 +1,19 @@
|
|||||||
<footer
|
<script lang="ts">
|
||||||
class="footer items-center pt-4 bg-base-300 dark:bg-neutral dark:text-neutral-content"
|
import Github from "lucide-svelte/icons/github";
|
||||||
>
|
import Gitlab from "lucide-svelte/icons/gitlab";
|
||||||
<aside class="items-center grid-flow-col">
|
</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>
|
<a class="btn btn-ghost text-xl" href="/">nickbland.dev</a>
|
||||||
<p>Copyright © 2024 - All right reserved</p>
|
<p>Copyright © 2024 - All right reserved</p>
|
||||||
</aside>
|
</aside>
|
||||||
<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
|
<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end mx-2">
|
||||||
<!-- Buttons Here -->
|
<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>
|
</nav>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@ -3,9 +3,7 @@
|
|||||||
import Menu from "lucide-svelte/icons/menu";
|
import Menu from "lucide-svelte/icons/menu";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div
|
<div class="navbar bg-neutral text-neutral-content">
|
||||||
class="navbar bg-base-300 dark:bg-neutral rounded-box mt-1 dark:text-neutral-content"
|
|
||||||
>
|
|
||||||
<div class="navbar-start">
|
<div class="navbar-start">
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
|
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
|
||||||
@ -13,7 +11,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<ul
|
<ul
|
||||||
tabindex="-1"
|
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="/">Home</a></li>
|
||||||
<li><a href="/portfolio">Portfolio</a></li>
|
<li><a href="/portfolio">Portfolio</a></li>
|
||||||
|
|||||||
@ -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"
|
||||||
|
}
|
||||||
|
|||||||
@ -13,9 +13,8 @@ const config = {
|
|||||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||||
adapter: adapter({
|
adapter: adapter({
|
||||||
routes: {
|
routes: {
|
||||||
include: ['/*'],
|
include: ["/*"],
|
||||||
|
},
|
||||||
}
|
|
||||||
}),
|
}),
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user