jeffemmett
/
cineasthesia-landing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Awards & Honors section after Film & TV 

Nine award cards in a 3-column grid: NAACP Image Award,
Diversity in Cannes, Film Independent, Outfest Screenwriting Lab,
NYTVF, NC GLFF, TranScreen Amsterdam, Outfest Audience Award,
and RAW: Natural Born Artists recognition.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-19 16:56:11 -07:00
parent f65f1855ce
commit f137810eb8
1 changed files with 112 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
public/index.html
View File

@ -451,6 +451,59 @@
margin-bottom: 1rem;
}
/* AWARDS */
.awards-section {
background: var(--midnight);
color: var(--sand);
}
.awards-section .section-label { color: var(--gold-light); }
.awards-section .section-title { color: var(--sand); }
.awards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin-top: 2.5rem;
}
.award-card {
padding: 1.5rem;
border: 1px solid rgba(198, 139, 63, 0.2);
border-left: 3px solid var(--gold);
background: rgba(255, 255, 255, 0.03);
}
.award-card h4 {
font-family: 'Bebas Neue', sans-serif;
font-size: 1.1rem;
letter-spacing: 0.04em;
color: var(--gold);
margin-bottom: 0.4rem;
}
.award-card .award-detail {
font-size: 0.85rem;
color: rgba(245, 237, 224, 0.7);
line-height: 1.6;
}
.award-card .award-project {
font-family: 'Cormorant Garamond', serif;
font-style: italic;
font-size: 0.85rem;
color: var(--gold-light);
margin-top: 0.4rem;
}
.award-card .award-year {
font-size: 0.65rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(245, 237, 224, 0.4);
margin-top: 0.5rem;
}
/* DSS / DESIGN SCIENCE */
.dss-section {
background: var(--green-dark);
@ -861,6 +914,10 @@
grid-template-columns: 1fr;
}
.awards-grid {
grid-template-columns: 1fr;
}
.dss-grid {
grid-template-columns: 1fr;
gap: 2rem;
@ -1057,6 +1114,61 @@
</div>
</section>
<!-- AWARDS & RECOGNITION -->
<section class="awards-section" id="awards">
<div class="inner">
<div class="reveal">
<p class="section-label">Recognition</p>
<h2 class="section-title">Awards &amp; Honors</h2>
</div>
<div class="awards-grid reveal">
<div class="award-card">
<h4>NAACP Image Award</h4>
<p class="award-detail">Best Live Action Short Film</p>
</div>
<div class="award-card">
<h4>Best Writer</h4>
<p class="award-detail">Diversity in Cannes Award</p>
</div>
<div class="award-card">
<h4>Film Independent Project Involve</h4>
<p class="award-year">2019</p>
</div>
<div class="award-card">
<h4>Outfest Screenwriting Lab</h4>
<p class="award-year">2018</p>
</div>
<div class="award-card">
<h4>NYTVF Notable Writer</h4>
<p class="award-detail">New York Television Festival</p>
<p class="award-year">2018</p>
</div>
<div class="award-card">
<h4>Best Trans US Short Film</h4>
<p class="award-detail">North Carolina Gay &amp; Lesbian Film Festival</p>
<p class="award-project">Missed Connections</p>
<p class="award-year">2019</p>
</div>
<div class="award-card">
<h4>Audience Award</h4>
<p class="award-detail">TranScreen Amsterdam Transgender Film Festival</p>
<p class="award-project">Missed Connections</p>
<p class="award-year">2019</p>
</div>
<div class="award-card">
<h4>Audience Award</h4>
<p class="award-detail">Outfest Los Angeles LGBTQ+ Film Festival</p>
<p class="award-project">Missed Connections</p>
<p class="award-year">2017</p>
</div>
<div class="award-card">
<h4>RAW: Natural Born Artists</h4>
<p class="award-detail">Recognized by Chicago and Madison chapters of the national arts organization</p>
</div>
</div>
</div>
</section>
<!-- DESIGN SCIENCE STUDIO -->
<section class="dss-section leafy-bg leafy-bg-dark" id="dss">
<div class="inner">