Change notes titles

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

src/components/Hero.astro

@@ -356,6 +356,10 @@ const {
           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" />

src/components/Navbar.astro

@@ -4,7 +4,7 @@ const pathname = Astro.url.pathname;
 const links = [
   { href: "/", label: "home" },
   { href: "/blog", label: "blog" },
-  { href: "/notes", label: "notes" },
+  { href: "/notes", label: "infosec notes" },
   { href: "/projects", label: "projects" },
 ];
 
@@ -28,7 +28,11 @@ function isActive(href: string) {
       ~/hadi
     </a>
 
-    <div id="oneko-track" transition:persist class="flex-1 relative h-12 pointer-events-none">
+    <div
+      id="oneko-track"
+      transition:persist
+      class="flex-1 relative h-12 pointer-events-none"
+    >
     </div>
 
     <nav class="hidden md:flex items-center">

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

@@ -72,7 +72,7 @@ const headings = extractHeadings(entry.body ?? "");
 </style>
 
 <Layout
-  title={`${entry.data.title} - Security Notes`}
+  title={`${entry.data.title} - Infosec Notes`}
   description={entry.data.description}
 >
   <main class="max-w-screen-2xl mx-auto">

src/pages/notes/[category].astro

@@ -48,7 +48,7 @@ if (!categoryNotes) {
 </style>
 
 <Layout
-  title={`${category} - Security Notes`}
+  title={`${category} - Infosec Notes`}
   description={`Notes on ${category}.`}
 >
   <main class="max-w-screen-2xl mx-auto">
@@ -64,8 +64,8 @@ if (!categoryNotes) {
               >
                 <ul>
                   <li>
-                    <a href="/notes" class="hover:text-base-content/70"
-                      >notes</a>
+                    <a href="/notes" class="hover:text-base-content/70">notes</a
+                    >
                   </li>
                   <li class="text-base-content/60">{category}</li>
                 </ul>

src/pages/notes/index.astro

@@ -22,19 +22,22 @@ const searchNotes = sortedNotes.map((n) => ({
 ---
 
 <Layout
-  title="Security Notes - Another Hadi"
-  description="Reference notes on cybersecurity tools and techniques."
+  title="Infosec Notes - Another Hadi"
+  description="Cheatsheets on cybersecurity tools and techniques."
 >
   <main class="max-w-4xl mx-auto px-4 py-16 sm:py-20">
     <div class="text-center mb-12">
-      <h1 class="text-4xl sm:text-5xl font-bold mb-4">Notes</h1>
+      <h1 class="text-4xl sm:text-5xl font-bold mb-4">Infosec Notes</h1>
       <p class="text-xl text-base-content/70">
-        Reference sheets on cybersecurity tools and techniques.
+        Cheat sheets on cybersecurity tools and techniques.
       </p>
     </div>
-    <div class="text-xs font-mono text-base-content/25 border border-base-300/30 rounded-box px-4 py-3 mb-10 max-w-xl mx-auto text-center leading-relaxed">
-      All content is intended for educational purposes, CTF challenges, and authorized penetration testing only.
-      Do not use any of this against systems you do not own or have explicit permission to test.
+    <div
+      class="text-xs font-mono text-base-content/25 border border-base-300/30 rounded-box px-4 py-3 mb-10 max-w-xl mx-auto text-center leading-relaxed"
+    >
+      All content is intended for educational purposes, CTF challenges, and
+      authorized penetration testing only. Do not use any of this against
+      systems you do not own or have explicit permission to test.
     </div>
     <NotesSearch client:load notes={searchNotes} />
   </main>