Fix TOC links

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>

src/components/Blog.astro

@@ -18,14 +18,19 @@ const latestPosts = sortedPosts.slice(0, 3);
   <div class="max-w-6xl mx-auto">
     <div class="text-center mb-12">
       <h2 class="text-4xl font-bold mb-4">Latest Blog Posts</h2>
-      <p class="text-lg text-base-content/70">
-        Thoughts, insights, and tutorials on cybersecurity, OSINT, and
-        technology.
-      </p>
     </div>
 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-      {latestPosts.map((post) => <BlogCard post={post} />)}
+      {
+        latestPosts.map((post) => (
+          <BlogCard
+            displayBanner={false}
+            displayTags={false}
+            displayDate={false}
+            post={post}
+          />
+        ))
+      }
     </div>
 
     <div class="text-center mt-12">

src/components/BlogCard.astro

@@ -5,6 +5,9 @@ import { Image } from "astro:assets";
 import { formatDate } from "../utils/notes";
 
 interface Props {
+  displayBanner: boolean;
+  displayDate: boolean;
+  displayTags: boolean;
   post: CollectionEntry<"blog">;
 }
 
@@ -14,6 +17,8 @@ const { post } = Astro.props;
 <article
   class="card bg-base-100 shadow-xl border border-base-200 rounded-lg hover:shadow-2xl transition-shadow"
 >
+
+  { Astro.props.displayBanner && (
   <figure class="aspect-video">
     <Image
       src={post.data.image}
@@ -23,25 +28,27 @@ const { post } = Astro.props;
       height={400}
     />
   </figure>
+)}
   <div class="card-body">
+  { Astro.props.displayDate && (
     <time class="text-sm text-base-content/60">
       {formatDate(post.data.publishDate)}
     </time>
+)}
     <h2 class="card-title hover:text-primary transition-colors">
       <a href={`/blog/${post.id}`}>{post.data.title}</a>
     </h2>
     <p class="text-base-content/80">{post.data.description}</p>
-    {
+
-      post.data.tags && post.data.tags.length > 0 && (
+  { Astro.props.displayTags && post.data.tags && post.data.tags.length > 0 && (
         <div class="flex flex-wrap gap-2 mt-2">
           {post.data.tags.map((tag) => (
             <TagBadge tag={tag} />
           ))}
         </div>
-      )
+)}
-    }
     <div class="card-actions justify-end mt-4">
-      <a href={`/blog/${post.id}`} class="btn btn-primary btn-sm">
+      <a href={`/blog/${post.id}`} class="btn btn-soft btn-primary btn-sm">
         Read More
       </a>
     </div>

src/components/GiteaProjectCard.astro

