curius graph

: The Textarea element - HTML: HyperText Markup Language | MDN</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94472, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94472"></div>
        </div>
        
        <div class="page-item" data-page-id="94471">
            <div>
                <a href="https://www.freecodecamp.org/news/learn-the-basics-the-css-position-property" target="_blank" class="page-title">The CSS Position Property Explained with Examples</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94471, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94471"></div>
        </div>
        
        <div class="page-item" data-page-id="94470">
            <div>
                <a href="https://www.youtube.com/watch?v=5ZdHfJVAY-s" target="_blank" class="page-title">Build 25 React Projects – Tutorial - YouTube</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94470, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94470"></div>
        </div>
        
        <div class="page-item" data-page-id="94469">
            <div>
                <a href="https://stackoverflow.com/questions/1042257/removing-the-textarea-border-in-html" target="_blank" class="page-title">css - Removing the textarea border in HTML - Stack Overflow</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94469, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94469"></div>
        </div>
        
        <div class="page-item" data-page-id="94468">
            <div>
                <a href="https://jeannen.com/blog/learning-code-and-being-profitable-in-a-year" target="_blank" class="page-title">Nico Jeannen - Entrepreneur | Jeannen Blog</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94468, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94468"></div>
        </div>
        
        <div class="page-item" data-page-id="94467">
            <div>
                <a href="https://www.youtube.com/watch?v=F1tuoMobTfQ" target="_blank" class="page-title">Learning with Pattern (Programming Language)</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94467, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94467"></div>
        </div>
        
        <div class="page-item" data-page-id="94464">
            <div>
                <a href="https://www.youtube.com/watch?v=jAMegKEetx4" target="_blank" class="page-title">Fun Beginner Python projects</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94464, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94464"></div>
        </div>
        
        <div class="page-item" data-page-id="94463">
            <div>
                <a href="https://github.com/isaksolheim/sudoku-solver-js" target="_blank" class="page-title">Sudoku solver and generator using JavaScript</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94463, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94463"></div>
        </div>
        
        <div class="page-item" data-page-id="94462">
            <div>
                <a href="https://www.reddit.com/r/learnprogramming/comments/kvb5fw/what_is_the_use_of_command_prompt" target="_blank" class="page-title">What is the use of command prompt? : r/learnprogramming</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94462, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94462"></div>
        </div>
        
        <div class="page-item" data-page-id="94461">
            <div>
                <a href="https://www.youtube.com/watch?v=MBBWVgE0ewk" target="_blank" class="page-title">Windows Command Line Tutorial - 1 - Introduction to the Command Prompt</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94461, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94461"></div>
        </div>
        
        <div class="page-item" data-page-id="94460">
            <div>
                <a href="https://learn.microsoft.com/en-us/windows/wsl/about" target="_blank" class="page-title">What is Windows Subsystem for Linux | Microsoft Learn</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94460, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94460"></div>
        </div>
        
        <div class="page-item" data-page-id="94459">
            <div>
                <a href="https://www.learnenough.com/command-line-tutorial/basics" target="_blank" class="page-title">Chapter 1: Basics | Learn Enough Command Line to Be Dangerous | Learn Enough to Be Dangerous</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94459, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94459"></div>
        </div>
        
        <div class="page-item" data-page-id="94458">
            <div>
                <a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line" target="_blank" class="page-title">Command line crash course - Learn web development | MDN</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94458, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94458"></div>
        </div>
        
        <div class="page-item" data-page-id="94457">
            <div>
                <a href="https://www.cs.princeton.edu/courses/archive/spr05/cos126/cmd-prompt.html" target="_blank" class="page-title">Command Lines for Windows</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94457, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94457"></div>
        </div>
        
        <div class="page-item" data-page-id="94456">
            <div>
                <a href="https://www.howtogeek.com/249966/how-to-install-and-use-the-linux-bash-shell-on-windows-10" target="_blank" class="page-title">How to Install and Use the Linux Bash Shell on Windows 10</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94456, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94456"></div>
        </div>
        
        <div class="page-item" data-page-id="94455">
            <div>
                <a href="https://www.reddit.com/r/learnprogramming/comments/6xr0l9/whats_the_difference_between_terminal_shell" target="_blank" class="page-title">What's the difference between terminal, shell, command line, and bash? : r/learnprogramming</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94455, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94455"></div>
        </div>
        
        <div class="page-item" data-page-id="94454">
            <div>
                <a href="https://www.reddit.com/r/learnpython/comments/149gzg0/new_to_python_cant_figure_out_why_the_prin" target="_blank" class="page-title">Run Python on Command Prompt</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94454, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94454"></div>
        </div>
        
        <div class="page-item" data-page-id="94453">
            <div>
                <a href="https://www.youtube.com/watch?v=n_2jPbQornY" target="_blank" class="page-title">Linux Essentials - Beginner Crash Course (Ubuntu)</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94453, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94453"></div>
        </div>
        
        <div class="page-item" data-page-id="94452">
            <div>
                <a href="https://www.youtube.com/watch?v=HbgzrKJvDRw" target="_blank" class="page-title">Linux File System/Structure Explained! - YouTube</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94452, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94452"></div>
        </div>
        
        <div class="page-item" data-page-id="94451">
            <div>
                <a href="https://www.freecodecamp.org/news/the-linux-commands-handbook" target="_blank" class="page-title">The Linux Command Handbook</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94451, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94451"></div>
        </div>
        
        <div class="page-item" data-page-id="94450">
            <div>
                <a href="https://www.youtube.com/watch?v=ZtqBQ68cfJc" target="_blank" class="page-title">Linux + Terminal Command Full Course for Beginners</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94450, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94450"></div>
        </div>
        
        <div class="page-item" data-page-id="94449">
            <div>
                <a href="https://eylenburg.github.io/os_familytree.htm" target="_blank" class="page-title">OS Family Tree</a>
                <span class="page-domain"></span>
            </div>
            <div class="page-meta">
                <button class="page-users-btn" onclick="toggleAllPagesUsers(94449, 1)">1 user ▼</button>
            </div>
            <div class="all-pages-users-list" id="all-pages-users-94449"></div>
        </div>
        </div><div class="pagination"><a href="/?view=pages&page=2527">« prev</a><a href="/?view=pages&page=1">1</a><span>...</span><a href="/?view=pages&page=2526">2526</a><a href="/?view=pages&page=2527">2527</a><span class="current">2528</span><a href="/?view=pages&page=2529">2529</a><a href="/?view=pages&page=2530">2530</a><span>...</span><a href="/?view=pages&page=4056">4056</a><a href="/?view=pages&page=2529">next »</a></div>
    <script>
    const allPagesUsersState = {};

