Merge pull request #703 from akiomik/add-zod-nostr

Add zod-nostr to Libraries
2026-08-04 20:44:37 +00:00 · 2026-07-30 09:47:14 +02:00 · 2026-07-30 16:27:09 +09:00 · 2026-07-27 10:17:46 +02:00 · 2026-07-27 10:17:33 +02:00 · 2026-07-25 18:11:47 -07:00
5 changed files with 1118 additions and 614 deletions
@@ -0,0 +1,3 @@
+node_modules/
+.env
+.DS_Store
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <script defer data-domain="nostr.net" src="https://analytics.cypherpunk.cloud/js/script.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
@@ -43,9 +44,10 @@
                <input type="text" id="search" placeholder="Search resources...">
                <i class="fas fa-search"></i>
            </div>
-            <div class="theme-controls">
-                <select id="colorThemeSelect" class="theme-select" aria-label="Select color theme">
-                    <option value="cyberpunk">Default Theme</option>
+             <div class="theme-controls">
+                <!-- Color theme select dropdown commented out as requested
+                <select id="colorThemeSelect" class="theme-select" aria-label="Select color theme">                    
+                    <option value="cyberpunk">Default</option>
                    <option value="purple">Purple Dream</option>
                    <option value="nature">Nature's Touch</option>
                    <option value="sunset">Sunset Vibes</option>
@@ -56,14 +58,14 @@
                    <option value="nord">Nord</option>
                    <option value="pastel">Pastel Pop</option>
                    <option value="oceanic">Oceanic Breeze</option>
-                    <option value="dracula">Dracula</option>
-
-
+                    <option value="dracula">Dracula</option>  
                </select>
+                -->
                <button id="darkModeToggle" class="theme-toggle" aria-label="Toggle dark mode">
                    <i class="fas fa-moon"></i>
                </button>
-            </div>
+
+            </div>  
        </div>
    </nav>

@@ -13,19 +13,22 @@ let isSwiping = false;
 const colorThemes = {
    default: {
        light: {
-            primary: '#4a314d',
-            background: '#ffffff',
-            text: '#1a090d',
-            cardBackground: '#f8f9fa',
-            sidebarBackground: '#6b6570',
-            hoverColor: '#ace894'
+            primary: '#e05297',
+            background: '#fdf8f3',
+            text: '#2d1b3d',
+            cardBackground: '#ffffff',
+            sidebarBackground: '#f6f0f8',
+            hoverColor: '#fef4fb',
+            linkColor: '#7c5cbf'
        },
        dark: {
-            background: '#1a1a1a',
-            text: '#e8e8e8',
-            cardBackground: '#2d2d2d',
-            sidebarBackground: '#333333',
-            linkColor: '#88cc88'
+            primary: '#ff7eb3',
+            background: '#191020',
+            text: '#ede8f5',
+            cardBackground: '#241b2e',
+            sidebarBackground: '#1e1528',
+            hoverColor: 'rgba(255, 126, 179, 0.06)',
+            linkColor: '#c4b5fd'
        }
    },
    purple: {
@@ -295,22 +298,13 @@ document.addEventListener('DOMContentLoaded', () => {
        applyColorTheme(currentColorTheme);
    });

-    // Color theme initialization
-    const colorThemeSelect = document.getElementById('colorThemeSelect');
+    // Color theme initialization - color theme select is commented out in HTML
    const savedColorTheme = localStorage.getItem('colorTheme');
    const defaultTheme = 'default';

-    // Validate saved theme exists
+    // Validate saved theme exists and apply it
    const initialTheme = colorThemes[savedColorTheme] ? savedColorTheme : defaultTheme;
-    colorThemeSelect.value = initialTheme;
    applyColorTheme(initialTheme);
-    
-    // Color theme change event listener
-    colorThemeSelect.addEventListener('change', (e) => {
-        const selectedTheme = e.target.value;
-        localStorage.setItem('colorTheme', selectedTheme);
-        applyColorTheme(selectedTheme);
-    });

    // Test if marked is loaded
    if (typeof marked === 'undefined') {
@@ -394,11 +388,13 @@ document.addEventListener('DOMContentLoaded', () => {
    let touchEndX = 0;
    let touchEndY = 0;
    let isSwiping = false;
+    const EDGE_ZONE = 30; // px from left edge to trigger swipe

    const handleTouchStart = (e) => {
        touchStartX = e.touches[0].clientX;
        touchStartY = e.touches[0].clientY;
-        isSwiping = true;
+        // Only allow swipe gesture from the left edge or when sidebar is open
+        isSwiping = touchStartX < EDGE_ZONE || sidebar.classList.contains('active');
    };

    const handleTouchMove = (e) => {
@@ -410,12 +406,14 @@ document.addEventListener('DOMContentLoaded', () => {
        const deltaX = touchStartX - touchEndX;
        const deltaY = Math.abs(touchStartY - touchEndY);

+        // If vertical movement dominates, this is a scroll, not a swipe
        if (deltaY > Math.abs(deltaX)) {
            isSwiping = false;
            return;
        }

-        if (Math.abs(deltaX) > 10) {
+        // Only prevent default once we're confident this is a horizontal swipe
+        if (Math.abs(deltaX) > 30 && Math.abs(deltaX) > deltaY * 2) {
            e.preventDefault();
        }
    };
@@ -781,7 +779,7 @@ function createResourceCard(resource) {
        
        // Try multiple favicon sources
        const faviconSources = [
-            `https://www.google.com/s2/favicons?domain=${domain}&sz=64`,
+            `https://www.google.com/s2/favicons?domain=https://${domain}&sz=64`,
            `https://${domain}/favicon.ico`,
            `https://${domain}/favicon.png`,
            `https://${domain}/apple-touch-icon.png`,
@@ -1094,6 +1092,8 @@ function displaySection(sectionName, sections) {
            });
        }
    });
+
+    window.scrollTo(0, 0);
 }

 function applyColorTheme(themeName) {