WALKTHROUGH

Asia Trip 2026 — Interactive Guide: Walkthrough

What Was Built

Single-file interactive travel guide: index.html (~72 KB, zero dependencies)

Features

Feature	Details
Theme	Light Tropical — sandy #FFF9F0 bg, warm amber/green/red palette, playful animations
SVG Map	Interactive! Hover pins for trembling names + fun facts (tooltips). Aqua sea, pastel land, emoji markers (🦁🐢🌿)
3 Languages	🇬🇧 EN / 🇷🇺 RU (default) / 🇪🇪 ET — full translations, instant toggle
Typography	Pacifico (headings), Comfortaa (UI), Mali (descriptions - handwritten style)
Countdown	Live countdown to Feb 21, 2026 19:00 SGT
Stats	Days, Countries, Destinations counters
Animations	Shimmer title, floating emojis (🌴🐠), trembling tooltips, wiggling markers
Mobile-first	Responsive layout, touch-friendly, sticky language bar

Creative Customizations (Family Special)

• Love Birds Hero: Custom 3D illustration of Falcon Anton & Parrot Katikene flying to Asia! Animated with CSS float, multiply blend mode, and warm shadow.
• Map Tooltips (Local Guide): “Singapore 🦁: Illegal to chew gum!”, “Cherating 🐢: Baby turtles!”, “Phong Nha 🦇: Cave big enough for a 747”
• Descriptions: Handwritten style (Mali font) for a personal travel journal feel.
• Visuals: Floating ✈️ and 🌺 background elements.

Architecture

index.html (single file, self-contained)
├── <style>  — Light tropical design system, animations
├── <svg>    — Interactive map with tooltips & emoji markers
├── <div>    — Content containers (dynamically rendered)
└── <script> — i18n data + tooltip logic + rendering engine

Deployment: Cloudflare Pages

Easiest free option — just drag-and-drop:

1. Go to dash.cloudflare.com → Pages → Create
2. Pick “Upload assets” (Direct Upload)
3. Drag the entire asia-trip-2026/ folder
4. Done! You get a *.pages.dev URL with global CDN + HTTPS

Alternatively, deploy via CLI:

npx wrangler pages deploy /home/anton/projects/life/resources/asia-trip-2026/ --project-name=asia-trip-2026

Files

File	Status
index.html	✅ NEW — main interactive guide
asia-trip-map.html	kept (EN timeline)
asia-trip-map_1.html	kept (RU timeline)