diff options
Diffstat (limited to 'src/lib/components')
| -rw-r--r-- | src/lib/components/Attributions.svelte | 5 | ||||
| -rw-r--r-- | src/lib/components/Banner.svelte | 13 | ||||
| -rw-r--r-- | src/lib/components/Header.svelte | 18 |
3 files changed, 23 insertions, 13 deletions
diff --git a/src/lib/components/Attributions.svelte b/src/lib/components/Attributions.svelte index 7cdc5cc..f0edcdc 100644 --- a/src/lib/components/Attributions.svelte +++ b/src/lib/components/Attributions.svelte @@ -44,11 +44,6 @@ <legend class="text-xl md:text-2xl">assets</legend> <ul class="text-md md:text-lg"> <li> - <Link href="https://www.emoji.family/api/emojis/1f431/noto/svg" - >Noto cat emoji</Link - > - </li> - <li> <Link href="https://iconify.design">iconify</Link> </li> </ul> diff --git a/src/lib/components/Banner.svelte b/src/lib/components/Banner.svelte new file mode 100644 index 0000000..7d93aa9 --- /dev/null +++ b/src/lib/components/Banner.svelte @@ -0,0 +1,13 @@ +<script lang="ts"> + import banner from "$lib/assets/banner.png"; +</script> + +<div class="flex flex-row place-items-center place-content-center"> + <img + src={banner} + alt="a cartoonish light pink cat face, with big eyes and sharp ears. + the eyes are white with dark pink pupils. + the cat is happy, sticking its tongue out. + next to the cat face is the word 'toufy' in the 'Lilita One' font." + /> +</div> diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index ab47dbe..61ba194 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -1,5 +1,5 @@ <script lang="ts"> - import kitty from "$lib/assets/kitty.png"; + import logo from "$lib/assets/logo.png"; import Link from "./Link.svelte"; </script> @@ -9,17 +9,19 @@ > <div class="flex flex-row place-items-center place-content-center"> <img - src={kitty} + src={logo} class="w-15 md:w-25" - alt="the smiling noto cat emoji, with the colors modified such that the face and ears are a dark shade of pink, and the whiskers, eyes, mouth, inside of the ears, and nose, are a light shade of pink" + alt="a cartoonish light pink cat face, with big eyes and sharp ears. + the eyes are white with dark pink pupils. + the cat is happy, sticking its tongue out." /> - <h1 class="text-4xl md:text-6xl text-primary">toufy</h1> </div> <p class="text-lg md:text-2xl"> - <Link href="https://en.wikipedia.org/wiki/Palestinians">palestinian</Link> software - engineer, tinkerer, linux enjoyer, privacy & security enthusiast, and free software - advocate <Link href="https://en.wikipedia.org/wiki/Palestinian_refugees" - >refuged</Link + i'm a <Link href="https://en.wikipedia.org/wiki/Palestinians" + >palestinian</Link + > software engineer, tinkerer, linux enjoyer, privacy & security enthusiast, and + free software advocate <Link + href="https://en.wikipedia.org/wiki/Palestinian_refugees">refuged</Link > in <Link href="https://en.wikipedia.org/wiki/Lebanon">lebanon</Link> <br /> <span class="badge badge-sm md:badge-lg p-4 m-2 badge-dash" |
