misc update

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --experimental-https",
+    "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"

src/app/(home)/Footer.tsx

@@ -1,5 +1,6 @@
 import Clock from "@/components/clock";
 import { cn } from "@/lib/utils";
+import Link from "next/link";
 
 export function Footer({ className }: { className?: string }) {
   const year = new Date().getFullYear();
@@ -14,6 +15,11 @@ export function Footer({ className }: { className?: string }) {
         <div>
           <p className="text-foreground text-xs">Keep building</p>
         </div>
+        <div>
+          <Link className="text-xs text-foreground/60" href="/">
+            ./raj
+          </Link>
+        </div>
         <div className="flex items-center gap-2">
           <p className="text-foreground text-xs">{year}</p>
           <Clock />

src/app/(home)/page.tsx

@@ -36,9 +36,7 @@ export default function Page() {
           <Projects />
         </section>
         <section className="stories-section">
-          {/* <SymetricGradProvider> */}
           <Stories />
-          {/* </SymetricGradProvider> */}
         </section>
         <section className="now-section">
           <Now />

src/app/(home)/story/page.tsx

@@ -15,6 +15,7 @@ import GrainProvider from "@/components/grain";
 import { cn } from "@/lib/utils";
 import { Footer } from "../Footer";
 import { Connect } from "../Connect";
+import { Home } from "lucide-react";
 
 export default async function Story({
   searchParams,
@@ -55,6 +56,10 @@ export default async function Story({
         <h1 className="text-2xl text-center text-pretty font-medium">
           {title}
         </h1>
+        <div className="border sticky top-12 z-50 mt-2 mx-auto backdrop-blur border-foreground/20 backdrop-saturate-100 backdrop-contrast-125 p-1 px-2 w-fit rounded-full flex gap-1 items-center">
+          <Home className="animate-in" size={12} />
+          <span className="text-xs">Home</span>
+        </div>
         <NRenderer recordMap={recordMap} />
         <section className="connect-section">
           <Connect />

src/components/notion/notion.scss

@@ -27,10 +27,16 @@
     @apply hidden;
   }
   .notion-collection-card-cover {
-    @apply h-24;
+    @apply h-24 opacity-80 backdrop-saturate-150 brightness-125;
   }
   .notion-collection-card {
-    @apply rounded-sm opacity-90 backdrop-contrast-200 backdrop-brightness-150 backdrop-saturate-200;
+    @apply rounded shadow bg-transparent backdrop-contrast-125 backdrop-saturate-200;
+  }
+  .notion-page-icon-span {
+    @apply flex items-center justify-center;
+  }
+  .notion-page-title-icon {
+    @apply w-4 h-4;
   }
   .notion-gallery-grid {
     @apply border-none pt-0;