Heimdall

Custom JavaScript

Cancel

<script>
// === Beautiful & Calm Welcome Message for Vladimir ===

function showWelcomeMessage() {
    const now = new Date();
    const hour = now.getHours();
    const minutes = now.getMinutes();
    
    let greeting = "";
    let emoji = "";
    
    if (hour >= 5 && hour < 12) {
        greeting = "Good morning";
        emoji = "🌅";
    } else if (hour >= 12 && hour < 17) {
        greeting = "Good afternoon";
        emoji = "☀️";
    } else if (hour >= 17 && hour < 22) {
        greeting = "Good evening";
        emoji = "🌆";
    } else {
        greeting = "Good night";
        emoji = "🌙";
    }
    
    const message = ${emoji} ${greeting}, Vladimir;
    
    // Create welcome element
    let welcomeDiv = document.getElementById('custom-welcome-vladimir');
    
    if (!welcomeDiv) {
        welcomeDiv = document.createElement('div');
        welcomeDiv.id = 'custom-welcome-vladimir';
        welcomeDiv.style.cssText = 
            position: fixed;
            top: 25px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(20, 20, 25, 0.92);
            color: #e0e0e0;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            font-size: 1.45rem;
            font-weight: 500;
            padding: 14px 32px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
            backdrop-filter: blur(16px);
            z-index: 9999;
            opacity: 0;
            transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
            letter-spacing: -0.015em;
            pointer-events: none;
            display: flex;
            align-items: center;
            gap: 12px;
            white-space: nowrap;
            border: 1px solid rgba(255,255,255,0.08);
        ;
        document.body.appendChild(welcomeDiv);
    }
    
    welcomeDiv.innerHTML = message;
    
    // Show with smooth animation
    setTimeout(() => {
        welcomeDiv.style.opacity = '1';
        welcomeDiv.style.top = '35px';
    }, 400);
    
    // Auto hide after 5 seconds
    setTimeout(() => {
        welcomeDiv.style.opacity = '0';
        welcomeDiv.style.top = '25px';
    }, 5200);
}

// Run on page load
window.addEventListener('load', showWelcomeMessage);

// Show again when returning to the tab
document.addEventListener('visibilitychange', () => {
    if (document.visibilityState === 'visible') {
        showWelcomeMessage();
    }
});
</script>