mirror of
https://github.com/anotherhadi/blog.git
synced 2026-05-20 13:32:33 +02:00
Compare commits
6 Commits
7968c662f6
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
 Hadi
|
25fb5a4bf0 | ||
|
Hadi
|
d257a0f26e | ||
|
Hadi
|
3dfbdcf970 | ||
|
Hadi
|
930c3bf3bb | ||
|
Hadi
|
a055640fa8 | ||
|
Hadi
|
9c0bbc4b77 |
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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]">
|
||||
<div class="hero-content flex-col lg:flex-row-reverse max-w-7xl gap-8">
|
||||
<section class="hero py-20">
|
||||
<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 leading-relaxed mb-6">
|
||||
<p class="text-lg max-w-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>
|
||||
|
||||
@@ -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()}
|
||||
|
||||
@@ -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
|
||||
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="flex flex-col flex-1 min-h-0">
|
||||
<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>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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">
|
||||
{latestRepos.map((repo) => <GiteaProjectCard repo={repo} />)}
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{
|
||||
latestRepos.map((repo) => (
|
||||
<GiteaProjectCard displayBanner={false} repo={repo} />
|
||||
))
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-12">
|
||||
|
||||
@@ -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",
|
||||
|
||||
+229
-117
@@ -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,
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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) {
|
||||
.drawer.lg\:drawer-open > .drawer-side,
|
||||
@media (min-width: 768px) {
|
||||
.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>
|
||||
|
||||
@@ -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) {
|
||||
.drawer.lg\:drawer-open > .drawer-side {
|
||||
@media (min-width: 768px) {
|
||||
.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}
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
|
||||
+13
-2
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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[] = [];
|
||||
|
||||
Reference in New Issue
Block a user