function toggleAllPagesUsers(pageId, totalUsers) {
        const listEl = document.getElementById(`all-pages-users-${pageId}`);
        if (!listEl) return;

if (listEl.classList.contains('visible')) {
            listEl.classList.remove('visible');
            listEl.innerHTML = '';
            delete allPagesUsersState[pageId];
        } else {
            listEl.classList.add('visible');
            listEl.innerHTML = '<span style="color: var(--text-muted); font-size: 0.85em;">Loading...</span>';
            allPagesUsersState[pageId] = { offset: 0, total: totalUsers, users: [] };
            loadAllPagesUsers(pageId);
        }
    }

function loadAllPagesUsers(pageId) {
        const state = allPagesUsersState[pageId];
        if (!state) return;

const listEl = document.getElementById(`all-pages-users-${pageId}`);
        if (!listEl) return;

fetch(`/?view=api&action=page_users&page_id=${pageId}&offset=${state.offset}&limit=5`)
            .then(r => r.json())
            .then(data => {
                if (data.error) {
                    listEl.innerHTML = `<span style="color: #f66;">${data.error}</span>`;
                    return;
                }

state.users = state.users.concat(data.users);
                state.offset = data.offset + data.users.length;

let html = state.users.map(u => `
                    <span class="all-pages-user-item">
                        <a href="/?view=graph&user=${u.id}" title="@${escapeHtml(u.username)}">${escapeHtml(u.display_name || u.username)}</a>
                    </span>
                `).join('');

if (data.has_more) {
                    html += `<div><button class="all-pages-load-more" onclick="loadAllPagesUsers(${pageId})">Load more</button></div>`;
                }

listEl.innerHTML = html;
            })
            .catch(err => {
                listEl.innerHTML = `<span style="color: #f66;">Error: ${err}</span>`;
            });
    }

