diff --git a/public/silico.png b/public/silico.png
new file mode 100644
index 0000000..93e4139
Binary files /dev/null and b/public/silico.png differ
diff --git a/public/skann.svg b/public/skann.svg
new file mode 100644
index 0000000..31b2905
--- /dev/null
+++ b/public/skann.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="99px" height="99px" viewBox="0 0 99 99" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <path d="M99 0L99 0L99 99L0 99L0 0L99 0Z" id="path_1" />
+    <clipPath id="clip_1">
+      <use xlink:href="#path_1" clip-rule="evenodd" fill-rule="evenodd" />
+    </clipPath>
+  </defs>
+  <g id="Frame 2" clip-path="url(#clip_1)">
+    <path d="M99 0L99 0L99 99L0 99L0 0L99 0Z" id="Frame-2" fill="none" stroke="none" />
+    <path d="M33 45L33 39C33 37.3431 33.5858 35.9289 34.7574 34.7574C35.9289 33.5858 37.3431 33 39 33L60 33C61.6569 33 63.0711 33.5858 64.2426 34.7574C65.4142 35.9289 66 37.3431 66 39L66 60C66 61.6569 65.4142 63.0711 64.2426 64.2426C63.0711 65.4142 61.6569 66 60 66L39 66C37.3431 66 35.9289 65.4142 34.7574 64.2426C33.5858 63.0711 33 61.6569 33 60L33 45Z" id="Line" fill="#FFFFFF" fill-rule="evenodd" stroke="none" />
+    <path d="M0 78L0 72C0 70.3431 0.585786 68.9289 1.75736 67.7574C2.92893 66.5858 4.34315 66 6 66L27 66C28.6569 66 30.0711 66.5858 31.2426 67.7574C32.4142 68.9289 33 70.3431 33 72L33 93C33 94.6569 32.4142 96.0711 31.2426 97.2426C30.0711 98.4142 28.6569 99 27 99L6 99C4.34315 99 2.92893 98.4142 1.75736 97.2426C0.585786 96.0711 0 94.6569 0 93L0 78Z" id="Line" fill="#FFFFFF" fill-rule="evenodd" stroke="none" />
+    <path d="M66 78L66 72C66 70.3431 66.5858 68.9289 67.7574 67.7574C68.9289 66.5858 70.3431 66 72 66L93 66C94.6569 66 96.0711 66.5858 97.2426 67.7574C98.4142 68.9289 99 70.3431 99 72L99 93C99 94.6569 98.4142 96.0711 97.2426 97.2426C96.0711 98.4142 94.6569 99 93 99L72 99C70.3431 99 68.9289 98.4142 67.7574 97.2426C66.5858 96.0711 66 94.6569 66 93L66 78Z" id="Line" fill="#FFFFFF" fill-rule="evenodd" stroke="none" />
+    <path d="M66 12L66 6C66 4.34315 66.5858 2.92893 67.7574 1.75736C68.9289 0.585786 70.3431 0 72 0L93 0C94.6569 0 96.0711 0.585786 97.2426 1.75736C98.4142 2.92893 99 4.34315 99 6L99 27C99 28.6569 98.4142 30.0711 97.2426 31.2426C96.0711 32.4142 94.6569 33 93 33L72 33C70.3431 33 68.9289 32.4142 67.7574 31.2426C66.5858 30.0711 66 28.6569 66 27L66 12Z" id="Line" fill="#FFFFFF" fill-rule="evenodd" stroke="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ab92248..7c5b9cd 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -18,7 +18,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                     class="h-10 md:h-12 w-10 md:w-12 rounded-full border-[1px] border-fg"
                 />
                 <h1 class="text-xl md:text-3xl text-left text-fg self-end">Namish</h1>
-                <h1 class="mb-[2px] md:mb-0 text-sm md:text-lg text-gray-500 text-left self-end">
+                <h1 class="mb-[2px] md:mb-0 text-sm md:text-lg text-neutral-500 text-left self-end">
                     17M (he/him)
                 </h1>
             </div>
