| """Hero banner and world atmosphere components.""" |
|
|
| from __future__ import annotations |
|
|
| from ui import assets |
| from world.database import get_world_state |
|
|
|
|
| def render_hero_banner() -> str: |
| state = get_world_state() |
| day = state.get("current_day", 1) |
| entities = state.get("total_entities", 0) |
| events = state.get("total_events", 0) |
| interactions = state.get("total_interactions", 0) |
|
|
| particles = "".join( |
| f'<span class="hero-particle" style="left:{(i * 17 + 7) % 96}%;' |
| f'animation-delay:{(i * 0.37) % 5:.2f}s;' |
| f'animation-duration:{3.5 + (i % 4) * 0.8:.1f}s"></span>' |
| for i in range(18) |
| ) |
| return f""" |
| <div class="hero-banner"> |
| <div class="hero-image-wrap"> |
| <img src="{assets.banner_url()}" alt="Aether Garden — The World That Remembers" class="hero-image"/> |
| <div class="hero-particles" aria-hidden="true">{particles}</div> |
| <div class="hero-shimmer" aria-hidden="true"></div> |
| </div> |
| <div class="hero-statusbar"> |
| <span class="hero-status-live"><span class="live-dot"></span> The world is awake</span> |
| <span class="hero-stat"><b>Day {day}</b></span> |
| <span class="hero-stat-div">·</span> |
| <span class="hero-stat"><b>{entities}</b> souls</span> |
| <span class="hero-stat-div">·</span> |
| <span class="hero-stat"><b>{interactions}</b> encounters</span> |
| <span class="hero-stat-div">·</span> |
| <span class="hero-stat"><b>{events}</b> world events</span> |
| </div> |
| </div> |
| """ |
|
|
