# Songs for Centuries — Website Project

This folder contains the Songs for Centuries Inc. website and its documentation.

## Files

| File | What it is |
|------|------------|
| `SongsForCenturies_VIBRANT.html` | The website — a single, self-contained file |
| `SongsForCenturies_Project.md` | Full project documentation, brand spec, and to-do list |
| `README.md` | This file |

## How to view the website

Double-click **`SongsForCenturies_VIBRANT.html`** — it opens in any web browser
(Chrome, Edge, Firefox, Safari). Everything is in that one file.

> **Note:** The page needs an internet connection the first time it loads.
> It pulls three things from the web: the fonts (Abril Fatface, Inter, Lora),
> the D3 mapping library, and the world map data for the spinning globe.
> If you are offline, the site still works — the globe simply shows a
> styled placeholder instead of the rotating Earth.

## How to edit it

Open `SongsForCenturies_VIBRANT.html` in a text editor or in VS Code.
The file is organized top to bottom:

1. **`<style>`** block — all colors, fonts, and layout. Brand colors are at
   the very top under `:root` (e.g. `--gold`, `--red`, `--teal`).
2. **`<body>`** — the 14 page sections, each marked with a comment banner
   like `<!-- ===== HERO ===== -->`.
3. **`<script>`** block at the bottom — the rotating globe, the scrolling
   language strip, and the "Songs For" tiles.

The list of reached countries and their flag colors lives in the `FLAG`
object inside the script. Add a country there to light it up on the globe.

## To publish it to songsforcenturies.com

Upload `SongsForCenturies_VIBRANT.html` to your web host and rename it to
`index.html` so it becomes the home page.

## Still to do

See the **Pending Items** list in `SongsForCenturies_Project.md`.
The most immediate one: add the official logo file
`Songs_for_Centuries_Inc_Logo.png` to this folder — the site currently
uses a hand-drawn SVG record mark in the brand green until then.

---
*Songs for Centuries Inc. · Sioux Falls, SD · Listed on Nasdaq Private Markets*