@@ -48,7 +48,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
             </p>
             <div class="my-8 h-[2px] px-16 bg-bg3 inline-block"></div>
             <h1 class="text-lg md:text-2xl text-fg">
-                <span class="text-gray-500">(Some of my)</span> Projects <a
+                <span class="text-neutral-500">(Some of my)</span> Projects <a
                     href="/stuff"
                     ><i class="ph ml-2 ph-arrow-right text-sm"></i></a
                 >
@@ -70,7 +70,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                           <div class="text-bright text-md">
                               refined and a better way for youtubers to manage their work
                           </div>
-                          <p class="text-sm md:text-md text-gray-500">solid start ⋅ wip</p>
+                          <p class="text-sm md:text-md text-neutral-500">solid start ⋅ wip</p>
                       </div>
                   </a>
                 </div>
@@ -81,7 +81,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                             <div class="text-bright text-md">
                                 web based small lightroom like editor
                             </div>
-                            <p class="text-md text-gray-500">rust ⋅ next</p>
+                            <p class="text-md text-neutral-500">rust ⋅ next</p>
                         </div>
                     </a>
                 </div>
@@ -92,7 +92,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                             <div class="text-bright text-md">
                                 terminal based text editor with some vim motions
                             </div>
-                            <p class="text-md text-gray-500">c ⋅ terminal</p>
+                            <p class="text-md text-neutral-500">c ⋅ terminal</p>
                         </div>
                     </a>
                 </div>
@@ -104,7 +104,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                                 a url shortner written purely in C and htmx (0
                                 js)
                             </div>
-                            <p class="text-md text-gray-500">c ⋅ htmx</p>
+                            <p class="text-md text-neutral-500">c ⋅ htmx</p>
                         </div>
                     </a>
                 </div>
@@ -116,7 +116,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                                 0 js, 100% golang and templ starter kit for
                                 crypt hunts
                             </div>
-                            <p class="text-md text-gray-500">golang ⋅ templ</p>
+                            <p class="text-md text-neutral-500">golang ⋅ templ</p>
                         </div>
                     </a>
                 </div>
@@ -128,13 +128,13 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                                 simulating a neural network from scratch with
                                 test data
                             </div>
-                            <p class="text-md text-gray-500">golang ⋅ maths</p>
+                            <p class="text-md text-neutral-500">golang ⋅ maths</p>
                         </div>
                     </a>
                 </div>
             </div>
             <h1 class="text-xl lg:text-2xl text-fg mt-8 mb-2">
-                <span class="text-gray-500">Recent</span> Blogs <a href="/blog"
+                <span class="text-neutral-500">Recent</span> Blogs <a href="/blog"
                     ><i class="ph ml-2 ph-arrow-right text-sm"></i></a
                 >
             </h1>
@@ -150,7 +150,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                                     <p class="text-fg text-[16px] md:text-[20px]">
                                         {j + 1}. {i.frontmatter.title}
                                     </p>
-                                    <span class="mr-2  text-[14px] md:text-lg text-gray-500">
+                                    <span class="mr-2  text-[14px] md:text-lg text-neutral-500">
                                         {i.frontmatter.date}
                                     </span>
                                 </a>
diff --git a/src/pages/me.astro b/src/pages/me.astro
index 9ff0f57..266efc7 100644
--- a/src/pages/me.astro
+++ b/src/pages/me.astro
@@ -63,27 +63,72 @@ import Quote from "../components/Quote.astro";
                         class="h-10 md:h-12 w-10  md:w-12 rounded-full border-[1px] border-fg"
                     />
                     <h1 class="text-xl md:text-3xl text-left text-fg self-end">Namish</h1>
-                    <h1 class="text-sm mb-[2px] md:mb-0 md:text-lg text-gray-500 text-left self-end">
+                    <h1 class="text-sm mb-[2px] md:mb-0 md:text-lg text-neutral-500 text-left self-end">
                         17M (he/him)
                     </h1>
                 </div>
