From be65b065f21672baedf24c053357b1beb9012d38 Mon Sep 17 00:00:00 2001 From: midblep Date: Sat, 23 Apr 2022 19:12:10 +0200 Subject: [PATCH] big update! --- src/app.css | 8 +++++++ src/lib/Socials.svelte | 2 +- src/lib/ThemeSwitcher.svelte | 10 ++++---- src/lib/footer/Social.svelte | 8 ++++--- src/lib/header/Button.svelte | 10 ++++---- src/lib/header/Header.svelte | 4 ++-- src/lib/header/Nav.svelte | 43 +++++++++++++++++------------------ src/lib/home/Banner.svelte | 31 +++++++++++++------------ src/lib/home/Form.svelte | 2 +- src/routes/index.svelte | 6 ++--- static/banner.png | Bin 0 -> 379400 bytes 11 files changed, 70 insertions(+), 54 deletions(-) create mode 100644 static/banner.png diff --git a/src/app.css b/src/app.css index e00d6a1..b4ceb41 100644 --- a/src/app.css +++ b/src/app.css @@ -41,3 +41,11 @@ hr { display: flex; flex-direction: column; } + +.a { + color: orange; +} + +.a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/src/lib/Socials.svelte b/src/lib/Socials.svelte index ffcf93b..940b87c 100644 --- a/src/lib/Socials.svelte +++ b/src/lib/Socials.svelte @@ -2,7 +2,7 @@ import Social from "./footer/Social.svelte"; - + diff --git a/src/lib/footer/Social.svelte b/src/lib/footer/Social.svelte index 30bebd6..ef97e2a 100644 --- a/src/lib/footer/Social.svelte +++ b/src/lib/footer/Social.svelte @@ -10,8 +10,10 @@ - {icon} - {text} +
+ {icon} + {text} +
diff --git a/src/lib/header/Button.svelte b/src/lib/header/Button.svelte index c7e6bfe..5c02190 100644 --- a/src/lib/header/Button.svelte +++ b/src/lib/header/Button.svelte @@ -4,7 +4,7 @@ export let type; export let disabled; - let classes = "h-full py-2 px-5 flex justify-center items-center lowercase"; + let classes = "h-full py-2 px-10 flex justify-center items-center lowercase group"; switch (type) { case "title": @@ -14,16 +14,18 @@ default: classes += - " hover:bg-orange-200 dark:hover:bg-orange-700 duration-300"; + " hover:bg-white hover:bg-opacity-30 text-white font-bold text-lg duration-300"; break; } if (disabled) { url = null; - classes += " cursor-not-allowed text-gray-400"; + classes += " cursor-not-allowed text-white opacity-50"; } - {text} +

+ {text} +

diff --git a/src/lib/header/Header.svelte b/src/lib/header/Header.svelte index 6d49485..eddad22 100644 --- a/src/lib/header/Header.svelte +++ b/src/lib/header/Header.svelte @@ -3,9 +3,9 @@
-
+
diff --git a/src/lib/header/Nav.svelte b/src/lib/header/Nav.svelte index 2f565c3..cdae500 100644 --- a/src/lib/header/Nav.svelte +++ b/src/lib/header/Nav.svelte @@ -7,30 +7,29 @@ import DropdownButton from "./DropdownButton.svelte"; -
- - - Logo - -
-
+ +
-
-
+ \ No newline at end of file diff --git a/src/lib/home/Banner.svelte b/src/lib/home/Banner.svelte index 8547afd..fc92a2e 100644 --- a/src/lib/home/Banner.svelte +++ b/src/lib/home/Banner.svelte @@ -12,11 +12,19 @@ "/banner8.png", ]; - const randomBannerPic = array[Math.floor(Math.random() * array.length)]; + let randomBannerPic = array[Math.floor(Math.random() * array.length)]; + randomBannerPic = "/banner.png"; -
-
+
+ + +
Hello! @@ -24,7 +32,7 @@

I'm Midnight,

- i like to make things on the interwebs + i like to make things on the web @@ -32,21 +40,16 @@

- Bart Industries is a collection of my works, projects and - ambitions
including my furry characters, stories and other - things i feel like sharing online. + Bart Industries is a collection of everything I've done such as my projects, involvements and ambitions, + but also other things such as my furry side, stories and everything else I feel like sharing. +

+ I am open for work opportunities, + If you want to reach out you can use one of the methods below or use the contact form.

- -