blog personal website

social media network

English

Domain 'horizontal-amethyst-7gvcqms3u9-i4cqhcafkr.edgeone.app' uses the application-focused generic top-level domain (.app); it also runs on subdomain 'horizontal-amethyst-7gvcqms3u9-i4cqhcafkr'. Count 7 characters in 'edgeone' with 4 vowels and 3 consonants. Splitting it apart reveals 2 words: edge, one. Median word length comes out to 3.5 characters. No strong language cues emerged from the frequency lists.

html/2c/f6/2cf68b7f-2a47-4c0f-aede-d36b241a404f.html.gz

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

176e894661aa9cdc9a5cba6c720044cbbf7b8bd80d1c9a142a7c24b1b6c50d15

c5b9fd356bc69dab2b1e83c7944774cacccf11508ac708e91d105de5764350d2

228e7b96dfcd71f996ef6088837a99dd927757767a3df257d5c8e66164e5eccd

eda7faf02a49035ecf1e2496e1d8bba8c1d445dbd44e1060a8f87ead7252e266

viewport

html/2c/f6/2cf68b7f-2a47-4c0f-aede-d36b241a404f_nodriver.html.gz

Happy Birthday, Jane Laruap 🎂

Prudence Malinki

MarkMonitor Inc.

edgeone.app


        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        lavender: '#E6E6FA',
                        deepViolet: '#4B0082',
                        lilac: '#C8A2C8',
                        neonPurple: '#B19CD9',
                    },
                    fontFamily: {
                        cursive: ['"Dancing Script"', 'cursive'],
                        sans: ['Poppins', 'sans-serif'],
                    },
                    animation: {
                        'float': 'float 6s ease-in-out infinite',
                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
                        'bounce-slow': 'bounce 3s infinite',
                        'shine': 'shine 1s',
                    },
                    keyframes: {
                        float: {
                            '0%, 100%': { transform: 'translateY(0)' },
                            '50%': { transform: 'translateY(-20px)' },
                        },
                        shine: {
                            '100%': { left: '125%' }
                        }
                    }
                }
            }
        }
    


        // --- 1. Background Particles & Stars Logic ---
        function createBackgroundStars() {
            const container = document.getElementById('particles-js');
            const starCount = 50;
            
            for(let i = 0; i < starCount; i++) {
                const star = document.createElement('div');
                star.style.position = 'absolute';
                star.style.width = Math.random() * 3 + 'px';
                star.style.height = star.style.width;
                star.style.background = 'white';
                star.style.borderRadius = '50%';
                star.style.left = Math.random() * 100 + '%';
                star.style.top = Math.random() * 100 + '%';
                star.style.opacity = Math.random();
                star.style.animation = `float ${Math.random() * 5 + 5}s ease-in-out infinite`;
                star.style.animationDelay = Math.random() * 5 + 's';
                container.appendChild(star);
            }
        }

        // --- 2. Interactive Hearts Logic ---
        const heartMessages = [
            "Made with love 💜",
            "Worth every late night ✨",
            "Just for you, Jane 💫",
            "Shine bright! 🌟",
            "You are magical! ✨",
            "Happy Birthday! 🎂",
            "Code by Schan 💻"
        ];
        
        // The Hidden Secret Message
        const secretHeartMessage = "This website was coded, made, and stayed up late for — by Schan 💜";

        let heartsClicked = 0;
        const totalHeartsToSpawn = 8;

        function spawnInteractiveHearts() {
            // We will spawn some hearts initially, and some randomly over time
            for(let i = 0; i < 4; i++) {
                setTimeout(createRandomHeart, i * 1000);
            }
        }

        function createRandomHeart() {
            const heart = document.createElement('div');
            heart.classList.add('interactive-heart');
            heart.innerHTML = ['❤️', '💜', '✨', '💖', '💝'][Math.floor(Math.random() * 5)];
            
            // Random Position
            const x = Math.random() * 90; // 0-90vw
            const y = Math.random() * 90; // 0-90vh
            heart.style.left = x + '%';
            heart.style.top = y + '%';
            
            // Random Duration
            heart.style.setProperty('--duration', (Math.random() * 5 + 4) + 's');

            // Randomly assign message
            // The 7th heart (index 6) will almost always contain the secret or be a trigger for it
            // But let's make it random to be fun.
            let msg = heartMessages[Math.floor(Math.random() * heartMessages.length)];
            
            // 20% chance to be the secret message directly
            if (Math.random() < 0.15) {
                msg = secretHeartMessage;
            }

            heart.dataset.message = msg;

            heart.addEventListener('click', function() {
                if(this.classList.contains('clicked')) return;
                
                this.classList.add('clicked');
                heartsClicked++;
                
                // Show Modal
                showModal(msg);

                // Spawn confetti
                createConfetti(20);

                // If all hearts clicked or enough clicked, spawn the main reveal heart specifically
                if (heartsClicked >= 2 && !document.getElementById('mainSecretHeart')) {
                    spawnMainSecretHeart();
                }

                // Spawn a new random heart to replace the clicked one
                setTimeout(createRandomHeart, 1000);
            });

            document.body.appendChild(heart);
        }

        function spawnMainSecretHeart() {
            if(document.getElementById('mainSecretHeart')) return;

            const heart = document.createElement('div');
            heart.id = 'mainSecretHeart';
            heart.classList.add('interactive-heart');
            heart.innerHTML = '💜';
            heart.style.fontSize = '4rem';
            heart.style.left = '50%';
            heart.style.top = '50%';
            heart.style.transform = 'translate(-50%, -50%)';
            heart.style.zIndex = '60';
            heart.dataset.message = secretHeartMessage;
            
            // Animation for main heart
            heart.style.animation = 'pulse 2s infinite';

            heart.addEventListener('click', function() {
                this.classList.add('clicked');
                showModal(secretHeartMessage, true); // true for isMain
                createConfetti(50);
                setTimeout(() => {
                    this.remove();
                }, 1000);
            });

            document.body.appendChild(heart);
        }

        // --- 3. Modal Logic ---
        function showModal(text, isMain = false) {
            const modal = document.getElementById('heartModal');
            const modalText = document.getElementById('modalText');
            
            modalText.innerText = text;
            modal.classList.remove('hidden');
            // Small delay for transition
            setTimeout(() => {
                modal.classList.remove('opacity-0');
                modal.querySelector('.modal-content').classList.add('active');
            }, 10);

            if(isMain) {
                modalText.classList.add('text-2xl', 'text-yellow-300');
            } else {
                modalText.classList.remove('text-2xl', 'text-yellow-300');
            }
        }

        function closeModal() {
            const modal = document.getElementById('heartModal');
            modal.classList.add('opacity-0');
            setTimeout(() => {
                modal.classList.add('hidden');
            }, 300);
        }

        // --- 4. Countdown Timer ---
        function updateCountdown() {
            const targetDate = new Date("January 22 " + new Date().getFullYear() + " 00:00:00").getTime();
            const now = new Date().getTime();
            
            // If the date has passed this year, set for next year
            let distance = targetDate - now;
            if (distance < 0) {
                const nextYear = new Date().getFullYear() + 1;
                const nextTarget = new Date("January 22 " + nextYear + " 00:00:00").getTime();
                distance = nextTarget - now;
            }

            const days = Math.floor(distance / (1000 * 60 * 60 * 24));
            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            const seconds = Math.floor((distance % (1000 * 60)) / 1000);

            const timerHTML = `
                <div class="flex flex-col items-center">
                    <span class="countdown-digit text-4xl md:text-6xl font-bold font-mono">${days}</span>
                    <span class="text-purple-200 text-sm uppercase tracking-widest mt-2">Days</span>
                </div>
                <div class="flex flex-col items-center">
                    <span class="countdown-digit text-4xl md:text-6xl font-bold font-mono">${hours}</span>
                    <span class="text-purple-200 text-sm uppercase tracking-widest mt-2">Hours</span>
                </div>
                <div class="flex flex-col items-center">
                    <span class="countdown-digit text-4xl md:text-6xl font-bold font-mono">${minutes}</span>
                    <span class="text-purple-200 text-sm uppercase tracking-widest mt-2">Mins</span>
                </div>
                <div class="flex flex-col items-center">
                    <span class="countdown-digit text-4xl md:text-6xl font-bold font-mono">${seconds}</span>
                    <span class="text-purple-200 text-sm uppercase tracking-widest mt-2">Secs</span>
                </div>
            `;

            document.getElementById('timerDisplay').innerHTML = timerHTML;
        }

        // --- 5. Surprise & Confetti Logic ---
        function triggerSurprise() {
            // 1. Confetti explosion
            createConfetti(100);
            
            // 2. Heart Rain
            startHeartRain();

            // 3. Show Secret Message
            const secret = document.getElementById('secretMessage');
            secret.classList.remove('hidden');
            
            // 4. Shake button
            const btn = document.getElementById('surpriseBtn');
            btn.innerHTML = "It's Your Day! 🎉";
            btn.classList.add('animate-ping');
            setTimeout(() => btn.classList.remove('animate-ping'), 1000);
        }

        function createConfetti(amount) {
            const colors = ['#B19CD9', '#C8A2C8', '#E6E6FA', '#FFD700', '#FF69B4'];
            
            for(let i = 0; i < amount; i++) {
                const confetti = document.createElement('div');
                confetti.classList.add('confetti-particle');
                
                // Random Position (centered mostly or full width)
                const startX = Math.random() * window.innerWidth;
                confetti.style.left = startX + 'px';
                confetti.style.top = (window.innerHeight / 2) + 'px';
                
                // Random Color
                confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
                
                // Random Shape (circle or square)
                if(Math.random() > 0.5) confetti.style.borderRadius = '50%';
                
                // Animation via JS for explosion effect
                const angle = Math.random() * Math.PI * 2;
                const velocity = Math.random() * 10 + 5;
                const vx = Math.cos(angle) * velocity;
                const vy = Math.sin(angle) * velocity;
                
                let x = startX;
                let y = window.innerHeight / 2;
                let opacity = 1;
                
                const animate = () => {
                    x += vx;
                    y += vy;
                    confetti.style.left = x + 'px';
                    confetti.style.top = y + 'px';
                    confetti.style.transform = `translateY(${window.scrollY}px)`; // account for scroll
                    opacity -= 0.02;
                    confetti.style.opacity = opacity;
                    
                    if(opacity > 0) {
                        requestAnimationFrame(animate);
                    } else {
                        confetti.remove();
                    }
                };
                
                document.body.appendChild(confetti);
                requestAnimationFrame(animate);
            }
        }

        function startHeartRain() {
            const duration = 3000; // 3 seconds of rain
            const end = Date.now() + duration;

            const interval = setInterval(() => {
                if(Date.now() > end) {
                    clearInterval(interval);
                    return;
                }
                
                const heart = document.createElement('div');
                heart.classList.add('heart-rain');
                heart.innerHTML = ['❤️', '💜', '💖'][Math.floor(Math.random() * 3)];
                heart.style.left = Math.random() * 100 + 'vw';
                heart.style.animationDuration = (Math.random() * 2 + 2) + 's';
                document.body.appendChild(heart);
                
                setTimeout(() => heart.remove(), 4000);
            }, 50);
        }

        // --- 6. Flip Card Logic (Touch/Friendly) ---
        function setupFlipCards() {
            const ids = ['flip1', 'flip2', 'flip3'];
            ids.forEach(id => {
                const el = document.getElementById(id);
                // For desktop click
                el.parentElement.addEventListener('click', () => {
                    el.classList.toggle('rotate-y-180');
                });
                // For touch
                el.parentElement.addEventListener('touchstart', (e) => {
                    e.preventDefault(); // prevent double firing
                    el.classList.toggle('rotate-y-180');
                });
            });
            
            // Add necessary CSS for flip if not present (Tailwind doesn't do 3D transforms out of box perfectly without config)
            const style = document.createElement('style');
            style.innerHTML = `
                .perspective { perspective: 1000px; }
                .transform-style-3d { transform-style: preserve-3d; }
                .backface-hidden { backface-visibility: hidden; }
                .rotate-y-180 { transform: rotateY(180deg); }
                .rotate-y-0 { transform: rotateY(0); }
            `;
            document.head.appendChild(style);
        }

        // --- 7. Admin & Settings Logic ---
        function toggleAdminPanel() {
            const panel = document.getElementById('adminPanel');
            if(panel.style.display === 'none') {
                panel.style.display = 'block';
            } else {
                panel.style.display = 'none';
            }
        }

        // Music Controls
        function toggleMusic() {
            const music = document.getElementById('bgMusic');
            const icon = document.getElementById('musicIcon');
            
            if(music.paused) {
                music.volume = 0.3; // Lower default volume
                music.play().then(() => {
                    icon.classList.remove('fa-volume-mute');
                    icon.classList.add('fa-volume-up');
                }).catch(e => {
                    alert("Please interact with the page first to enable audio (browser policy).");
                });
            } else {
                music.pause();
                icon.classList.remove('fa-volume-up');
                icon.classList.add('fa-volume-mute');
            }
        }

        function updateMusic() {
            const url = document.getElementById('musicUrlInput').value;
            if(url) {
                const music = document.getElementById('bgMusic');
                music.src = url;
                music.load();
                music.play();
                document.getElementById('musicIcon').classList.remove('fa-volume-mute');
                document.getElementById('musicIcon').classList.add('fa-volume-up');
                alert("Music updated!");
            }
        }

        // Photo Management
        function addPhoto() {
            const url = document.getElementById('photoUrlInput').value;
            if(url) {
                const img = document.createElement('img');
                img.src = url;
                img.className = "w-48 h-48 object-cover rounded-2xl border-2 border-purple-500/50 shadow-[0_0_20px_rgba(177,156,217,0.2)]";
                img.alt = "User Photo";
                document.getElementById('photoPreview').appendChild(img);
                document.getElementById('photoUrlInput').value = '';
            }
        }

        function handleFileUpload(event) {
            const file = event.target.files[0];
            if (file) {
                const reader = new FileReader();
                reader.onload = function(e) {
                    const img = document.createElement('img');
                    img.src = e.target.result;
                    img.className = "w-48 h-48 object-cover rounded-2xl border-2 border-purple-500/50 shadow-[0_0_20px_rgba(177,156,217,0.2)]";
                    img.alt = "User Photo";
                    document.getElementById('photoPreview').appendChild(img);
                }
                reader.readAsDataURL(file);
            }
        }

        function clearPhotos() {
            document.getElementById('photoPreview').innerHTML = '';
        }

        // --- 8. Parallax Effect on Scroll ---
        window.addEventListener('scroll', () => {
            const scrolled = window.pageYOffset;
            const particles = document.getElementById('particles-js');
            // Move background slightly
            if(particles) {
                particles.style.transform = `translateY(${scrolled * 0.3}px)`;
            }
            
            // Parallax text in Hero
            const heroTitle = document.querySelector('section h1');
            if(heroTitle && scrolled < 600) {
                heroTitle.style.transform = `translateY(${scrolled * 0.5}px)`;
                heroTitle.style.opacity = 1 - (scrolled / 500);
            }
        });

        // --- Initialization ---
        document.addEventListener('DOMContentLoaded', () => {
            createBackgroundStars();
            spawnInteractiveHearts();
            setupFlipCards();
            
            // Start Countdown
            updateCountdown();
            setInterval(updateCountdown, 1000);

            // Setup CSS for flip (Tailwind equivalent for transforms)
            const css = `
                .backface-hidden { backface-visibility: hidden; }
                .rotate-y-180 { transform: rotateY(180deg); }
                .perspective { perspective: 1000px; }
                .transform-style-3d { transform-style: preserve-3d; }
            `;
            const style = document.createElement('style');
            style.innerHTML = css;
            document.head.appendChild(style);
        });

    

Tailwind CSS

✅ Low Risk - https://horizontal-amethyst-7gvcqms3u9-i4cqhcafkr.edgeone.app/

Requests	IP Address	Location	AS Autonomous System
4	172.64.147.160	United States	AS13335CLOUDFLARENET
2	172.67.68.11	United States	AS13335CLOUDFLARENET
2	142.250.185.99	United States	AS15169GOOGLE
2	142.251.140.170	United States	AS15169GOOGLE
2	146.75.122.208	Frankfurt am Main, Hesse, Germany	AS54113FASTLY
2	104.17.24.14	United States	AS13335CLOUDFLARENET
2	43.152.26.58	Singapore	AS139341ACE
16	7	-	-

Security Scan Report: horizontal-amethyst-7gvcqms3u9-i4cqhcafkr.edgeone.app

Summary

AI Security Verdict

Safe Website

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

Detected Technologies1

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