@@ -2,6 +2,7 @@
 import { ExternalLink, ChevronDown } from "@lucide/astro";
 
 interface Props {
+  displayBanner: boolean;
   repo: {
     name: string;
     description: string;
@@ -34,6 +35,7 @@ const hasMultiplePlatforms = platforms.length > 1;
 <article
   class="card bg-base-100 shadow-xl border border-base-200 rounded-lg hover:shadow-2xl transition-shadow"
 >
+  { Astro.props.displayBanner && repo.banner_url && (
   <figure class="aspect-video bg-base-200 overflow-hidden">
     <img
       src={repo.banner_url}
@@ -42,6 +44,7 @@ const hasMultiplePlatforms = platforms.length > 1;
       onerror="this.parentElement.style.display='none'"
     />
   </figure>
+)}
 
   <div class="card-body">
     <h2 class="card-title hover:text-primary transition-colors">
@@ -83,7 +86,7 @@ const hasMultiplePlatforms = platforms.length > 1;
             <div
               tabindex="0"
               role="button"
-              class="btn btn-primary btn-sm gap-1"
+              class="btn btn-soft btn-primary btn-sm gap-1"
             >
               <ExternalLink class="size-4" />
               View Source
@@ -107,7 +110,7 @@ const hasMultiplePlatforms = platforms.length > 1;
             href={repo.html_url}
             target="_blank"
             rel="noopener noreferrer"
-            class="btn btn-primary btn-sm gap-1"
+            class="btn btn-soft btn-primary btn-sm gap-1"
           >
             <ExternalLink class="size-4" />
             View on Gitea

src/components/Hero.astro

@@ -1,5 +1,5 @@
 ---
-import { ArrowRight, FolderCode, Key, Rss } from "@lucide/astro";
+import { FolderCode, Key, Rss } from "@lucide/astro";
 import { Image } from "astro:assets";
 import type { SocialLinks } from "../config";
 
@@ -8,7 +8,6 @@ interface Props {
   title: string;
   description: string;
   avatar: any;
-  location?: string;
   socialLinks?: SocialLinks;
   gpgKey?: string;
   rssFeed?: string;
@@ -19,18 +18,17 @@ const {
   title,
   description,
   avatar,
-  location,
   socialLinks,
   gpgKey,
   rssFeed,
 } = Astro.props;
 ---
 
-<section class="hero min-h-[65vh]">
+<section class="hero py-20">
-  <div class="hero-content flex-col lg:flex-row-reverse max-w-7xl gap-8">
+  <div class="hero-content flex-col lg:flex-row-reverse max-w-7xl gap-10">
     <div class="avatar">
       <div
-        class="w-48 ring-primary ring-offset-base-100 rounded-full ring-2 ring-offset-2"
+        class="w-32 md:w-48 ring-primary ring-offset-base-100 rounded-full ring-2 ring-offset-2"
       >
         <Image src={avatar} alt={name} />
       </div>
@@ -40,8 +38,7 @@ const {
         Hi, I'm {name}
       </h1>
       <p class="text-xl text-base-content/80 mb-2">{title}</p>
-      {location && <p class="text-base-content/60 mb-4">{location}</p>}
+      <p class="text-lg max-w-lg leading-relaxed mb-6">
-      <p class="text-lg leading-relaxed mb-6">
         {description}
       </p>
       {
@@ -335,25 +332,6 @@ const {
           </div>
         )
       }
-
-      <div class="mt-12 flex flex-wrap gap-5">
-        <a href="/blog" class="btn btn-ghost gap-2">
-          Blog Posts
-          <ArrowRight class="size-4" />
-        </a>
-        <a href="/projects" class="btn btn-ghost gap-2">
-          Projects
-          <ArrowRight class="size-4" />
-        </a>
-        <a href="/notes" class="btn btn-ghost gap-2">
-          Infosec Notes
-          <ArrowRight class="size-4" />
-        </a>
-        <a href="/#contact" class="btn btn-ghost gap-2">
-          Contact Me
-          <ArrowRight class="size-4" />
-        </a>
-      </div>
     </div>
   </div>
 </section>

src/components/NoteGraphSidebar.astro

@@ -10,9 +10,10 @@ interface Props {
   graphEdges: { from: string; to: string }[];
   forwardLinks: CollectionEntry<"notes">[];
   backlinks: CollectionEntry<"notes">[];
+  externalLinks: { url: string; label: string }[];
 }
 
-const { entry, graphNodes, graphEdges, forwardLinks, backlinks } = Astro.props;
+const { entry, graphNodes, graphEdges, forwardLinks, backlinks, externalLinks } = Astro.props;
 ---
 
 <aside
@@ -26,7 +27,7 @@ const { entry, graphNodes, graphEdges, forwardLinks, backlinks } = Astro.props;
     >
       graph
     </p>
-    <NoteGraph client:visible nodes={graphNodes} edges={graphEdges} />
+    <NoteGraph client:load nodes={graphNodes} edges={graphEdges} />
     {
       graphNodes.length < 2 && (
         <p class="font-mono text-[9px] text-base-content/20 text-center py-2">
@@ -90,6 +91,31 @@ const { entry, graphNodes, graphEdges, forwardLinks, backlinks } = Astro.props;
     )
   }
 
+  {
+    externalLinks.length > 0 && (
+      <div class="p-3 border-t border-base-300/40">
+        <p class="font-mono text-[10px] text-base-content/25 uppercase tracking-widest mb-2">
+          external
+        </p>
+        <ul class="space-y-1">
+          {externalLinks.map(({ url, label }) => (
+            <li>
+              <a
+                href={url}
+                target="_blank"
+                rel="noopener noreferrer"
+                class="font-mono text-xs text-base-content/45 hover:text-primary/80 transition-colors block truncate"
+                title={url}
+              >
+                ↗ {label}
+              </a>
+            </li>
+          ))}
+        </ul>
+      </div>
+    )
+  }
+
   <div class="px-4 pt-4 pb-1 border-t border-base-300/40 mt-auto">
     <time
       datetime={entry.data.publishDate.toISOString()}

src/components/NoteNavContent.svelte

@@ -19,36 +19,6 @@
 
   let search = $state("");
 
-  $effect(() => {
-    const navDrawer = document.getElementById("nav-drawer") as HTMLInputElement | null;
-    if (!navDrawer) return;
-
-    const lgQuery = window.matchMedia("(min-width: 1024px)");
-
-    const overlay = document.createElement("div");
-    overlay.style.cssText =
-      "position:fixed;inset:0 0 0 14rem;background:oklch(0% 0 0/.4);z-index:51;display:none;cursor:pointer";
-    document.body.appendChild(overlay);
-
-    function update() {
-      overlay.style.display =
-        navDrawer.checked && !lgQuery.matches ? "block" : "none";
-    }
-
-    navDrawer.addEventListener("change", update);
-    lgQuery.addEventListener("change", update);
-    overlay.addEventListener("click", () => {
-      navDrawer.checked = false;
-      navDrawer.dispatchEvent(new Event("change"));
-    });
-
-    return () => {
-      navDrawer.removeEventListener("change", update);
-      lgQuery.removeEventListener("change", update);
-      overlay.remove();
-    };
-  });
-
   function getCategory(n: Note): string {
     if (n.data.category) return n.data.category;
     const parts = n.id.split("/");
@@ -95,25 +65,7 @@
   }
 </script>
 
-<aside
+<div class="flex flex-col flex-1 min-h-0">
-  class="w-56 shrink-0 flex flex-col border-r border-base-300/60 h-full pt-2 lg:pt-0"
-  style="background: oklch(4% 0 0);"
->
-  <!-- Mobile close bar -->
-  <div class="lg:hidden flex items-center justify-between px-3 py-2 border-b border-base-300/40 shrink-0">
-    <span class="font-mono text-[10px] text-base-content/30 uppercase tracking-widest">nav</span>
-    <label
-      for="nav-drawer"
-      class="cursor-pointer text-base-content/30 hover:text-base-content/70 transition-colors p-1"
-      aria-label="close sidebar"
-    >
-      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M18 6 6 18M6 6l12 12"/>
-      </svg>
-    </label>
-  </div>
-
-  <!-- Search -->
   <div class="px-3 py-3 border-b border-base-300/40 shrink-0">
     <div
       class="flex items-center gap-1.5 px-2 py-1.5 rounded-md bg-base-200/50 border border-base-300/40 focus-within:border-base-300/70 transition-colors"
@@ -128,7 +80,6 @@
     </div>
   </div>
 
-  <!-- Nav -->
   <nav class="flex-1 min-h-0 overflow-y-auto overflow-x-hidden px-2 py-2 space-y-px">
     {#each categories as cat}
       {@const catNotes = notes.filter(
@@ -137,7 +88,6 @@
       {#if catNotes.length > 0 || !search}
         {@const isFolder = notes.some((n) => n.id.includes("/") && getCategory(n) === cat)}
         <div>
-          <!-- Category header -->
           <div class="flex items-center w-full">
             <button
               onclick={() => toggle(cat)}
@@ -172,7 +122,6 @@
             {/if}
           </div>
 
-          <!-- Notes list -->
           {#if openCategories.includes(cat)}
             <ul
               class="ml-4 mt-0.5 pb-1 space-y-px"
@@ -200,4 +149,4 @@
       {/if}
     {/each}
   </nav>
-</aside>
+</div>

src/components/NoteNavSidebar.astro

@@ -0,0 +1,26 @@
+---
+import NoteNavContent from "./NoteNavContent.svelte";
+import type { CollectionEntry } from "astro:content";
+
+interface Props {
+  notes: CollectionEntry<"notes">[];
+  currentEntry?: CollectionEntry<"notes">;
+  currentCategory?: string;
+  categories: string[];
+}
+
+const { notes, currentEntry, currentCategory, categories } = Astro.props;
+---
+
+<aside
+  class="w-56 shrink-0 flex flex-col border-r border-base-300/60 h-full"
+  style="background: oklch(4% 0 0);"
+>
+  <NoteNavContent
+    client:load
+    notes={notes}
+    currentEntry={currentEntry}
+    currentCategory={currentCategory}
+    categories={categories}
+  />
+</aside>

src/components/Notes.astro

@@ -0,0 +1,25 @@
+---
+import { ArrowRight } from "@lucide/astro";
+---
+
+<section id="notes" class="py-10 px-4">
+  <div class="max-w-6xl mx-auto text-center">
+    <div class="text-center mb-12">
+      <h2 class="text-4xl font-bold mb-4">Infosec Notes</h2>
+    </div>
+
+    <div class="mt-8">
+      <p class="text-base text-base-content/70 mb-6">
+        Cheatsheets and references on tools and techniques I use for CTFs and
+        pentesting.
+      </p>
+
+      <div class="text-center mt-12">
+        <a href="/notes" class="btn btn-ghost gap-2">
+          Browse Notes
+          <ArrowRight class="size-4" />
+        </a>
+      </div>
+    </div>
+  </div>
+</section>

src/components/Projects.astro

@@ -10,14 +10,14 @@ const latestRepos = repos.slice(0, 3);
   <div class="max-w-6xl mx-auto">
     <div class="text-center mb-12">
       <h2 class="text-4xl font-bold mb-4">Check out my latest work</h2>
-      <p class="text-lg text-base-content/70">
-        I enjoy the challenge of reimagining existing programs & scripts in my
-        own unique way.
-      </p>
     </div>
 
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
-      {latestRepos.map((repo) => <GiteaProjectCard repo={repo} />)}
+      {
+        latestRepos.map((repo) => (
+          <GiteaProjectCard displayBanner={false} repo={repo} />
+        ))
+      }
     </div>
 
     <div class="text-center mt-12">

src/config.ts

@@ -23,7 +23,6 @@ export interface SiteConfig {
   title: string;
   description: string;
   avatar: string;
-  location: string;
   socialLinks: SocialLinks;
   gpgKey?: string;
   rssFeed?: string;
@@ -39,7 +38,6 @@ export const siteConfig: SiteConfig = {
   description:
     "Infosec engineer passionate about Linux/NixOS, blockchains, OSINT & FOSS. Hacking with Go, exploring open tech, and contributing whenever I can 🐧",
   avatar: "/avatar.png",
-  location: "🇫🇷 France",
   socialLinks: {
     github: "https://github.com/anotherhadi",
     gitlab: "https://gitlab.com/anotherhadi_mirror",

src/data/repos.json

@@ -7,7 +7,7 @@
       "login_name": "",
       "source_id": 0,
       "full_name": "Hadi",
-      "email": "anotherhadi@noreply.git.hadi.icu",
+      "email": "1+anotherhadi@noreply.git.hadi.icu",
       "avatar_url": "https://git.hadi.icu/avatars/a6f9dd8586f079ec7619ade21789a3c5dad02d7869f74a3cca0c976c81b8c9ae",
       "html_url": "https://git.hadi.icu/anotherhadi",
       "language": "",
@@ -34,7 +34,7 @@
     "fork": false,
     "template": false,
     "mirror": true,
-    "size": 429945,
+    "size": 430163,
     "language": "Nix",
     "languages_url": "https://git.hadi.icu/api/v1/repos/anotherhadi/nixy/languages",
     "html_url": "https://git.hadi.icu/anotherhadi/nixy",
@@ -47,13 +47,14 @@
     "stars_count": 0,
     "forks_count": 0,
     "watchers_count": 1,
+    "branch_count": 1,
     "open_issues_count": 0,
     "open_pr_counter": 0,
     "release_counter": 0,
     "default_branch": "main",
     "archived": false,
     "created_at": "2026-03-30T17:31:04+02:00",
-    "updated_at": "2026-04-23T09:52:11+02:00",
+    "updated_at": "2026-05-07T09:47:53+02:00",
     "archived_at": "1970-01-01T01:00:00+01:00",
     "permissions": {
       "admin": false,
@@ -90,7 +91,7 @@
     "internal": false,
     "mirror_interval": "8h0m0s",
     "object_format_name": "sha1",
-    "mirror_updated": "2026-04-23T11:17:25+02:00",
+    "mirror_updated": "2026-05-07T16:22:32+02:00",
     "topics": [
       "dotfiles",
       "hyprland",
@@ -106,6 +107,220 @@
     },
     "banner_url": "https://git.hadi.icu/anotherhadi/nixy/raw/branch/main/.github/assets/banner.png"
   },
+  {
+    "id": 9,
+    "owner": {
+      "id": 1,
+      "login": "anotherhadi",
+      "login_name": "",
+      "source_id": 0,
+      "full_name": "Hadi",
+      "email": "1+anotherhadi@noreply.git.hadi.icu",
+      "avatar_url": "https://git.hadi.icu/avatars/a6f9dd8586f079ec7619ade21789a3c5dad02d7869f74a3cca0c976c81b8c9ae",
+      "html_url": "https://git.hadi.icu/anotherhadi",
+      "language": "",
+      "is_admin": false,
+      "last_login": "0001-01-01T00:00:00Z",
+      "created": "2026-03-30T17:21:50+02:00",
+      "restricted": false,
+      "active": false,
+      "prohibit_login": false,
+      "location": "127.0.0.1",
+      "website": "https://hadi.icu",
+      "description": "Infosec engineer passionate about Linux/NixOS, blockchains, OSINT & FOSS. Hacking with Go, exploring open tech, and contributing whenever I can 🐧\r\n\r\n[Github](https://github.com/anotherhadi) | [Gitlab (mirror)](https://gitlab.com/anotherhadi_mirror)",
+      "visibility": "public",
+      "followers_count": 0,
+      "following_count": 0,
+      "starred_repos_count": 0,
+      "username": "anotherhadi"
+    },
+    "name": "usbguard-tui",
+    "full_name": "anotherhadi/usbguard-tui",
+    "description": "A terminal UI for managing USB devices via usbguard. TUI built with golang & bubbletea.",
+    "empty": false,
+    "private": false,
+    "fork": false,
+    "template": false,
+    "mirror": true,
+    "size": 425,
+    "language": "Go",
+    "languages_url": "https://git.hadi.icu/api/v1/repos/anotherhadi/usbguard-tui/languages",
+    "html_url": "https://git.hadi.icu/anotherhadi/usbguard-tui",
+    "url": "https://git.hadi.icu/api/v1/repos/anotherhadi/usbguard-tui",
+    "link": "",
+    "ssh_url": "gitea@git.hadi.icu:anotherhadi/usbguard-tui.git",
+    "clone_url": "https://git.hadi.icu/anotherhadi/usbguard-tui.git",
+    "original_url": "https://github.com/anotherhadi/usbguard-tui",
+    "website": "",
+    "stars_count": 0,
+    "forks_count": 0,
+    "watchers_count": 1,
+    "branch_count": 1,
+    "open_issues_count": 0,
+    "open_pr_counter": 0,
+    "release_counter": 0,
+    "default_branch": "main",
+    "archived": false,
+    "created_at": "2026-04-30T17:40:42+02:00",
+    "updated_at": "2026-05-06T14:42:02+02:00",
+    "archived_at": "1970-01-01T01:00:00+01:00",
+    "permissions": {
+      "admin": false,
+      "push": false,
+      "pull": true
+    },
+    "has_code": true,
+    "has_issues": true,
+    "internal_tracker": {
+      "enable_time_tracker": true,
+      "allow_only_contributors_to_track_time": true,
+      "enable_issue_dependencies": true
+    },
+    "has_wiki": true,
+    "has_pull_requests": false,
+    "has_projects": true,
+    "projects_mode": "all",
+    "has_releases": true,
+    "has_packages": true,
+    "has_actions": false,
+    "ignore_whitespace_conflicts": false,
+    "allow_merge_commits": false,
+    "allow_rebase": false,
+    "allow_rebase_explicit": false,
+    "allow_squash_merge": false,
+    "allow_fast_forward_only_merge": false,
+    "allow_rebase_update": false,
+    "allow_manual_merge": true,
+    "autodetect_manual_merge": false,
+    "default_delete_branch_after_merge": false,
+    "default_merge_style": "merge",
+    "default_allow_maintainer_edit": false,
+    "avatar_url": "",
+    "internal": false,
+    "mirror_interval": "8h0m0s",
+    "object_format_name": "sha1",
+    "mirror_updated": "2026-05-07T12:42:33+02:00",
+    "topics": [
+      "bubbletea",
+      "tui",
+      "usbguard"
+    ],
+    "licenses": [
+      "MIT"
+    ],
+    "mirrors": {
+      "github": "https://github.com/anotherhadi/usbguard-tui",
+      "gitlab": "https://gitlab.com/anotherhadi_mirror/usbguard-tui"
+    },
+    "banner_url": "https://git.hadi.icu/anotherhadi/usbguard-tui/raw/branch/main/.github/assets/banner.png"
+  },
+  {
+    "id": 3,
+    "owner": {
+      "id": 1,
+      "login": "anotherhadi",
+      "login_name": "",
+      "source_id": 0,
+      "full_name": "Hadi",
+      "email": "1+anotherhadi@noreply.git.hadi.icu",
+      "avatar_url": "https://git.hadi.icu/avatars/a6f9dd8586f079ec7619ade21789a3c5dad02d7869f74a3cca0c976c81b8c9ae",
+      "html_url": "https://git.hadi.icu/anotherhadi",
+      "language": "",
+      "is_admin": false,
+      "last_login": "0001-01-01T00:00:00Z",
+      "created": "2026-03-30T17:21:50+02:00",
+      "restricted": false,
+      "active": false,
+      "prohibit_login": false,
+      "location": "127.0.0.1",
+      "website": "https://hadi.icu",
+      "description": "Infosec engineer passionate about Linux/NixOS, blockchains, OSINT & FOSS. Hacking with Go, exploring open tech, and contributing whenever I can 🐧\r\n\r\n[Github](https://github.com/anotherhadi) | [Gitlab (mirror)](https://gitlab.com/anotherhadi_mirror)",
+      "visibility": "public",
+      "followers_count": 0,
+      "following_count": 0,
+      "starred_repos_count": 0,
+      "username": "anotherhadi"
+    },
+    "name": "blog",
+    "full_name": "anotherhadi/blog",
+    "description": "Thoughts, insights, and tutorials on cybersecurity, OSINT, and technology.",
+    "empty": false,
+    "private": false,
+    "fork": false,
+    "template": false,
+    "mirror": true,
+    "size": 3863,
+    "language": "Nix",
+    "languages_url": "https://git.hadi.icu/api/v1/repos/anotherhadi/blog/languages",
+    "html_url": "https://git.hadi.icu/anotherhadi/blog",
+    "url": "https://git.hadi.icu/api/v1/repos/anotherhadi/blog",
+    "link": "",
+    "ssh_url": "gitea@git.hadi.icu:anotherhadi/blog.git",
+    "clone_url": "https://git.hadi.icu/anotherhadi/blog.git",
+    "original_url": "https://github.com/anotherhadi/blog",
+    "website": "https://hadi.icu",
+    "stars_count": 0,
+    "forks_count": 0,
+    "watchers_count": 1,
+    "branch_count": 1,
+    "open_issues_count": 0,
+    "open_pr_counter": 0,
+    "release_counter": 0,
+    "default_branch": "main",
+    "archived": false,
+    "created_at": "2026-03-30T17:39:47+02:00",
+    "updated_at": "2026-05-04T17:03:05+02:00",
+    "archived_at": "1970-01-01T01:00:00+01:00",
+    "permissions": {
+      "admin": false,
+      "push": false,
+      "pull": true
+    },
+    "has_code": true,
+    "has_issues": true,
+    "internal_tracker": {
+      "enable_time_tracker": true,
+      "allow_only_contributors_to_track_time": true,
+      "enable_issue_dependencies": true
+    },
+    "has_wiki": true,
+    "has_pull_requests": false,
+    "has_projects": true,
+    "projects_mode": "all",
+    "has_releases": true,
+    "has_packages": true,
+    "has_actions": false,
+    "ignore_whitespace_conflicts": false,
+    "allow_merge_commits": false,
+    "allow_rebase": false,
+    "allow_rebase_explicit": false,
+    "allow_squash_merge": false,
+    "allow_fast_forward_only_merge": false,
+    "allow_rebase_update": false,
+    "allow_manual_merge": true,
+    "autodetect_manual_merge": false,
+    "default_delete_branch_after_merge": false,
+    "default_merge_style": "merge",
+    "default_allow_maintainer_edit": false,
+    "avatar_url": "https://git.hadi.icu/repo-avatars/527f936266a33d3ccfe22013ef2ca0f61e20a4941912b16e4b4e9dcb14bf4e30",
+    "internal": false,
+    "mirror_interval": "8h0m0s",
+    "object_format_name": "sha1",
+    "mirror_updated": "2026-05-07T17:22:32+02:00",
+    "topics": [
+      "blog",
+      "cybersecurity",
+      "portfolio"
+    ],
+    "licenses": [
+      "MIT"
+    ],
+    "mirrors": {
+      "github": "https://github.com/anotherhadi/blog",
+      "gitlab": "https://gitlab.com/anotherhadi_mirror/blog"
+    },
+    "banner_url": "https://git.hadi.icu/anotherhadi/blog/raw/branch/main/.github/assets/banner.png"
+  },
   {
     "id": 6,
     "owner": {
@@ -114,7 +329,7 @@
       "login_name": "",
       "source_id": 0,
       "full_name": "Hadi",
-      "email": "anotherhadi@noreply.git.hadi.icu",
+      "email": "1+anotherhadi@noreply.git.hadi.icu",
       "avatar_url": "https://git.hadi.icu/avatars/a6f9dd8586f079ec7619ade21789a3c5dad02d7869f74a3cca0c976c81b8c9ae",
       "html_url": "https://git.hadi.icu/anotherhadi",
       "language": "",
@@ -141,7 +356,7 @@
     "fork": false,
     "template": false,
     "mirror": true,
-    "size": 676,
+    "size": 681,
     "language": "Svelte",
     "languages_url": "https://git.hadi.icu/api/v1/repos/anotherhadi/iknowyou/languages",
     "html_url": "https://git.hadi.icu/anotherhadi/iknowyou",
@@ -154,6 +369,7 @@
     "stars_count": 0,
     "forks_count": 0,
     "watchers_count": 1,
+    "branch_count": 2,
     "open_issues_count": 0,
     "open_pr_counter": 0,
     "release_counter": 0,
@@ -197,7 +413,7 @@
     "internal": false,
     "mirror_interval": "8h0m0s",
     "object_format_name": "sha1",
-    "mirror_updated": "2026-04-23T14:17:25+02:00",
+    "mirror_updated": "2026-05-07T20:02:34+02:00",
     "topics": [
       "osint",
       "osint-tool"
@@ -211,112 +427,6 @@
     },
     "banner_url": "https://git.hadi.icu/anotherhadi/iknowyou/raw/branch/main/.github/assets/banner.png"
   },
-  {
-    "id": 3,
-    "owner": {
-      "id": 1,
-      "login": "anotherhadi",
-      "login_name": "",
-      "source_id": 0,
-      "full_name": "Hadi",
-      "email": "anotherhadi@noreply.git.hadi.icu",
-      "avatar_url": "https://git.hadi.icu/avatars/a6f9dd8586f079ec7619ade21789a3c5dad02d7869f74a3cca0c976c81b8c9ae",
-      "html_url": "https://git.hadi.icu/anotherhadi",
-      "language": "",
-      "is_admin": false,
-      "last_login": "0001-01-01T00:00:00Z",
-      "created": "2026-03-30T17:21:50+02:00",
-      "restricted": false,
-      "active": false,
-      "prohibit_login": false,
-      "location": "127.0.0.1",
-      "website": "https://hadi.icu",
-      "description": "Infosec engineer passionate about Linux/NixOS, blockchains, OSINT & FOSS. Hacking with Go, exploring open tech, and contributing whenever I can 🐧\r\n\r\n[Github](https://github.com/anotherhadi) | [Gitlab (mirror)](https://gitlab.com/anotherhadi_mirror)",
-      "visibility": "public",
-      "followers_count": 0,
-      "following_count": 0,
-      "starred_repos_count": 0,
-      "username": "anotherhadi"
-    },
-    "name": "blog",
-    "full_name": "anotherhadi/blog",
-    "description": "Thoughts, insights, and tutorials on cybersecurity, OSINT, and technology.",
-    "empty": false,
-    "private": false,
-    "fork": false,
-    "template": false,
-    "mirror": true,
-    "size": 3009,
-    "language": "Nix",
-    "languages_url": "https://git.hadi.icu/api/v1/repos/anotherhadi/blog/languages",
-    "html_url": "https://git.hadi.icu/anotherhadi/blog",
-    "url": "https://git.hadi.icu/api/v1/repos/anotherhadi/blog",
-    "link": "",
-    "ssh_url": "gitea@git.hadi.icu:anotherhadi/blog.git",
-    "clone_url": "https://git.hadi.icu/anotherhadi/blog.git",
-    "original_url": "https://github.com/anotherhadi/blog",
-    "website": "https://hadi.icu",
-    "stars_count": 0,
-    "forks_count": 0,
-    "watchers_count": 1,
-    "open_issues_count": 0,
-    "open_pr_counter": 0,
-    "release_counter": 0,
-    "default_branch": "main",
-    "archived": false,
-    "created_at": "2026-03-30T17:39:47+02:00",
-    "updated_at": "2026-04-11T17:35:02+02:00",
-    "archived_at": "1970-01-01T01:00:00+01:00",
-    "permissions": {
-      "admin": false,
-      "push": false,
-      "pull": true
-    },
-    "has_code": true,
-    "has_issues": true,
-    "internal_tracker": {
-      "enable_time_tracker": true,
-      "allow_only_contributors_to_track_time": true,
-      "enable_issue_dependencies": true
-    },
-    "has_wiki": true,
-    "has_pull_requests": false,
-    "has_projects": true,
-    "projects_mode": "all",
-    "has_releases": true,
-    "has_packages": true,
-    "has_actions": false,
-    "ignore_whitespace_conflicts": false,
-    "allow_merge_commits": false,
-    "allow_rebase": false,
-    "allow_rebase_explicit": false,
-    "allow_squash_merge": false,
-    "allow_fast_forward_only_merge": false,
-    "allow_rebase_update": false,
-    "allow_manual_merge": true,
-    "autodetect_manual_merge": false,
-    "default_delete_branch_after_merge": false,
-    "default_merge_style": "merge",
-    "default_allow_maintainer_edit": false,
-    "avatar_url": "https://git.hadi.icu/repo-avatars/527f936266a33d3ccfe22013ef2ca0f61e20a4941912b16e4b4e9dcb14bf4e30",
-    "internal": false,
-    "mirror_interval": "8h0m0s",
-    "object_format_name": "sha1",
-    "mirror_updated": "2026-04-23T11:17:26+02:00",
-    "topics": [
-      "blog",
-      "cybersecurity",
-      "portfolio"
-    ],
-    "licenses": [
-      "MIT"
-    ],
-    "mirrors": {
-      "github": "https://github.com/anotherhadi/blog",
-      "gitlab": "https://gitlab.com/anotherhadi_mirror/blog"
-    },
-    "banner_url": "https://git.hadi.icu/anotherhadi/blog/raw/branch/main/.github/assets/banner.png"
-  },
   {
     "id": 2,
     "owner": {
@@ -325,7 +435,7 @@
       "login_name": "",
       "source_id": 0,
       "full_name": "Hadi",
-      "email": "anotherhadi@noreply.git.hadi.icu",
+      "email": "1+anotherhadi@noreply.git.hadi.icu",
       "avatar_url": "https://git.hadi.icu/avatars/a6f9dd8586f079ec7619ade21789a3c5dad02d7869f74a3cca0c976c81b8c9ae",
       "html_url": "https://git.hadi.icu/anotherhadi",
       "language": "",
@@ -352,7 +462,7 @@
     "fork": false,
     "template": false,
     "mirror": true,
-    "size": 530,
+    "size": 535,
     "language": "Nix",
     "languages_url": "https://git.hadi.icu/api/v1/repos/anotherhadi/default-creds/languages",
     "html_url": "https://git.hadi.icu/anotherhadi/default-creds",
@@ -365,6 +475,7 @@
     "stars_count": 0,
     "forks_count": 0,
     "watchers_count": 1,
+    "branch_count": 1,
     "open_issues_count": 0,
     "open_pr_counter": 0,
     "release_counter": 0,
@@ -408,7 +519,7 @@
     "internal": false,
     "mirror_interval": "8h0m0s",
     "object_format_name": "sha1",
-    "mirror_updated": "2026-04-23T11:17:25+02:00",
+    "mirror_updated": "2026-05-07T17:12:33+02:00",
     "topics": [
       "cybersecurity",
       "cybersecurity-tools",
@@ -432,7 +543,7 @@
       "login_name": "",
       "source_id": 0,
       "full_name": "Hadi",
-      "email": "anotherhadi@noreply.git.hadi.icu",
+      "email": "1+anotherhadi@noreply.git.hadi.icu",
       "avatar_url": "https://git.hadi.icu/avatars/a6f9dd8586f079ec7619ade21789a3c5dad02d7869f74a3cca0c976c81b8c9ae",
       "html_url": "https://git.hadi.icu/anotherhadi",
       "language": "",
@@ -472,6 +583,7 @@
     "stars_count": 0,
     "forks_count": 0,
     "watchers_count": 1,
+    "branch_count": 1,
     "open_issues_count": 0,
     "open_pr_counter": 0,
     "release_counter": 0,

src/pages/blog/index.astro

@@ -45,7 +45,12 @@ const sortedPosts = blogPosts.sort(
       ) : (
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
           {sortedPosts.map((post) => (
-            <BlogCard post={post} />
+            <BlogCard
+              displayBanner={true}
+              displayTags={true}
+              displayDate={true}
+              post={post}
+            />
           ))}
         </div>
       )

src/pages/index.astro

@@ -3,26 +3,31 @@ import Layout from "../layouts/Layout.astro";
 import Hero from "../components/Hero.astro";
 import Projects from "../components/Projects.astro";
 import Blog from "../components/Blog.astro";
+import Notes from "../components/Notes.astro";
 import Contact from "../components/Contact.astro";
 import { siteConfig } from "../config";
 import avatar from "../../public/avatar.jpg";
 ---
 
 <Layout title={`Another Hadi`} description={siteConfig.description}>
-  <main>
+  <main class="px-10">
     <Hero
       name={siteConfig.name}
       title={siteConfig.title}
       description={siteConfig.description}
       avatar={avatar}
-      location={siteConfig.location}
       socialLinks={siteConfig.socialLinks}
       gpgKey={siteConfig.gpgKey}
       rssFeed={siteConfig.rssFeed}
     />
 
+    <hr class="border-base-300/30 max-w-6xl mx-auto" />
     <Blog />
+    <hr class="border-base-300/30 max-w-6xl mx-auto" />
+    <Notes />
+    <hr class="border-base-300/30 max-w-6xl mx-auto" />
     <Projects />
+    <hr class="border-base-300/30 max-w-6xl mx-auto" />
     <Contact />
   </main>
 </Layout>

src/pages/notes/[...slug].astro

@@ -3,10 +3,10 @@ import { getCollection, render } from "astro:content";
 import Layout from "../../layouts/Layout.astro";
 import { List, PanelRight } from "@lucide/astro";
 import NoteTOC from "../../components/NoteTOC.astro";
-import NoteNavSidebar from "../../components/NoteNavSidebar.svelte";
+import NoteNavSidebar from "../../components/NoteNavSidebar.astro";
 import NoteGraphSidebar from "../../components/NoteGraphSidebar.astro";
 import NoteVars from "../../components/NoteVars.svelte";
-import { getCategory, extractLinks, extractHeadings } from "../../utils/notes";
+import { getCategory, extractLinks, extractExternalLinks } from "../../utils/notes";
 
 export async function getStaticPaths() {
   const notes = await getCollection("notes");
@@ -17,7 +17,7 @@ export async function getStaticPaths() {
 }
 
 const { entry } = Astro.props;
-const { Content } = await render(entry);
+const { Content, headings: astroHeadings } = await render(entry);
 
 const allNotes = await getCollection("notes");
 const sortedNotes = allNotes.sort((a, b) =>
@@ -60,12 +60,18 @@ const noteVars = [
   ),
 ];
 
-const headings = extractHeadings(entry.body ?? "");
+const headings = astroHeadings.map((h) => ({ depth: h.depth, text: h.text, id: h.slug }));
+const externalLinks = extractExternalLinks(entry.body ?? "");
 ---
 
 <style>
-  @media (min-width: 1024px) {
+  @media (min-width: 768px) {
-    .drawer.lg\:drawer-open > .drawer-side,
+    .drawer.md\:drawer-open > .drawer-side {
+      top: 3rem;
+      height: calc(100vh - 3rem);
+    }
+  }
+  @media (min-width: 1280px) {
     .drawer.xl\:drawer-open > .drawer-side {
       top: 3rem;
       height: calc(100vh - 3rem);
@@ -78,11 +84,11 @@ const headings = extractHeadings(entry.body ?? "");
   description={entry.data.description}
 >
   <main class="max-w-screen-2xl mx-auto">
-    <div class="drawer lg:drawer-open min-h-[calc(100vh-3rem)]">
+    <div class="drawer md:drawer-open min-h-[calc(100vh-3rem)]">
       <input id="nav-drawer" type="checkbox" class="drawer-toggle" />
 
       <div class="drawer-content flex min-h-[calc(100vh-3rem)] min-w-0">
-        <div class="drawer drawer-end xl:drawer-open w-full">
+        <div class="drawer drawer-end xl:drawer-open w-full" id="right-drawer">
           <input id="graph-drawer" type="checkbox" class="drawer-toggle" />
 
           <div class="drawer-content flex flex-col min-w-0">
@@ -117,7 +123,7 @@ const headings = extractHeadings(entry.body ?? "");
                   <div class="flex items-center gap-2">
                     <label
                       for="nav-drawer"
-                      class="btn btn-ghost btn-xs lg:hidden font-mono text-base-content/40 hover:text-base-content/70 border border-base-300/50"
+                      class="btn btn-ghost btn-xs md:hidden font-mono text-base-content/40 hover:text-base-content/70 border border-base-300/50"
                     >
                       <List size={11} />
                       nav
@@ -126,7 +132,7 @@ const headings = extractHeadings(entry.body ?? "");
                     <label
                       for="graph-drawer"
                       id="graph-toggle"
-                      class="btn btn-ghost btn-xs font-mono text-base-content/40 hover:text-base-content/70 border border-base-300/50"
+                      class="btn btn-ghost btn-xs xl:hidden font-mono text-base-content/40 hover:text-base-content/70 border border-base-300/50"
                       title="Toggle graph"
                     >
                       <PanelRight size={11} />
@@ -206,25 +212,26 @@ const headings = extractHeadings(entry.body ?? "");
             </main>
           </div>
 
-          <div class="drawer-side z-40">
+          <div class="drawer-side z-[60]">
             <label
               for="graph-drawer"
               aria-label="close sidebar"
-              class="drawer-overlay xl:hidden"></label>
+              class="drawer-overlay"></label>
             <NoteGraphSidebar
               entry={entry}
               graphNodes={graphNodes}
               graphEdges={graphEdges}
               forwardLinks={forwardLinks}
               backlinks={backlinks}
+              externalLinks={externalLinks}
             />
           </div>
         </div>
       </div>
 
-      <div class="drawer-side z-50">
+      <div class="drawer-side z-[70]">
+        <label for="nav-drawer" aria-label="close sidebar" class="drawer-overlay"></label>
         <NoteNavSidebar
-          client:load
           notes={sortedNotes}
           currentEntry={entry}
           categories={categories}
@@ -288,51 +295,7 @@ const headings = extractHeadings(entry.body ?? "");
       });
   }
 
-  function initXlGraphToggle() {
-    const graphDrawer = document.getElementById(
-      "graph-drawer",
-    ) as HTMLInputElement | null;
-    if (!graphDrawer) return;
-
-    const outerDrawer = graphDrawer.closest<HTMLElement>(".drawer.drawer-end");
-    const xlQuery = window.matchMedia("(min-width: 1280px)");
-    const STORAGE_KEY = "notes-graph-sidebar";
-
-    function setXlSidebar(open: boolean) {
-      if (!outerDrawer) return;
-      if (open) {
-        outerDrawer.classList.add("xl:drawer-open");
-      } else {
-        outerDrawer.classList.remove("xl:drawer-open");
-      }
-      localStorage.setItem(STORAGE_KEY, open ? "1" : "0");
-    }
-
-    const graphToggle = document.getElementById("graph-toggle");
-    graphToggle?.addEventListener("click", (e) => {
-      if (!xlQuery.matches) return;
-      e.preventDefault();
-      setXlSidebar(!outerDrawer?.classList.contains("xl:drawer-open"));
-    });
-
-    if (xlQuery.matches) {
-      const saved = localStorage.getItem(STORAGE_KEY);
-      // Open by default unless user explicitly closed it
-      setXlSidebar(saved !== "0");
-    }
-
-    xlQuery.addEventListener("change", (e) => {
-      if (!e.matches) {
-        outerDrawer?.classList.remove("xl:drawer-open");
-      } else {
-        const saved = localStorage.getItem(STORAGE_KEY);
-        setXlSidebar(saved !== "0");
-      }
-    });
-  }
-
   document.addEventListener("astro:page-load", () => {
     injectHeadingAnchors();
-    initXlGraphToggle();
   });
 </script>

src/pages/notes/[category].astro

@@ -1,7 +1,7 @@
 ---
 import { getCollection } from "astro:content";
 import Layout from "../../layouts/Layout.astro";
-import NoteNavSidebar from "../../components/NoteNavSidebar.svelte";
+import NoteNavSidebar from "../../components/NoteNavSidebar.astro";
 import { getCategory } from "../../utils/notes";
 import { List } from "@lucide/astro";
 
@@ -41,8 +41,8 @@ if (!categoryNotes) {
 ---
 
 <style>
-  @media (min-width: 1024px) {
+  @media (min-width: 768px) {
-    .drawer.lg\:drawer-open > .drawer-side {
+    .drawer.md\:drawer-open > .drawer-side {
       top: 3rem;
       height: calc(100vh - 3rem);
     }
@@ -54,7 +54,7 @@ if (!categoryNotes) {
   description={`Notes on ${category}.`}
 >
   <main class="max-w-screen-2xl mx-auto">
-    <div class="drawer lg:drawer-open min-h-[calc(100vh-3rem)]">
+    <div class="drawer md:drawer-open min-h-[calc(100vh-3rem)]">
       <input id="nav-drawer" type="checkbox" class="drawer-toggle" />
 
       <div class="drawer-content flex flex-col min-w-0">
@@ -74,7 +74,7 @@ if (!categoryNotes) {
               </div>
               <label
                 for="nav-drawer"
-                class="btn btn-ghost btn-xs lg:hidden font-mono text-base-content/40 hover:text-base-content/70 border border-base-300/50"
+                class="btn btn-ghost btn-xs md:hidden font-mono text-base-content/40 hover:text-base-content/70 border border-base-300/50"
               >
                 <List size={11} />
                 nav
@@ -163,9 +163,9 @@ if (!categoryNotes) {
         </main>
       </div>
 
-      <div class="drawer-side z-50">
+      <div class="drawer-side z-[70]">
+        <label for="nav-drawer" aria-label="close sidebar" class="drawer-overlay"></label>
         <NoteNavSidebar
-          client:load
           notes={allNotes}
           currentCategory={category}
           categories={categories}

src/pages/projects/index.astro

@@ -36,7 +36,7 @@ import repos from "../../data/repos.json";
       ) : (
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
           {repos.map((repo) => (
-            <GiteaProjectCard repo={repo} />
+            <GiteaProjectCard displayBanner={true} repo={repo} />
           ))}
         </div>
       )

src/styles/global.css

@@ -36,6 +36,13 @@
   --noise: 0;
 }
 
+.drawer-side > aside > astro-island {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+}
+
 .btn:not(.btn-circle):not(.btn-square) {
   @apply rounded-lg;
 }
@@ -50,7 +57,9 @@
     background: transparent;
     color: var(--color-base-content);
     text-decoration: none !important;
-    transition: background 0.15s ease, border-color 0.15s ease;
+    transition:
+      background 0.15s ease,
+      border-color 0.15s ease;
     margin-block: 0.25rem;
   }
   .link-card::after {
@@ -60,7 +69,9 @@
     opacity: 0;
     color: var(--color-primary);
     font-size: 0.75rem;
-    transition: opacity 0.15s ease, transform 0.15s ease;
+    transition:
+      opacity 0.15s ease,
+      transform 0.15s ease;
     transform: translate(-4px, 4px);
     flex-shrink: 0;
   }

src/utils/notes.ts

@@ -15,6 +15,34 @@ function slugify(text: string): string {
     .replace(/ +/g, "-");
 }
 
+export function extractExternalLinks(body: string): { url: string; label: string }[] {
+  const seen = new Set<string>();
+  const links: { url: string; label: string }[] = [];
+
+  // Markdown: [label](https://...)
+  const mdRe = /\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g;
+  let m;
+  while ((m = mdRe.exec(body)) !== null) {
+    if (!seen.has(m[2])) {
+      seen.add(m[2]);
+      links.push({ url: m[2], label: m[1] });
+    }
+  }
+
+  // HTML: <a href="https://...">...</a> — use h4 content as label if present, else href host
+  const htmlRe = /<a\s[^>]*href="(https?:\/\/[^"]+)"[^>]*>([\s\S]*?)<\/a>/g;
+  while ((m = htmlRe.exec(body)) !== null) {
+    const url = m[1];
+    if (seen.has(url)) continue;
+    seen.add(url);
+    const h4 = m[2].match(/<h4[^>]*>([\s\S]*?)<\/h4>/);
+    const label = h4 ? h4[1].trim() : new URL(url).hostname;
+    links.push({ url, label });
+  }
+
+  return links;
+}
+
 export function extractLinks(body: string): string[] {
   const re = /\(\/notes\/([^)#\s]+)(?:#[^)\s]*)?\)/g;
   const ids: string[] = [];