epilogue (#36)

README.md

@@ -577,6 +577,23 @@ Jutti Meri is a fun _Punjabi/Dogra_ folk song, depicting the feelings of a new b
    docker compose up
 ```
 
+# Epilogue
+
+সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br>
+অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br>
+সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br>
+অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br>
+
+Life kept on going and lulled me with its motions, I kept rocking back and forth, as it threw me left and threw me right, and before I knew it; nobody buys yesterday’s lottery ticket.
+I came to Tequip, the day you made the first big breakthrough of your career. There you were, anxiously waiting for the selection list and I maintained distance, lest I bring some bad luck to you. After a long wait, the list came. You were selected. You hugged all of your friends in room 208 of Tequip and eventually turned back and smiled at me. I wanted to come up to you and tell you all this in person, but I just watched you smile. You looked beautiful.
+You are young, you can dream, and for sometime you let me into your dreams. And I want to thank you for that.
+
+I had loved you against reason, against promise, against peace, against hope, against happiness, against all discouragement that could be. <br>
+I hope you like your choices. I like mine.
+
+With affection and love, <br/>
+Manas
+
 ## _with_ ♥️ _for love by sanam_
 
 > _জানি বেঁকে গেছে নদী, তবুও তো নিরবধি, <br> মিছিলে-মিছিলে আমি খুঁজেছি তোমায়।_

apps/desktop/README.md

@@ -577,6 +577,23 @@ Jutti Meri is a fun _Punjabi/Dogra_ folk song, depicting the feelings of a new b
    docker compose up
 ```
 
+# Epilogue
+
+সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br>
+অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br>
+সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br>
+অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br>
+
+Life kept on going and lulled me with its motions, I kept rocking back and forth, as it threw me left and threw me right, and before I knew it; nobody buys yesterday’s lottery ticket.
+I came to Tequip, the day you made the first big breakthrough of your career. There you were, anxiously waiting for the selection list and I maintained distance, lest I bring some bad luck to you. After a long wait, the list came. You were selected. You hugged all of your friends in room 208 of Tequip and eventually turned back and smiled at me. I wanted to come up to you and tell you all this in person, but I just watched you smile. You looked beautiful.
+You are young, you can dream, and for sometime you let me into your dreams. And I want to thank you for that.
+
+I had loved you against reason, against promise, against peace, against hope, against happiness, against all discouragement that could be. <br>
+I hope you like your choices. I like mine.
+
+With affection and love, <br/>
+Manas
+
 ## _with_ ♥️ _for love by sanam_
 
 > _জানি বেঁকে গেছে নদী, তবুও তো নিরবধি, <br> মিছিলে-মিছিলে আমি খুঁজেছি তোমায়।_

apps/desktop/src/App.tsx

@@ -2,6 +2,7 @@ import { RPSidebar } from "@/components";
 import { SidebarProvider } from "@/components/ui/sidebar";
 import {
   BokabokaPage,
+  EpiloguePage,
   ILUPage,
   KigotumiPage,
   LandingPage,
@@ -33,6 +34,7 @@ function App() {
                   <Route path="/ilu" element={<ILUPage />} />
                   <Route path="/rterm" element={<RTermPage />} />
                   <Route path="/redit" element={<ReditPage />} />
+                  <Route path="/epilogue" element={<EpiloguePage />} />
                 </Routes>
               </div>
             </main>

apps/desktop/src/components/RPSidebar.tsx

@@ -12,6 +12,7 @@ import { GITHUB_URI } from "@/constants";
 import {
   Code,
   HouseLine,
+  Infinity,
   LightbulbFilament,
   PenNib,
   Question,
@@ -55,6 +56,11 @@ const items = [
     url: GITHUB_URI,
     icon: <Code size={32} />,
   },
+  {
+    title: "Epilogue",
+    url: "/epilogue",
+    icon: <Infinity size={32} />,
+  },
 ];
 
 export const RPSidebar = () => {

apps/desktop/src/mobilescroll.css

@@ -0,0 +1,17 @@
+@media (max-width: 785px) {
+  .mobile-scroll {
+    -webkit-overflow-scrolling: touch;
+    overflow-y: auto !important;
+    height: 100%;
+    position: relative;
+  }
+
+  /* Reset any inherited overflow hidden */
+  body,
+  html,
+  #root,
+  #__next {
+    overflow: hidden !important;
+    height: 100%;
+  }
+}

apps/desktop/src/pages/EpiloguePage.tsx

@@ -0,0 +1,74 @@
+import { Aura } from "@/components";
+import { motion } from "framer-motion";
+import { FC } from "react";
+import "../globals.css";
+
+export const EpiloguePage: FC = () => {
+  return (
+    <div className="h-screen w-full overflow-hidden relative">
+      <div className="w-full absolute inset-0 z-40 pointer-events-none">
+        <Aura
+          id="tsparticlesfullpage"
+          background="transparent"
+          minSize={0.6}
+          maxSize={1.4}
+          particleDensity={100}
+          className="w-full h-full pointer-events-none"
+          particleColor="#FFFFFF"
+        />
+      </div>
+      <div className="flex flex-col items-center h-full w-full overflow-y-auto mobile-scroll">
+        <div className="min-h-full py-10 dark:bg-black bg-white relative w-full">
+          <div className="max-w-7xl mx-auto w-full relative px-4 pb-40">
+            <motion.div
+              initial={{
+                opacity: 0,
+                y: 20,
+              }}
+              animate={{
+                opacity: 1,
+                y: 0,
+              }}
+              transition={{
+                duration: 1,
+              }}
+              className="w-full max-w-4xl mx-auto text-center mb-6"
+            >
+              <h2 className="text-center text-2xl md:text-4xl font-bold text-black dark:text-white">
+                Epilogue
+              </h2>
+              <p className="text-center text-lg font-normal text-neutral-700 dark:text-neutral-200 max-w-3xl mt-2 mx-auto">
+                সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br />
+                অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br />
+                সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br />
+                অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br />
+                <br />
+                Life kept on going and lulled me with this motions, I kept
+                rocking back and forth, as it threw me left and threw me right,
+                and before I knew it; nobody buys yesterday's lottery ticket. I
+                came to Tequip, the day you made the first big breakthrough of
+                your career. There you were, anxiously waiting for the selection
+                list and I maintained distance, lest I bring some bad luck to
+                you. After a long wait, the list came. You were selected. You
+                hugged all of your friends in room 208 of Tequip and eventually
+                turned back and smiled at me. I wanted to come up to you and
+                tell you all this in person, but I just watched you smile. You
+                looked beautiful. You are young, you can dream, and for sometime
+                you let me into your dreams. And I want to thank you for that.
+                <br />
+                I had loved you against reason, against promise, against peace,
+                against hope, against happiness, against all discouragement that
+                could be. <br />
+                I hope you like your choices. I like mine.
+                <br />
+                With affection and love, <br />
+                Manas
+              </p>
+            </motion.div>
+          </div>
+          <div className="fixed inset-x-0 bottom-0 h-40 bg-gradient-to-b from-transparent to-white dark:to-black pointer-events-none select-none z-40" />
+        </div>
+      </div>
+    </div>
+  );
+};

apps/desktop/src/pages/index.ts

@@ -1,13 +1,14 @@
 import { BokabokaPage } from "./BokabokaPage";
+import { EpiloguePage } from "./EpiloguePage";
 import { ILUPage } from "./ILUPage";
 import { KigotumiPage } from "./KigotumiPage";
 import { LandingPage } from "./LandingPage";
 import { PrefacePage } from "./PrefacePage";
 import { ReditPage } from "./ReditPage";
 import { RTermPage } from "./RTermPage";
-
 export {
   BokabokaPage,
+  EpiloguePage,
   ILUPage,
   KigotumiPage,
   LandingPage,

apps/web/README.md

@@ -577,6 +577,23 @@ Jutti Meri is a fun _Punjabi/Dogra_ folk song, depicting the feelings of a new b
    docker compose up
 ```
 
+# Epilogue
+
+সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br>
+অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br>
+সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br>
+অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br>
+
+Life kept on going and lulled me with its motions, I kept rocking back and forth, as it threw me left and threw me right, and before I knew it; nobody buys yesterday’s lottery ticket.
+I came to Tequip, the day you made the first big breakthrough of your career. There you were, anxiously waiting for the selection list and I maintained distance, lest I bring some bad luck to you. After a long wait, the list came. You were selected. You hugged all of your friends in room 208 of Tequip and eventually turned back and smiled at me. I wanted to come up to you and tell you all this in person, but I just watched you smile. You looked beautiful.
+You are young, you can dream, and for sometime you let me into your dreams. And I want to thank you for that.
+
+I had loved you against reason, against promise, against peace, against hope, against happiness, against all discouragement that could be. <br>
+I hope you like your choices. I like mine.
+
+With affection and love, <br/>
+Manas
+
 ## _with_ ♥️ _for love by sanam_
 
 > _জানি বেঁকে গেছে নদী, তবুও তো নিরবধি, <br> মিছিলে-মিছিলে আমি খুঁজেছি তোমায়।_

apps/web/src/app/(moon)/epilogue/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+import { motion } from "framer-motion";
+
+export default function Epilogue() {
+  return (
+    <div className="flex flex-col items-center justify-start min-h-screen py-10 dark:bg-black bg-white relative w-full overflow-y-auto">
+      <div className="max-w-7xl mx-auto w-full relative px-4 pb-40">
+        <motion.div
+          initial={{
+            opacity: 0,
+            y: 20,
+          }}
+          animate={{
+            opacity: 1,
+            y: 0,
+          }}
+          transition={{
+            duration: 1,
+          }}
+          className="w-full max-w-4xl mx-auto text-center mb-6"
+        >
+          <h2 className="text-center text-xl md:text-3xl font-bold text-black dark:text-white">
+            Epilogue
+          </h2>
+          <p className="text-center text-base md:text-lg font-normal text-neutral-700 dark:text-neutral-200 max-w-3xl mt-2 mx-auto">
+            সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br />
+            অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br />
+            সব কিছুই শেষ হয় যেমন, এটাও শেষ হলো <br />
+            অপমানের বোঝা নিয়ে, সম্মান বেছে নিতে হলো <br />
+            <br />
+            Life kept on going and lulled me with this motions, I kept rocking
+            back and forth, as it threw me left and threw me right, and before I
+            knew it; nobody buys yesterday’s lottery ticket. I came to Tequip,
+            the day you made the first big breakthrough of your career. There
+            you were, anxiously waiting for the selection list and I maintained
+            distance, lest I bring some bad luck to you. After a long wait, the
+            list came. You were selected. You hugged all of your friends in room
+            208 of Tequip and eventually turned back and smiled at me. I wanted
+            to come up to you and tell you all this in person, but I just
+            watched you smile. You looked beautiful. You are young, you can
+            dream, and for sometime you let me into your dreams. And I want to
+            thank you for that.
+            <br />
+            I had loved you against reason, against promise, against peace,
+            against hope, against happiness, against all discouragement that
+            could be. <br />
+            I hope you like your choices. I like mine.
+            <br />
+            With affection and love, <br />
+            Manas
+          </p>
+        </motion.div>
+      </div>
+      <div className="fixed inset-x-0 bottom-0 h-40 bg-gradient-to-b from-transparent to-white dark:to-black pointer-events-none select-none z-40" />
+    </div>
+  );
+}

apps/web/src/app/(moon)/layout.tsx

@@ -5,9 +5,8 @@ import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import { Suspense } from "react";
-import "../backdrop.css";
 import "../globals.css";
-
+import "../mobilescroll.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
@@ -92,7 +91,7 @@ export default function RPWorldLayout({
   return (
     <html lang="en">
       <PHProvider>
-        <body className={inter.className}>
+        <body className={`${inter.className} mobile-scroll`}>
           <Suspense>
             <PostHogPageView />
           </Suspense>

apps/web/src/app/mobilescroll.css

@@ -0,0 +1,5 @@
+@media (max-width: 785px) {
+  .mobile-scroll {
+    overflow-y: auto;
+  }
+}

apps/web/src/components/RPSidebar.tsx

@@ -11,6 +11,7 @@ import {
 import {
   Code,
   HouseLine,
+  Infinity,
   LightbulbFilament,
   PenNib,
   Question,
@@ -55,6 +56,11 @@ const items = [
     url: GITHUB_URI,
     icon: <Code size={32} />,
   },
+  {
+    title: "Epilogue",
+    url: "/epilogue",
+    icon: <Infinity size={32} />,
+  },
 ];
 
 export function RPSidebar() {