-                <p class="text-sm md:text-lg text-gray-500">
+                <p class="text-sm md:text-lg text-neutral-500">
                     num-ish ⋅ mythological god (south east asia)
                 </p>
             </div>
-            <p class="mt-8 text-[16px] md:text-[20px] text-bright">
-            Just another dude who chronically loves to program literally everything in anything. While mainly <span class="text-fg"> creating for the web </span>, most of my personal favourite projects are <span class="text-fg"> low level. </span> Apart from that I'm also knd of proficient in the piano and playing tennis.
+            <div class="mt-8 leading-8">
+            <div class="flex gap-4 items-start">
+              <p class="p-3 px-4 md:p-4 md:px-6 select-none text-white text-xl md:text-3xl font-black bg-mbg">F</p>
+              <div class="flex flex-col">
+                <p class="text-bright"><a class="text-fg md:text-lg font-bold underline" href="https://git.new/floww">Floww</a> • Sep 2024 - Present</p>
+                <p class="text-bright">founder</p>
+              </div>
+            </div>
+            <div class="flex gap-2 md:gap-4 my-4">
+              <ol class="list-decimal flex flex-col gap-3 mx-6 text-bright marker:text-bright">
+                <li>building a youtube studio access management solution using solid start and prisma to solve security risks</li>
+                <li>currently in very early stages</li>
+              </ol>
+            </div>
+            </div>
+
+
+            <div class="mt-8 leading-8">
+            <div class="flex gap-4">
+              <img src="/skann.svg" class="p-3 md:p-4 bg-mbg h-12 md:h-16">
+              <div class="flex flex-col">
+                <p class="text-bright"><a class="text-fg md:text-lg font-bold underline" href="https://skann.me">Skann</a> • Oct 2024 - Present</p>
+                <p class="text-bright">front end developer</p>
+              </div>
+            </div>
+            <div class="flex gap-2 md:gap-4 my-4">
+              <ol class="list-decimal flex flex-col gap-3 mx-6 text-bright marker:text-bright">
+                <li>redesigned the entire ui, including the whole admin dashboard with multiple sections along with the customer login flow </li>
+                <li>moved the company's blog from using markdown to using mdx with next-mdx-remote to allow for more organized and intuitive writing</li>
+              </ol>
+            </div>
+            </div>
 
-            </p>
+            <div class="mt-8 leading-8">
+            <div class="flex gap-4">
+              <img src="/silico.png" class="p-3 md:p-4 bg-mbg h-12  md:h-16">
+              <div class="flex flex-col">
+                <p class="text-bright"><a class="text-fg md:text-lg font-bold underline" href="https://silicobattles.in">Sovuneir Club</a> • Apr 2023 - Oct 2024</p>
+                <p class="text-bright">head of operations • lead dev</p>
+              </div>
+            </div>
+            <div class="flex gap-2 md:gap-4 my-4">
+              <ol class="list-decimal flex flex-col gap-3 mx-6 text-bright marker:text-bright ">
+                <li>designed the websites for the club's annual tech symposium, "The Silico Battles" for the years 2023-24 and 2024-25 using remix.js and tailwindcss</li>
+                <li>developed the website for the club's flagship cryptic hunt, "Cyquest" with golang and sqlite</li>
+                <li>faciliated and organized over 14 events with more than 400 participants</li>
+              </ol>
+            </div>
+            </div>
             <div class="mt-8 h-[2px] px-16 bg-bg3 inline-block"></div>
             <h1 class="text-lg text-fg mt-8 mb-2">
