Evening lakeside village: scene, warm fonts, and interactive touches - #69
Open
kousherAlam wants to merge 6 commits into
Open
Evening lakeside village: scene, warm fonts, and interactive touches#69kousherAlam wants to merge 6 commits into
kousherAlam wants to merge 6 commits into
Conversation
- Fonts: add Fraunces (variable) as a warm display face for the name/headings, keep Inter for body. - Spacing: wider container (max-w-5xl), more generous section/heading rhythm, relaxed line-height, nicer section eyebrow labels; roomier hero + skills. - NatureScene: fixed ambient layer behind content — soft rain, a few gliding flapping birds, and a gently swaying tree with drifting leaves. Low opacity, pointer-events none, disabled under prefers-reduced-motion. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ASEaM6tByhXeDhgLuxYk46
🦋 Changeset detectedLatest commit: 4daef12 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
- Fonts: swap Fraunces for Quicksand (display) + Nunito (body) — softer, warmer, matches the illustrated storybook vibe. - Scene: rebuild NatureScene as a painterly twilight lakeside village — dusk-glow sky, moon, twinkling stars, a distant village whose lamp-lit windows glow and reflect in a shimmering lake, mud road, swaying tree, drifting fireflies, birds, rain. Wide-short landscape viewBox so the village isn't cropped. - Content: frosted-glass panels (hero, cards, experience) float over the scene and stay readable; content reveals on scroll; raindrops bead on the 'wet' panels; a little bird periodically perches on the avatar's head and it does a happy bob. - Verified live in-browser (localhost:3000). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ASEaM6tByhXeDhgLuxYk46
kousherAlam
changed the title
- Scene: warm golden dusk; far bank redrawn as a Bangladeshi village — tin-roof huts with lamp windows, coconut palms, and a calm pond (country boat with a lamp, lily pads + lotus, reeds) whose lights reflect on the water. Rain now raises ripples on the pond instead of beading on cards. - Content: dropped the frosted-glass cards for a soft, borderless 'lamplight veil' (feathered warm shadow) + a gentle text-halo, so content feels lit within the scene rather than boxed on top. Warmer, more immersive. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ASEaM6tByhXeDhgLuxYk46
Scene corrections: - Bamboo-and-straw thatched huts with an oil-lamp doorway glow (no chimneys, no electric windows); flickering lamp flame. - Pond is moonlit only (far lamps don't reach it) — the full moon reflects on the water; removed lamp reflections. - Coconut palms + a few banana plants; bushes/jungle line the pond with fireflies clustered there. - Vertical mud path replaced by a horizontal dirt road along the bottom, lined with roadside trees, bushes and banana plants. Components now borrow from the scene: - Skills = little leaves (leaf-shaped chips). - Posts = banana leaves (midrib + diagonal veins, pointed tips). - Experience = moonlit-pond panels. Verified in-browser at each step. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ASEaM6tByhXeDhgLuxYk46
- Pond is now a small, contained oval nestled in dense jungle (was a wide band). - Much more jungle/bush around the pond; fireflies gather by the jungle. - Posts hang off a banana-plant stalk: a central trunk with each banana-leaf post joined by its own stem — nothing floats independently. - Skill leaves get a petiole so they read as attached, not free chips. Verified in-browser. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ASEaM6tByhXeDhgLuxYk46
- Researched real Bangladeshi village ponds; added authentic elements: bamboo groves (baashjhaar), a ghat (brick steps into the pond), and floating water hyacinth (kachuripana) with purple blooms. - Removed backgrounds from all content — intro, skills, experience, posts, certifications now sit directly on the scene, kept legible with a strong text halo. Skills are outline-only chips. Verified in-browser. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ASEaM6tByhXeDhgLuxYk46
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Turns the site into an ambient, storybook evening by a lakeside village — the content lives inside the scene.
Scene (
NatureScene.astro)Type & layout
Interactive touches
Verified live in-browser. Running locally at http://localhost:3000. Easy to tune (rain density, tree/moon size, village, animation speeds) — tell me what to adjust.
🤖 Generated with Claude Code
https://claude.ai/code/session_01ASEaM6tByhXeDhgLuxYk46