From 5c9fb2517a99c16364bf6bf641332a2ce7f0dd57 Mon Sep 17 00:00:00 2001 From: midblep Date: Mon, 25 Apr 2022 14:44:41 +0200 Subject: [PATCH] tiny updates --- src/lib/home/Banner.svelte | 23 ++++++++++++------- src/lib/home/Card.svelte | 47 ++++++++++++-------------------------- src/routes/index.svelte | 30 ++++++++++++++++++++---- tailwind.config.cjs | 3 +++ 4 files changed, 59 insertions(+), 44 deletions(-) diff --git a/src/lib/home/Banner.svelte b/src/lib/home/Banner.svelte index c9b154e..0e92395 100644 --- a/src/lib/home/Banner.svelte +++ b/src/lib/home/Banner.svelte @@ -90,7 +90,7 @@

I'm Midnight,

- i like to make things on the web + I like to make things on the web @@ -101,13 +101,20 @@ 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. + I am open for opportunities, + if you want to reach out you can use one of the methods below or the contact form.

+ + @@ -117,7 +124,7 @@ opacity: 2%; overflow: hidden; animation: anim; - animation-duration: 200s; + animation-duration: 120s; animation-timing-function: linear; animation-iteration-count: infinite; } @@ -165,7 +172,7 @@ .float { animation: float; - animation-duration: 3s; + animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @@ -173,15 +180,15 @@ @keyframes float { 0% { padding-top: 0px; - padding-bottom: 10px; + padding-bottom: 20px; } 50% { padding-top: 10px; - padding-bottom: 0px; + padding-bottom: 10px; } 100% { padding-top: 0px; - padding-bottom: 10px; + padding-bottom: 20px; } } diff --git a/src/lib/home/Card.svelte b/src/lib/home/Card.svelte index 692f34b..b5c31e8 100644 --- a/src/lib/home/Card.svelte +++ b/src/lib/home/Card.svelte @@ -1,42 +1,25 @@ -
-
- {#if buttonText != null && buttonHref != null} - - {buttonText} - - {/if} -
+
+ -
+
- - {#if buttonText != null && buttonHref != null} - - {/if}
+ + {#if buttonText != null && buttonHref != null} + + {buttonText} + + {:else} + + {/if}
\ No newline at end of file diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 21a081f..9e88935 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -28,8 +28,16 @@
-
+
+
+

I do a lot of things

+

+ Like any aspiring developer my ambitions are great, and so I tend to be part of a lot of places. +
+ Below are some of the things I do and develop for, resulting in experience with a range of technologies and people. +

+
-
+
+ +
+

I make stunning pages that fit

+

+ I love to make personalized websites for small creators and businesses that truly show their personality to the world with unique design. +

+
+ +
- More soon... + 🙋 + Want your own?

- I am still working on this website, and adding my previous works to this as I go. I have done many more things than this though! + My focus is on making people ''wow'' when they open the site and design something truly unique that represents you and your style. + Smaller websites can feature a range of things such as your socials, blog, contact form, CMS pages, gallery, and much more. In certain cases, their upkeep can be entirely free forever! + I am open to requests so if you want to explore the possibilities of having your own website and what one can do for you, please feel free to contact me. +

+ If you are a larger business, have complicated needs or desire a more formal agreement please contact me via my company DubbelNull.

diff --git a/tailwind.config.cjs b/tailwind.config.cjs index d841834..ce23af8 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -8,6 +8,9 @@ module.exports = { extend: { borderWidth: { screen: '500px' + }, + screens: { + '3xl': '2000px' } } },