Restructure character grid to 2 rows (3+4), re-crop photos, add thelastdraw.cineasthesia.com
- Character layout: 3 elders on top row (Akua, Eman, Grandma Bea), 4 younger generation on bottom row (Sarah, Rebecca, Joanna, Missy) - Re-cropped all 7 character photos with aggressive auto-trim to eliminate border artifacts - Updated cache-bust to ?v=3 on all character photo URLs - Added thelastdraw.cineasthesia.com to Traefik Host rule Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
1781144daa
commit
83f555f2cc
|
|
@ -7,7 +7,7 @@ services:
|
|||
- traefik-public
|
||||
labels:
|
||||
- "traefik.enable=true"
|
||||
- "traefik.http.routers.the-last-draw.rule=Host(`the-last-draw.cinesthesia.art`) || Host(`cineasthesia.com`) || Host(`www.cineasthesia.com`) || Host(`staging.cineasthesia.com`)"
|
||||
- "traefik.http.routers.the-last-draw.rule=Host(`the-last-draw.cinesthesia.art`) || Host(`thelastdraw.cineasthesia.com`) || Host(`cineasthesia.com`) || Host(`www.cineasthesia.com`) || Host(`staging.cineasthesia.com`)"
|
||||
- "traefik.http.routers.the-last-draw.entrypoints=web"
|
||||
- "traefik.http.services.the-last-draw.loadbalancer.server.port=80"
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
123
index.html
123
index.html
|
|
@ -522,11 +522,11 @@
|
|||
}
|
||||
|
||||
.character-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 1.5rem;
|
||||
margin-top: 3rem;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
.character-card {
|
||||
|
|
@ -536,12 +536,35 @@
|
|||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: border-color 0.3s, transform 0.3s;
|
||||
width: 100%;
|
||||
max-width: 380px;
|
||||
width: calc(25% - 1.5rem);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.character-row-top {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.character-row-top .character-card {
|
||||
width: calc(33.333% - 1.5rem);
|
||||
max-width: 340px;
|
||||
}
|
||||
|
||||
.character-row-bottom {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.character-row-bottom .character-card {
|
||||
width: calc(25% - 1.5rem);
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.character-card .character-name,
|
||||
.character-card .character-age,
|
||||
.character-card .character-desc {
|
||||
|
|
@ -806,8 +829,10 @@
|
|||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.character-grid {
|
||||
grid-template-columns: 1fr;
|
||||
.character-row-top .character-card,
|
||||
.character-row-bottom .character-card {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1056,47 +1081,51 @@
|
|||
<h2 class="section-title">The Amah Family</h2>
|
||||
</div>
|
||||
<div class="character-grid">
|
||||
<div class="character-card akua reveal">
|
||||
<img src="img/char-akua.jpg?v=2" alt="Akua — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Akua</h3>
|
||||
<p class="character-age">50s · The Matriarch</p>
|
||||
<p class="character-desc">A scientist, mother, intelligent, obsessive, clings to routines. Denial as a shield. Overburdened optimist. She secretly worked on the algorithm and believed she had secured their family's safety, only to be wrong. Shattered when her belief in reason and meritocracy fails.</p>
|
||||
<div class="character-row-top">
|
||||
<div class="character-card akua reveal">
|
||||
<img src="img/char-akua.jpg?v=3" alt="Akua — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Akua</h3>
|
||||
<p class="character-age">50s · The Matriarch</p>
|
||||
<p class="character-desc">A scientist, mother, intelligent, obsessive, clings to routines. Denial as a shield. Overburdened optimist. She secretly worked on the algorithm and believed she had secured their family's safety, only to be wrong. Shattered when her belief in reason and meritocracy fails.</p>
|
||||
</div>
|
||||
<div class="character-card eman reveal">
|
||||
<img src="img/char-eman.jpg?v=3" alt="Eman — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Eman</h3>
|
||||
<p class="character-age">Late 50s · The Patriarch</p>
|
||||
<p class="character-desc">Former revolutionary or intellectual who sold out for stability. Father, believes in meritocracy... barely. Charismatic and insecure about relevance. Tries to "logic" his way through the crisis. Represents broken systems—education, patriarchy, ideology—all cracking under pressure.</p>
|
||||
</div>
|
||||
<div class="character-card grandma-bea reveal">
|
||||
<img src="img/char-grandma-bea.jpg?v=3" alt="Grandma Bea — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Grandma Bea</h3>
|
||||
<p class="character-age">70s · The Elder</p>
|
||||
<p class="character-desc">Sharp-witted, her body is aging, but her spirit is still fiery. Deeply religious, hilarious without trying, emotionally sharp under her exterior. A self-declared "prayer warrior" who hosts late-night intercessions via WhatsApp. Struggles with the conflict between divine fate and algorithmic control.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="character-card eman reveal">
|
||||
<img src="img/char-eman.jpg?v=2" alt="Eman — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Eman</h3>
|
||||
<p class="character-age">Late 50s · The Patriarch</p>
|
||||
<p class="character-desc">Former revolutionary or intellectual who sold out for stability. Father, believes in meritocracy... barely. Charismatic and insecure about relevance. Tries to "logic" his way through the crisis. Represents broken systems—education, patriarchy, ideology—all cracking under pressure.</p>
|
||||
</div>
|
||||
<div class="character-card sarah reveal">
|
||||
<img src="img/char-sarah.jpg?v=2" alt="Sarah — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Sarah</h3>
|
||||
<p class="character-age">Late 30s · The Eldest</p>
|
||||
<p class="character-desc">Eldest daughter, golden child, feels entitled to be chosen due to sacrifice and perfectionism, overachiever, emotionally detached, the one who "escaped", but is spiritually lost. Plans to "buy" survival. Represents the myth of success under late capitalism.</p>
|
||||
</div>
|
||||
<div class="character-card rebecca reveal">
|
||||
<img src="img/char-rebecca.jpg?v=2" alt="Rebecca — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Rebecca</h3>
|
||||
<p class="character-age">Mid 20s · The Middle Child</p>
|
||||
<p class="character-desc">Still believes in love, justice, and signs from the universe. Wears her heart on her sleeve, believes the lottery is a test of the soul. Works in mutual aid, volunteers at anonymous lottery grief circles. Considers herself spiritual—but when she meets a terminally ill "chosen one," she secretly forms plans to convince the stranger to let her assume her identity.</p>
|
||||
</div>
|
||||
<div class="character-card grandma-bea reveal">
|
||||
<img src="img/char-grandma-bea.jpg?v=2" alt="Grandma Bea — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Grandma Bea</h3>
|
||||
<p class="character-age">70s · The Elder</p>
|
||||
<p class="character-desc">Sharp-witted, her body is aging, but her spirit is still fiery. Deeply religious, hilarious without trying, emotionally sharp under her exterior. A self-declared "prayer warrior" who hosts late-night intercessions via WhatsApp. Struggles with the conflict between divine fate and algorithmic control.</p>
|
||||
</div>
|
||||
<div class="character-card joanna reveal">
|
||||
<img src="img/char-joanna.jpg?v=2" alt="Joanna — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Joanna</h3>
|
||||
<p class="character-age">15–17 · The Youngest</p>
|
||||
<p class="character-desc">Youngest daughter, quiet, artistic, tech savvy, neurodivergent, and emotionally attuned. Not taken seriously, but sees everything. Speaks blunt truths that make everyone uncomfortable. She unfolds into quiet leadership. Cracks the "code" of the algorithm and its reasoning.</p>
|
||||
</div>
|
||||
<div class="character-card missy reveal">
|
||||
<img src="img/char-missy.jpg?v=2" alt="Missy — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Missy</h3>
|
||||
<p class="character-age">30s · The Black Sheep</p>
|
||||
<p class="character-desc">Younger aunt, slightly unhinged unrecognized artist, bitingly funny, seen as "wasting potential." Deeply intuitive, emotionally messy, but honest. She spits in the face of the lottery. She never asked to be saved. But her unwavering integrity, her refusal to "perform" worthiness—that's exactly what makes her worthy.</p>
|
||||
<div class="character-row-bottom">
|
||||
<div class="character-card sarah reveal">
|
||||
<img src="img/char-sarah.jpg?v=3" alt="Sarah — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Sarah</h3>
|
||||
<p class="character-age">Late 30s · The Eldest</p>
|
||||
<p class="character-desc">Eldest daughter, golden child, feels entitled to be chosen due to sacrifice and perfectionism, overachiever, emotionally detached, the one who "escaped", but is spiritually lost. Plans to "buy" survival. Represents the myth of success under late capitalism.</p>
|
||||
</div>
|
||||
<div class="character-card rebecca reveal">
|
||||
<img src="img/char-rebecca.jpg?v=3" alt="Rebecca — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Rebecca</h3>
|
||||
<p class="character-age">Mid 20s · The Middle Child</p>
|
||||
<p class="character-desc">Still believes in love, justice, and signs from the universe. Wears her heart on her sleeve, believes the lottery is a test of the soul. Works in mutual aid, volunteers at anonymous lottery grief circles. Considers herself spiritual—but when she meets a terminally ill "chosen one," she secretly forms plans to convince the stranger to let her assume her identity.</p>
|
||||
</div>
|
||||
<div class="character-card joanna reveal">
|
||||
<img src="img/char-joanna.jpg?v=3" alt="Joanna — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Joanna</h3>
|
||||
<p class="character-age">15–17 · The Youngest</p>
|
||||
<p class="character-desc">Youngest daughter, quiet, artistic, tech savvy, neurodivergent, and emotionally attuned. Not taken seriously, but sees everything. Speaks blunt truths that make everyone uncomfortable. She unfolds into quiet leadership. Cracks the "code" of the algorithm and its reasoning.</p>
|
||||
</div>
|
||||
<div class="character-card missy reveal">
|
||||
<img src="img/char-missy.jpg?v=3" alt="Missy — reference photo" class="character-photo" loading="lazy">
|
||||
<h3 class="character-name">Missy</h3>
|
||||
<p class="character-age">30s · The Black Sheep</p>
|
||||
<p class="character-desc">Younger aunt, slightly unhinged unrecognized artist, bitingly funny, seen as "wasting potential." Deeply intuitive, emotionally messy, but honest. She spits in the face of the lottery. She never asked to be saved. But her unwavering integrity, her refusal to "perform" worthiness—that's exactly what makes her worthy.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue