update blog

Author: ivikramsahu

public/Vikram Sahu - PM & DevRel.pdf

@@ -42,7 +42,24 @@ At a high level, I help organizations connect their products with developers by
 
     I strongly believe in learning by doing. I experiment, build, and share real experiences — including the lessons learned along the way.
 
-## Journey, Growth & Milestones
+<div class="not-prose my-6 flex items-center justify-between gap-4">
+  <h2 id="journey-growth-milestones" class="m-0 flex-1 text-left text-2xl font-semibold tracking-tight text-zinc-900 dark:text-zinc-100">
+    Journey, Growth &amp; Milestones
+  </h2>
+  <a
+    href="https://ivikramsahu.github.io/vikramsahu-blog/Vikram%20Sahu%20-%20PM%20%26%20DevRel.pdf"
+    download="Vikram-Sahu-Resume.pdf"
+    class="inline-flex shrink-0 items-center gap-2 rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm font-medium text-zinc-800 no-underline shadow-sm hover:bg-zinc-50 focus:outline-none focus:ring-2 focus:ring-zinc-300 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-100 dark:hover:bg-zinc-900 dark:focus:ring-zinc-700"
+  >
+    <svg aria-hidden="true" viewBox="0 0 24 24" class="h-4 w-4 text-red-600">
+      <path
+        fill="currentColor"
+        d="M6 2h8l4 4v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm8 1.5V7h3.5L14 3.5ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Zm0 4h6v2H8v-2Z"
+      />
+    </svg>
+    <span>Download Resume</span>
+  </a>
+</div>
 
 <JourneyRoadmap />
 

src/content/pages/about.mdx

@@ -7,4 +7,88 @@ import AboutContent from '../content/pages/about.mdx';
   <div class="openai-prose mx-auto w-full max-w-[46rem] min-w-0">
     <AboutContent />
   </div>
+
+  <script>
+    (() => {
+      const container = document.querySelector('.openai-prose');
+      if (!container) return;
+
+      const headings = Array.from(container.querySelectorAll('h1, h2, h3, h4, h5, h6'));
+      if (headings.length === 0) return;
+
+      const used = new Set();
+      for (const h of headings) {
+        if (h.id) used.add(h.id);
+      }
+
+      const slugify = (s) => {
+        return String(s || '')
+          .toLowerCase()
+          .trim()
+          .replace(/['’]/g, '')
+          .replace(/[^a-z0-9]+/g, '-')
+          .replace(/^-+|-+$/g, '');
+      };
+
+      const ensureId = (h) => {
+        if (h.id) return h.id;
+        const base = slugify(h.textContent);
+        let id = base || 'section';
+        let n = 2;
+        while (used.has(id)) {
+          id = `${base || 'section'}-${n}`;
+          n += 1;
+        }
+        h.id = id;
+        used.add(id);
+        return id;
+      };
+
+      const copyText = async (text) => {
+        if (navigator.clipboard && window.isSecureContext) {
+          await navigator.clipboard.writeText(text);
+          return;
+        }
+        const ta = document.createElement('textarea');
+        ta.value = text;
+        ta.setAttribute('readonly', '');
+        ta.style.position = 'fixed';
+        ta.style.top = '-9999px';
+        document.body.appendChild(ta);
+        ta.select();
+        document.execCommand('copy');
+        document.body.removeChild(ta);
+      };
+
+      const copyHeadingLink = async (h) => {
+        const id = ensureId(h);
+        const u = new URL(window.location.href);
+        u.hash = id;
+        await copyText(u.toString());
+        window.history.replaceState(null, '', u.toString());
+
+        const prevTitle = h.getAttribute('title') || '';
+        h.setAttribute('title', 'Copied link');
+        window.setTimeout(() => {
+          if (prevTitle) h.setAttribute('title', prevTitle);
+          else h.removeAttribute('title');
+        }, 1200);
+      };
+
+      for (const h of headings) {
+        ensureId(h);
+        h.classList.add('cursor-pointer', 'select-none');
+        h.setAttribute('role', 'button');
+        h.tabIndex = 0;
+        h.addEventListener('click', () => {
+          copyHeadingLink(h).catch(() => {});
+        });
+        h.addEventListener('keydown', (e) => {
+          if (e.key !== 'Enter' && e.key !== ' ') return;
+          e.preventDefault();
+          copyHeadingLink(h).catch(() => {});
+        });
+      }
+    })();
+  </script>
 </BaseLayout>