COA

Author: Amey-Thakur

PAL/404.html

@@ -25,8 +25,8 @@
         content="The memory address you are trying to access is not allocated. Invalid register access. Please reset your program counter.">
     <meta name="robots" content="noindex, follow">
     <meta name="theme-color" content="#2563eb">
-    <link rel="icon" type="image/svg+xml"
-        href="/COMPUTER-ORGANIZATION-AND-ARCHITECTURE-AND-PROCESSOR-ARCHITECTURE-LAB/assets/icon.svg">
+    <link rel="icon" type="image/png" href="assets/icon-192.png">
+    <link rel="apple-touch-icon" href="assets/icon-192.png">
 
     <!-- Fonts -->
     <link

PAL/assets/icon-192.png

@@ -27,6 +27,10 @@
         content="https://amey-thakur.github.io/COMPUTER-ORGANIZATION-AND-ARCHITECTURE-AND-PROCESSOR-ARCHITECTURE-LAB/PAL/">
     <meta property="og:site_name" content="COA/PAL Lab Portfolio">
     <meta property="og:locale" content="en_US">
+    <meta property="og:image"
+        content="https://amey-thakur.github.io/COMPUTER-ORGANIZATION-AND-ARCHITECTURE-AND-PROCESSOR-ARCHITECTURE-LAB/PAL/assets/og-image.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
 
     <!-- Twitter Card Meta Tags -->
     <meta name="twitter:card" content="summary_large_image">
@@ -35,6 +39,8 @@
         content="Scholarly portfolio for Computer Organization and Architecture (COA) and Processor Architecture Lab (PAL).">
     <meta name="twitter:url"
         content="https://amey-thakur.github.io/COMPUTER-ORGANIZATION-AND-ARCHITECTURE-AND-PROCESSOR-ARCHITECTURE-LAB/PAL/">
+    <meta name="twitter:image"
+        content="https://amey-thakur.github.io/COMPUTER-ORGANIZATION-AND-ARCHITECTURE-AND-PROCESSOR-ARCHITECTURE-LAB/PAL/assets/og-image.png">
 
     <!-- Structured Data for SEO -->
     <script type="application/ld+json">
@@ -53,7 +59,7 @@
     </script>
 
     <!-- Favicon -->
-    <link rel="icon" type="image/svg+xml" href="assets/icon.svg">
+    <link rel="icon" type="image/png" href="assets/icon-192.png">
     <link rel="apple-touch-icon" href="assets/icon-192.png">
 
     <!-- PWA Manifest -->

PAL/assets/icon-512.png

@@ -1,7 +1,7 @@
 {
     "name": "COA/PAL Lab Portfolio",
     "short_name": "PAL Lab",
-    "description": "Interactive portfolio for Computer Organization and Architecture & Processor Architecture Lab by Amey Thakur.",
+    "description": "Interactive portfolio for Computer Organization and Architecture & Processor Architecture Lab by Amey Thakur & Mega Satish.",
     "start_url": "./index.html",
     "display": "standalone",
     "background_color": "#0f172a",

PAL/assets/og-image.png

@@ -159,6 +159,38 @@ document.addEventListener('DOMContentLoaded', () => {
     initCommandPalette();
     initBoothsVisualizer();
 
+    const shareBtn = document.getElementById('share-btn');
+    if (shareBtn) {
+        shareBtn.addEventListener('click', async () => {
+            const shareData = {
+                title: 'COA/PAL Lab Portfolio — Amey & Mega',
+                text: 'Explore the Computer Organization and Architecture & Processor Architecture Lab Portfolio by Amey Thakur & Mega Satish. Featuring Booth\'s Algorithm Visualizer and advanced digital logic designs!',
+                url: window.location.href
+            };
+
+            try {
+                if (navigator.share) {
+                    await navigator.share(shareData);
+                } else {
+                    throw new Error('Web Share API not supported');
+                }
+            } catch (err) {
+                // Fallback: Copy to clipboard
+                const textArea = document.createElement("textarea");
+                textArea.value = window.location.href;
+                document.body.appendChild(textArea);
+                textArea.select();
+                try {
+                    document.execCommand('copy');
+                    alert('Portfolio link copied to clipboard!');
+                } catch (err) {
+                    console.error('Copy failed', err);
+                }
+                document.body.removeChild(textArea);
+            }
+        });
+    }
+
     const kbdHint = document.getElementById('kbd-hint');
     if (kbdHint) setTimeout(() => kbdHint.classList.add('hidden'), 8000);
 });
@@ -376,7 +408,14 @@ function initBoothsVisualizer() {
         line.className = `terminal-line ${type}`;
         line.innerHTML = text; // Allow HTML for colors
         outputDiv.appendChild(line);
-        outputDiv.scrollTop = outputDiv.scrollHeight;
+
+        // Ensure smooth scroll to bottom for mobile/desktop
+        requestAnimationFrame(() => {
+            outputDiv.scrollTo({
+                top: outputDiv.scrollHeight,
+                behavior: 'smooth'
+            });
+        });
     }
 
     visualizeBtn.addEventListener('click', async () => {

PAL/assets/screenshot-narrow.png

@@ -1124,6 +1124,19 @@ section {
     .logic-visualizer-card .row {
         flex-direction: column;
     }
+
+    .visualizer-info {
+        padding-right: 0;
+        text-align: center;
+    }
+
+    .visualizer-info .icon-wrapper {
+        margin: 0 auto 16px;
+    }
+
+    .terminal-frame {
+        height: 320px;
+    }
 }
 
 @media (max-width: 576px) {