Skip to content

Quick Start

Jump to bottom
Teck edited this page Jul 29, 2025 · 1 revision

Quick Start

Get Running in 2 Minutes

Step 1: Basic HTML

<!DOCTYPE html>
<html>
<head>
    <title>My Ambient Site</title>
    <link rel="stylesheet" href="assets/world.css">
    <script src="assets/world-config.js"></script>
    <script src="assets/world.js"></script>
</head>
<body>
    <h1>Welcome!</h1>
    <p>This site changes colors automatically.</p>
</body>
</html>

Step 2: That's It!

World.CSS will:

  • Detect your location
  • Get current weather
  • Apply appropriate theme
  • Update throughout the day

What You'll See

  • Night: Dark blue themes
  • Sunrise: Warm orange tones
  • Day: Bright, natural colors
  • Sunset: Golden, warm hues
  • Evening: Deep, rich colors

Customization

Edit assets/world-config.js to change colors and behavior.

Clone this wiki locally