RETRO NAVIGATOR v4.0
READY
THEME:
{theme.label}
{formatDate(currentTime)}
{formatTime(currentTime)}
SYS
{#if showScrollButtons}
{/if}
{#each examples as example, index}
navigate(example.href)}" style="--neon-color:{example.color}" @mouseenter="{(e) => { e.target.style.boxShadow = `0 0 15px ${example.color}60`; e.target.style.borderColor = example.color; e.target.style.color = example.color; e.target.style.textShadow = `0 0 8px ${example.color}80`; }}" @mouseleave="{(e) => { if (!isActive(example.href)) { e.target.style.boxShadow = 'none'; e.target.style.borderColor = ''; e.target.style.color = ''; e.target.style.textShadow = 'none'; } }}"> {example.name}
{/each}
{#if showScrollButtons}
{/if}
showLoginMenu = !showLoginMenu}" class="login-button" aria-label="{isLoggedIn ? 'User menu' : 'Login'}"> {isLoggedIn ? '👤' : '🔐'}
{#if showLoginMenu}
{#if !isLoggedIn}
Login
{:else}
Logout
{/if}
{/if}
showThemeMenu = !showThemeMenu}" class="theme-toggle" aria-label="Change theme"> {getThemeIcon()}
{#if showThemeMenu}
{#each themes as t}
setTheme(t.name)}" class="theme-menu-item {theme.name === t.name ? 'active-theme' : ''}"> {t.label}
{/each}
{/if}