diff --git a/88x31/index.html b/88x31/index.html index 37baaf6..e2d0783 100644 --- a/88x31/index.html +++ b/88x31/index.html @@ -4,14 +4,14 @@ - 88x31 Buttons | Clove Twilight + Clove Twilight - - + + @@ -19,7 +19,7 @@ - + @@ -27,8 +27,8 @@ - - + + @@ -36,8 +36,8 @@ - - + + diff --git a/assets/clove.webp b/assets/clove.webp deleted file mode 100644 index cd6f2f6..0000000 Binary files a/assets/clove.webp and /dev/null differ diff --git a/assets/selfies/README.md b/assets/selfies/README.md new file mode 100644 index 0000000..2458e9a --- /dev/null +++ b/assets/selfies/README.md @@ -0,0 +1,49 @@ +# /assets/selfies + +Drop your selfie image files in this folder, then list them in `selfies.json`. +The gallery at `/selfies` is rendered from that manifest by `/js/selfies.js`. + +## Adding a selfie + +1. Put the image file in this folder, e.g. `assets/selfies/2026-06-clove.jpg`. +2. Add an entry to `selfies.json`. **The list is shown newest-first — put the + newest selfie at the top.** + +`selfies.json` is a plain JSON array. Each entry can be either: + +- **a filename string** (no caption, alt text auto-generated): + + ```json + [ + "2026-06-clove.jpg", + "2026-05-night-out.png" + ] + ``` + +- **or an object** with optional `caption` and `alt`: + + ```json + [ + { "src": "2026-06-clove.jpg", "caption": "golden hour ☀️", "alt": "Clove smiling in a sunlit park" }, + { "src": "2026-05-night-out.png", "caption": "night out 💃" } + ] + ``` + +You can mix both styles in the same list. + +## Fields + +- **`src`** (required) — the image. A bare filename resolves to + `/assets/selfies/`. You can also give a full path (`/assets/...`) + or an absolute URL (`https://...`). +- **`caption`** (optional) — short text shown **under the thumbnail and under + the enlarged photo in the lightbox**. Leave it out for no caption. +- **`alt`** (optional) — accessibility text for screen readers only (not shown + on screen). If omitted, it falls back to the caption, then to a generic + "Selfie N of Clove Twilight". + +## Notes + +- Common web formats work: `.jpg`, `.jpeg`, `.png`, `.gif`, `.webp`, `.avif`. +- Until you add at least one entry, the page shows a friendly "no selfies yet" + message. diff --git a/assets/image.png b/assets/selfies/image.png similarity index 100% rename from assets/image.png rename to assets/selfies/image.png diff --git a/assets/selfies/selfies.json b/assets/selfies/selfies.json new file mode 100644 index 0000000..e38f78a --- /dev/null +++ b/assets/selfies/selfies.json @@ -0,0 +1,3 @@ +[ + { "src": "image.png", "alt": "Selfie of Clove Twilight", "caption": "Selfie taken after I fully moved into uni ✨" } +] diff --git a/cool-people/index.html b/cool-people/index.html index 6fb7a5d..1cbbe1f 100644 --- a/cool-people/index.html +++ b/cool-people/index.html @@ -13,14 +13,14 @@ - Cool People + Clove Twilight - - + + @@ -28,7 +28,7 @@ - + @@ -36,8 +36,8 @@ - - + + @@ -45,8 +45,9 @@ - - + + +