function escapeHtml(str) {
        if (!str) return '';
        return str.replace(/&/g, '&')
                  .replace(/</g, '<')
                  .replace(/>/g, '>')
                  .replace(/"/g, '"');
    }

// Autocomplete for page search
    (function() {
        const input = document.getElementById('pages-search-input');
        const suggestions = document.getElementById('pages-suggestions');
        let searchTimeout = null;

if (!input || !suggestions) return;

input.addEventListener('input', function() {
            clearTimeout(searchTimeout);
            const query = this.value.trim();

if (query.length < 2) {
                suggestions.classList.remove('visible');
                suggestions.innerHTML = '';
                return;
            }

searchTimeout = setTimeout(() => {
                fetch(`/?view=api&action=search_pages&q=${encodeURIComponent(query)}&limit=8`)
                    .then(r => r.json())
                    .then(data => {
                        if (data.pages && data.pages.length > 0) {
                            suggestions.innerHTML = data.pages.map(p => `
                                <div class="pages-suggestion-item" data-query="${escapeHtml(p.title || p.url)}">
                                    <div class="pages-suggestion-title">${escapeHtml(p.title || p.url)}</div>
                                    <div class="pages-suggestion-domain">${escapeHtml(p.domain || '')}</div>
                                </div>
                            `).join('');
                            suggestions.classList.add('visible');

// Add click handlers
                            suggestions.querySelectorAll('.pages-suggestion-item').forEach(item => {
                                item.addEventListener('click', function() {
                                    input.value = this.dataset.query;
                                    suggestions.classList.remove('visible');
                                    document.getElementById('pages-search-form').submit();
                                });
                            });
                        } else {
                            suggestions.innerHTML = '<div class="pages-suggestion-item"><div class="pages-suggestion-title" style="color: var(--text-muted);">no pages found</div></div>';
                            suggestions.classList.add('visible');
                        }
                    })
                    .catch(() => {
                        suggestions.classList.remove('visible');
                    });
            }, 200);
        });

// Hide suggestions when clicking outside
        document.addEventListener('click', function(e) {
            if (!input.contains(e.target) && !suggestions.contains(e.target)) {
                suggestions.classList.remove('visible');
            }
        });

// Handle keyboard navigation
        input.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                suggestions.classList.remove('visible');
            }
        });
    })();
    </script>
    
    </div>

function closeSidebar() {
        document.getElementById('sidebar').classList.remove('open');
        document.getElementById('sidebar-overlay').classList.remove('open');
    }

// Mark active nav link
    (function() {
        const params = new URLSearchParams(window.location.search);
        const currentView = params.get('view') || 'dashboard';
        document.querySelectorAll('.sidebar-nav a').forEach(link => {
            if (link.dataset.view === currentView) {
                link.classList.add('active');
            }
        });
    })();

// Analytics tracking
    (function() {
        // Generate or retrieve session ID
        let sessionId = sessionStorage.getItem('analytics_session');
        if (!sessionId) {
            sessionId = 'sess_' + Math.random().toString(36).substr(2, 9) + '_' + Date.now();
            sessionStorage.setItem('analytics_session', sessionId);
        }

const currentView = new URLSearchParams(window.location.search).get('view') || 'dashboard';
        const referrer = document.referrer;
        let sessionStart = sessionStorage.getItem('session_start');
        if (!sessionStart) {
            sessionStart = Date.now();
            sessionStorage.setItem('session_start', sessionStart);
        }

// Track function
        window.analyticsTrack = function(eventType, eventData = {}) {
            const payload = {
                action: 'track',
                session_id: sessionId,
                event_type: eventType,
                event_data: eventData,
                view: currentView,
                referrer: referrer
            };

// Use sendBeacon for reliability (works even on page unload)
            if (navigator.sendBeacon) {
                navigator.sendBeacon('/?view=api&action=track', JSON.stringify(payload));
            } else {
                fetch('/?view=api&action=track', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify(payload),
                    keepalive: true
                }).catch(() => {});
            }
        };

// Track page view on load
        analyticsTrack('page_view', { path: window.location.pathname + window.location.search });

// Track session end / time on page
        window.addEventListener('beforeunload', function() {
            const timeOnPage = Math.round((Date.now() - parseInt(sessionStart)) / 1000);
            analyticsTrack('session_end', { time_on_page_seconds: timeOnPage });
        });

// Track all external link clicks
        document.addEventListener('click', function(e) {
            const link = e.target.closest('a[href^="http"]');
            if (link && !link.href.includes(window.location.host)) {
                analyticsTrack('click_external_link', {
                    url: link.href,
                    text: link.textContent.trim().substring(0, 100)
                });
            }
        });
    })();
    </script>
</body>
</html>

all pages