From ccc93f1e0d3f7435b178b1f13ad1df160ab3c209 Mon Sep 17 00:00:00 2001
From: toufic ar <contact@toufy.me>
Date: Sat, 19 Sep 2026 04:35:49 +0300
Subject: branding

---
 src/lib/components/Attributions.svelte |  5 -----
 src/lib/components/Banner.svelte       | 13 +++++++++++++
 src/lib/components/Header.svelte       | 18 ++++++++++--------
 3 files changed, 23 insertions(+), 13 deletions(-)
 create mode 100644 src/lib/components/Banner.svelte

(limited to 'src/lib/components')

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
@@ -43,11 +43,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>
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"
-- 
cgit v1.3.1