technology software

Chinese

The domain name 'my-workspace-4us.pages.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'my-workspace-4us'. Count 5 characters in 'pages' containing 2 vowels alongside three consonants. Segmentation suggests 1 word: pages. Expect five characters per word on average. No strong language cues emerged from the frequency lists.

html/49/00/49007553-6e18-4d8f-b1b5-125d04f98cf2.html.gz

240da1dfb8a8b21c57172d499dff779a906e1d1e074dfa363b1d12fa0ee8ab39

viewport

Abuse Team

CloudFlare, Inc.

pages.dev

Abuse

Google LLC

GOOGLE


    /* ================= KEY CONFIG ================= */
    // 永久固定的 Key，不再随版本变化，确保更新代码后数据还在
    const STORAGE_KEY = 'designer_nav_data_persistent'; 

    const PRESET_COLORS = ['#8E8E93', '#FF3B30', '#FF9500', '#FFCC00', '#34C759', '#007AFF', '#AF52DE'];
    const defaultData = [
        {
            category: "UI/UX 设计",
            color: "#007AFF", 
            items: [
                { name: "Figma", url: "https://www.figma.com", desc: "云端协作" },
                { name: "Dribbble", url: "https://dribbble.com", desc: "灵感" }
            ]
        },
        {
            category: "常用",
            color: "#34C759", 
            items: [
                { name: "Google", url: "https://google.com", desc: "搜索" }
            ]
        }
    ];

    let navData = [];
    let editingCategoryIndex = null;
    let editingSiteIndex = { gIdx: null, iIdx: null };
    let tempColor = ''; 

    function init() {
        // 尝试读取持久化数据
        const stored = localStorage.getItem(STORAGE_KEY);
        if (stored) {
            navData = JSON.parse(stored);
        } else {
            // 如果没有持久化数据，尝试读取旧版本数据进行迁移 (兼容 v11)
            const oldV11 = localStorage.getItem('navData_v11');
            if(oldV11) {
                navData = JSON.parse(oldV11);
            } else {
                navData = defaultData;
            }
            saveData(); // 保存到新 Key
        }
        render();
        updateTime();
    }

    function saveData() {
        localStorage.setItem(STORAGE_KEY, JSON.stringify(navData));
    }

    /* ================= IMPORT / EXPORT LOGIC ================= */
    function openSettingsModal() {
        document.getElementById('settingsModal').classList.add('active');
    }

    function exportData() {
        const dataStr = JSON.stringify(navData, null, 2);
        const blob = new Blob([dataStr], { type: 'application/json' });
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        const date = new Date().toISOString().slice(0, 10);
        a.download = `nav-backup-${date}.json`;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
    }

    function importData(input) {
        const file = input.files[0];
        if (!file) return;

        const reader = new FileReader();
        reader.onload = function(e) {
            try {
                const json = JSON.parse(e.target.result);
                // 简单校验数据结构
                if (Array.isArray(json) && json[0] && json[0].items) {
                    navData = json;
                    saveData();
                    render();
                    alert('导入成功！');
                    closeModal('settingsModal');
                } else {
                    alert('文件格式错误，请导入正确的备份文件。');
                }
            } catch(err) {
                alert('无法解析文件');
            }
        };
        reader.readAsText(file);
        // 清空 input 使得同一个文件可以再次触发 change
        input.value = '';
    }

    const getFavicon = (url) => {
        try {
            const domain = new URL(url).hostname;
            return `https://www.google.com/s2/favicons?sz=64&domain=${domain}`;
        } catch(e) { return ''; }
    };

    /* ================= RENDER ================= */
    function render() {
        const app = document.getElementById('app');
        app.innerHTML = '';

        navData.forEach((group, gIdx) => {
            const section = document.createElement('div');
            section.className = 'category-section';
            section.style.background = `${group.color || '#8E8E93'}12`; 
            section.dataset.gIdx = gIdx;

            const header = document.createElement('div');
            header.className = 'category-header';
            const title = document.createElement('div');
            title.className = 'category-title';
            title.textContent = group.category;
            title.style.color = group.color || 'var(--text-main)';
            title.ondblclick = () => openCategoryModal(gIdx);
            header.appendChild(title);
            section.appendChild(header);

            const grid = document.createElement('div');
            grid.className = 'grid';
            grid.dataset.gIdx = gIdx;
            grid.addEventListener('dragover', e => handleDragOver(e, grid));
            
            group.items.forEach((item, iIdx) => {
                const card = document.createElement('div');
                card.className = 'card';
                card.draggable = true;
                
                card.dataset.gIdx = gIdx;
                card.dataset.iIdx = iIdx;

                card.addEventListener('dragstart', () => {
                    document.body.classList.add('is-sorting');
                    card.classList.add('dragging');
                    card.style.transition = 'none'; 
                    setTimeout(() => card.style.transition = '', 0);
                });
                
                card.addEventListener('dragend', () => {
                    document.body.classList.remove('is-sorting');
                    card.classList.remove('dragging');
                    handleDragEnd(); 
                });

                card.onclick = (e) => {
                    if (!e.target.closest('.card-btn')) window.open(item.url, '_blank');
                };

                card.innerHTML = `
                    <div class="card-btn btn-del" onclick="deleteSite(${gIdx}, ${iIdx})" title="删除">✕</div>
                    <div class="card-btn btn-edit" onclick="openSiteModal('edit', ${gIdx}, ${iIdx})" title="编辑">✎</div>
                    <img src="${getFavicon(item.url)}" class="card-icon" draggable="false">
                    <div class="card-title">${item.name}</div>
                    <div class="card-desc">${item.desc || ''}</div>
                `;
                grid.appendChild(card);
            });

            section.appendChild(grid);
            app.appendChild(section);
        });
    }

    /* ================= DRAG LOGIC (Strict Midline) ================= */
    
    function getClosestCard(container, x, y) {
        const draggables = [...container.querySelectorAll('.card:not(.dragging)')];
        return draggables.reduce((closest, child) => {
            const box = child.getBoundingClientRect();
            const boxCenterX = box.left + box.width / 2;
            const boxCenterY = box.top + box.height / 2;
            const distance = Math.hypot(x - boxCenterX, y - boxCenterY);
            if (distance < closest.dist) {
                return { dist: distance, element: child };
            } else {
                return closest;
            }
        }, { dist: Number.POSITIVE_INFINITY }).element;
    }

    function handleDragOver(e, container) {
        e.preventDefault();
        const dragging = document.querySelector('.dragging');
        if (!dragging) return;

        const targetCard = getClosestCard(container, e.clientX, e.clientY);
        
        if (!targetCard) {
            if (container.children.length === 0 || (container.children.length === 1 && container.contains(dragging))) {
                container.appendChild(dragging);
            }
            return;
        }

        const box = targetCard.getBoundingClientRect();
        const boxCenterX = box.left + box.width / 2;
        const isRightOfCenter = e.clientX > boxCenterX;
        
        const nextSibling = dragging.nextElementSibling;
        
        if (isRightOfCenter) {
            if (nextSibling === targetCard.nextElementSibling && dragging !== targetCard) return; 
            performFlipMove(container, dragging, targetCard.nextElementSibling);
        } else {
            if (nextSibling === targetCard) return;
            performFlipMove(container, dragging, targetCard);
        }
    }

    function performFlipMove(container, dragging, insertBeforeNode) {
        const cards = [...container.querySelectorAll('.card')];
        const positions = new Map();
        cards.forEach(card => {
            const rect = card.getBoundingClientRect();
            positions.set(card, { left: rect.left, top: rect.top });
        });

        if (insertBeforeNode) {
            container.insertBefore(dragging, insertBeforeNode);
        } else {
            container.appendChild(dragging);
        }

        cards.forEach(card => {
            if (card.classList.contains('dragging')) return;
            const oldPos = positions.get(card);
            if (!oldPos) return; 

            const newRect = card.getBoundingClientRect();
            const deltaX = oldPos.left - newRect.left;
            const deltaY = oldPos.top - newRect.top;

            if (deltaX !== 0 || deltaY !== 0) {
                card.style.transition = 'none';
                card.style.transform = `translate(${deltaX}px, ${deltaY}px)`;
                requestAnimationFrame(() => {
                    card.style.transition = 'transform 0.25s cubic-bezier(0.2, 0, 0.2, 1)';
                    card.style.transform = '';
                });
            }
        });
    }

    function handleDragEnd() {
        const newNavData = [];
        const sections = document.querySelectorAll('.category-section');
        
        sections.forEach((sec, newGIdx) => {
            const oldGIdx = sec.dataset.gIdx; 
            const oldGroup = navData[oldGIdx]; 

            const newGroup = {
                category: oldGroup.category,
                color: oldGroup.color,
                items: []
            };

            const cards = sec.querySelectorAll('.card');
            cards.forEach(card => {
                const cGIdx = card.dataset.gIdx;
                const cIIdx = card.dataset.iIdx;
                const itemData = navData[cGIdx].items[cIIdx];
                newGroup.items.push(itemData);
            });

            newNavData.push(newGroup);
        });

        navData = newNavData;
        saveData();
        setTimeout(render, 300); 
    }

    /* ================= MODAL LOGIC ================= */
    
    function openCategoryModal(idx) {
        editingCategoryIndex = idx;
        const group = navData[idx];
        document.getElementById('catNameInput').value = group.category;
        tempColor = group.color || '#8E8E93';
        renderColorPalette();
        document.getElementById('categoryModal').classList.add('active');
    }

    function renderColorPalette() {
        const container = document.getElementById('colorPalette');
        container.innerHTML = '';
        PRESET_COLORS.forEach(color => {
            const dot = document.createElement('div');
            dot.className = `color-opt ${tempColor === color ? 'active' : ''}`;
            dot.style.backgroundColor = color;
            dot.onclick = () => { tempColor = color; renderColorPalette(); };
            container.appendChild(dot);
        });
        const customDot = document.createElement('div');
        const isCustom = !PRESET_COLORS.includes(tempColor);
        customDot.className = `color-opt custom-picker ${isCustom ? 'active' : ''}`;
        if (isCustom) customDot.style.background = tempColor;
        const input = document.createElement('input');
        input.type = 'color';
        input.id = 'realColorPicker';
        input.value = isCustom ? tempColor : '#000000';
        input.oninput = (e) => {
            tempColor = e.target.value;
            customDot.style.background = tempColor;
            customDot.classList.add('active');
            Array.from(container.children).forEach(c => { if(c !== customDot) c.classList.remove('active'); });
        };
        customDot.appendChild(input);
        container.appendChild(customDot);
    }

    function saveCategory() {
        const newName = document.getElementById('catNameInput').value.trim();
        if (newName) {
            navData[editingCategoryIndex].category = newName;
            navData[editingCategoryIndex].color = tempColor;
            saveData();
            closeModal('categoryModal');
            render();
        }
    }

    let currentSiteMode = 'add'; 
    function openSiteModal(mode, gIdx = null, iIdx = null) {
        currentSiteMode = mode;
        const modal = document.getElementById('siteModal');
        const title = document.getElementById('siteModalTitle');
        const catGroup = document.getElementById('catSelectGroup');
        const catSelect = document.getElementById('siteCatInput');

        document.getElementById('siteUrlInput').value = '';
        document.getElementById('siteNameInput').value = '';
        document.getElementById('siteDescInput').value = '';

        if (mode === 'add') {
            title.textContent = '添加新网站';
            catGroup.style.display = 'block';
            catSelect.innerHTML = '';
            navData.forEach((g, idx) => {
                const opt = document.createElement('option');
                opt.value = idx;
                opt.textContent = g.category;
                catSelect.appendChild(opt);
            });
        } else {
            title.textContent = '编辑网站';
            catGroup.style.display = 'none';
            editingSiteIndex = { gIdx, iIdx };
            const item = navData[gIdx].items[iIdx];
            document.getElementById('siteUrlInput').value = item.url;
            document.getElementById('siteNameInput').value = item.name;
            document.getElementById('siteDescInput').value = item.desc || '';
        }
        modal.classList.add('active');
        if(mode === 'add') document.getElementById('siteUrlInput').focus();
    }

    function generateNameFromUrl(url) {
        try {
            const hostname = new URL(url).hostname;
            let name = hostname.replace('www.', '');
            name = name.split('.')[0]; 
            return name.charAt(0).toUpperCase() + name.slice(1);
        } catch (e) { return 'New Site'; }
    }

    function saveSite() {
        let url = document.getElementById('siteUrlInput').value.trim();
        let name = document.getElementById('siteNameInput').value.trim();
        const desc = document.getElementById('siteDescInput').value.trim();
        if (!url) { alert('请输入网址'); return; }
        if (!url.startsWith('http')) url = 'https://' + url;
        if (!name) name = generateNameFromUrl(url); 

        if (currentSiteMode === 'add') {
            const gIdx = document.getElementById('siteCatInput').value;
            navData[gIdx].items.push({ name, url, desc });
        } else {
            const { gIdx, iIdx } = editingSiteIndex;
            navData[gIdx].items[iIdx] = { name, url, desc };
        }
        saveData();
        closeModal('siteModal');
        render();
    }

    function deleteSite(gIdx, iIdx) {
        if (confirm('确定删除？')) {
            navData[gIdx].items.splice(iIdx, 1);
            saveData();
            render();
        }
    }

    function closeModal(id) { document.getElementById(id).classList.remove('active'); }
    document.querySelectorAll('.modal-overlay').forEach(overlay => {
        overlay.addEventListener('click', (e) => { if (e.target === overlay) overlay.classList.remove('active'); });
    });

    function updateTime() {
        const now = new Date();
        document.getElementById('currentDate').textContent = now.toLocaleDateString('zh-CN', { month: 'long', day: 'numeric', weekday: 'long' });
    }

    function handleSearch(e) {
        if (e.key === 'Enter' && e.target.value) {
            window.open(`https://www.google.com/search?q=${encodeURIComponent(e.target.value)}`, '_blank');
            e.target.value = '';
        }
    }

    init();


Requests	IP Address	Location	AS Autonomous System
3	172.66.47.145Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
2	142.251.155.119Google · CDN	United States	AS15169Google LLC
5	2	-	-

Security Scan Report: my-workspace-4us.pages.dev

Summary

AI Security Verdict

Low Risk

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Page Statistics

Detected Technologies3

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History