chore: wip

Author: chrisbbreuer

examples/homepage.stx

@@ -194,6 +194,17 @@
           <div class="desktop-icon-label">Discord</div>
         </button>
 
+        <button
+          class="desktop-icon"
+          data-icon-id="whitepaper"
+          data-icon-type="link"
+          data-icon-section=""
+          data-icon-url="https://github.com/stacksjs/white-paper"
+        >
+          <div class="desktop-icon-image">📄</div>
+          <div class="desktop-icon-label">White Paper</div>
+        </button>
+
         <button
           class="desktop-icon"
           data-icon-id="contact"
@@ -364,7 +375,7 @@ Sponsor Here</div>
     </div>
 
     <div class="package-item">
-      <div class="package-emoji">�</div>
+      <div class="package-emoji">📫</div>
       <div class="package-title">Email</div>
       <div class="package-desc">Send emails with ease</div>
     </div>
@@ -2368,6 +2379,14 @@ export default {
               <div class="start-menu-item-icon">💬</div>
               <div>Discord</div>
             </button>
+            <button class="start-menu-item" onclick="openIconFromMenu('blog')">
+              <div class="start-menu-item-icon">📝</div>
+              <div>Blog</div>
+            </button>
+            <button class="start-menu-item" onclick="window.open('https://github.com/stacksjs/white-paper', '_blank')">
+              <div class="start-menu-item-icon">📄</div>
+              <div>White Paper</div>
+            </button>
           </div>
         </div>
       </div>
@@ -2408,7 +2427,7 @@ export default {
     </div>
 
     <!-- Notification Popup -->
-    <div class="notification-popup" id="notification-popup">
+    <div class="notification-popup hidden" id="notification-popup">
       <div class="notification-header">
         <div class="notification-icon">⭐</div>
         <div class="notification-title">Build Anything</div>

examples/homepage.ts

@@ -391,6 +391,11 @@ function closeWindow(windowId) {
   }
 
   updateTaskbar();
+
+  // Show notification when welcome window is closed
+  if (windowId === 'welcome') {
+    showNotification();
+  }
 }
 
 function minimizeWindow(windowId) {
@@ -471,6 +476,11 @@ function minimizeWindow(windowId) {
       }, 200);
     }
   });
+
+  // Show notification when welcome window is minimized
+  if (windowId === 'welcome') {
+    showNotification();
+  }
 }
 
 function toggleMaximizeWindow(windowId) {
@@ -862,10 +872,11 @@ function closeNotification() {
   notification.classList.add('hidden');
 }
 
-// Show notification after 2 seconds
-setTimeout(() => {
-  notification.classList.remove('hidden');
-}, 2000);
+function showNotification() {
+  if (notification) {
+    notification.classList.remove('hidden');
+  }
+}
 
 // Email signup
 async function handleEmailSignup() {
@@ -1487,6 +1498,9 @@ function selectPlan(planType: string) {
       }
     }, 10);
   }, 250); // Wait for minimize animation to complete
+
+  // Show notification when a plan is selected
+  showNotification();
 }
 
 // Zoom functionality
@@ -1630,6 +1644,7 @@ window.minimizeWindow = minimizeWindow;
 window.toggleMaximizeWindow = toggleMaximizeWindow;
 window.showFeature = showFeature;
 window.closeNotification = closeNotification;
+window.showNotification = showNotification;
 window.handleEmailSignup = handleEmailSignup;
 window.shareVia = shareVia;
 window.copyLogoSVG = copyLogoSVG;