summaryrefslogtreecommitdiff
path: root/src/lib/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/components')
-rw-r--r--src/lib/components/Attributions.svelte5
-rw-r--r--src/lib/components/Banner.svelte13
-rw-r--r--src/lib/components/Header.svelte18
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"