-                <span class="text-gray-500">Skill</span> Set
+                <span class="text-neutral-500">Skill</span> Set
             </h1>
             <div class="flex flex-wrap gap-4">
                 {
                     skills.map((i, j) => {
                         return (
-                            <p class="mt-2  bg-[#111] text-fg px-4 py-2 rounded-md">
+                            <p class="mt-2  bg-[#080808] text-fg px-4 py-2 rounded-md">
                                 {i}
                             </p>
                         );
@@ -91,13 +136,13 @@ import Quote from "../components/Quote.astro";
                 }
             </div>
             <h1 class="text-lg text-fg mt-8 mb-2">
-                <span class="text-gray-500">Languages</span> I Know
+                <span class="text-neutral-500">Languages</span> I Know
             </h1>
             <div class="flex flex-wrap gap-4">
                 {
                     languages.map((i, j) => {
                         return (
-                            <p class="mt-2 bg-[#111] text-fg px-4 py-2 rounded-md">
+                            <p class="mt-2 bg-[#080808] text-fg px-4 py-2 rounded-md">
                                 {i}
                             </p>
                         );
@@ -105,13 +150,13 @@ import Quote from "../components/Quote.astro";
                 }
             </div>
             <h1 class="text-lg text-fg mt-8 mb-2">
-                <span class="text-gray-500">Databases &</span> ORMS
+                <span class="text-neutral-500">Databases &</span> ORMS
             </h1>
             <div class="flex flex-wrap gap-4">
                 {
                     databases.map((i, j) => {
                         return (
-                            <p class="mt-2  bg-[#111] text-fg px-4 py-2 rounded-md">
+                            <p class="mt-2  bg-[#080808] text-fg px-4 py-2 rounded-md">
                                 {i}
                             </p>
                         );
@@ -119,13 +164,13 @@ import Quote from "../components/Quote.astro";
                 }
             </div>
             <h1 class="text-lg text-fg mt-8 mb-2">
-                <span class="text-gray-500">Web</span> Tech
+                <span class="text-neutral-500">Web</span> Tech
             </h1>
             <div class="flex flex-wrap gap-4">
                 {
                     webframeworks.map((i, j) => {
                         return (
-                            <p class="mt-2  bg-[#111] text-fg px-4 py-2 rounded-md">
+                            <p class="mt-2  bg-[#080808] text-fg px-4 py-2 rounded-md">
                                 {i}
                             </p>
                         );
@@ -133,47 +178,19 @@ import Quote from "../components/Quote.astro";
                 }
             </div>
             <h1 class="text-lg text-fg mt-8 mb-2">
-                <span class="text-gray-500">Discord</span> Framewords
+                <span class="text-neutral-500">Discord</span> Framewords
             </h1>
             <div class="flex flex-wrap gap-4">
                 {
                     discordframeworks.map((i, j) => {
                         return (
-                            <p class="mt-2  bg-[#111] text-fg px-4 py-2 rounded-md">
+                            <p class="mt-2  bg-[#080808] text-fg px-4 py-2 rounded-md">
                                 {i}
                             </p>
                         );
                     })
                 }
             </div>
-            <div class="mt-8 h-[2px] px-16 bg-bg3 inline-block"></div>
-            <h1 class="text-xl md:text-2xl text-fg mt-8 mb-2">
-                <span class="text-gray-500">My</span> Setup
-            </h1>
-            <ul
-                class="list-decimal leading-[2.6rem] list-inside mt-4 text-[16px] md:text-[16px] text-bright"
-            >
-                <li>
-                    Operating System: <span class="text-fg">arch // nix os</span
-                    >
-                </li>
-                <li>
-                    Window Managers: <span class="text-fg"
-                        >awesomewm // swayfx</span
-                    >
-                </li>
-                <li>
-                    Terminal & Shell: <span class="text-fg"
-                        >wezterm with bash</span
-                    >
-                </li>
-                <li>Code Editor: <span class="text-fg">neovim</span></li>
-            </ul>
-            <div class="mt-8 h-[2px] px-16 bg-bg3 inline-block"></div>
-            <h1 class="text-xl md:text-2xl text-fg mt-8 mb-2">
-                <span class="text-gray-500">Testimonial</span>
-            </h1>
-            <Quote />
         </div>
     </div>
 </Layout>