daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

about styles
Deploy DeepDrftPublic / Build & Publish (push) Successful in 3m57s
Details
Deploy DeepDrftPublic / Deploy (push) Successful in 1m28s
Details

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-17 22:35:41 -04:00
parent 17a35247c1
commit 8ddecb4acc
2 changed files with 36 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic.Client/Pages/About.razor
+35 -30
View File
@@ -106,7 +106,7 @@
<div class="bio-portrait-placeholder" aria-hidden="true"></div> <div class="bio-portrait-placeholder" aria-hidden="true"></div>
} }
</div> </div>
<div class="bio-caption">@member.Name &middot; @member.Role</div> <div class="bio-caption">@member.Role</div>
<div class="bio-meta"> <div class="bio-meta">
<div class="bio-name">@member.Name</div> <div class="bio-name">@member.Name</div>
@if (!string.IsNullOrWhiteSpace(member.Bio)) @if (!string.IsNullOrWhiteSpace(member.Bio))
@@ -192,7 +192,7 @@
ImageHeight="auto" ImageHeight="auto"
ImageWidth="100%" ImageWidth="100%"
ParallaxSpeed="0.35" /> ParallaxSpeed="0.35" />
<figcaption class="figure-caption">the live rig</figcaption> <figcaption class="figure-caption">the studio rig</figcaption>
</figure> </figure>
</div> </div>
</div> </div>
@@ -223,35 +223,40 @@
@* Medium triptych — one-line frame of each medium; definitions, not a re-pitch. @* Medium triptych — one-line frame of each medium; definitions, not a re-pitch.
A stacked editorial list rather than Home's card grid. *@ A stacked editorial list rather than Home's card grid. *@
<ul class="medium-list"> <MudGrid Spacing="16">
<li class="medium-row"> <MudItem xs="12" md="6">
<a href="/cuts"> <ul class="medium-list">
<span class="medium-row-name">Cuts</span> <li class="medium-row">
<span class="medium-row-desc">Studio work, composed and finished.</span> <a href="/cuts">
</a> <span class="medium-row-name">Cuts</span>
</li> <span class="medium-row-desc">Studio work, composed and finished.</span>
<li class="medium-row"> </a>
<a href="/sessions"> </li>
<span class="medium-row-name">Sessions</span> <li class="medium-row">
<span class="medium-row-desc">Live, caught once, never the same twice.</span> <a href="/sessions">
</a> <span class="medium-row-name">Sessions</span>
</li> <span class="medium-row-desc">Live, caught once, never the same twice.</span>
<li class="medium-row"> </a>
<a href="/mixes"> </li>
<span class="medium-row-name">Mixes</span> <li class="medium-row">
<span class="medium-row-desc">Uninterrupted sets, start to finish.</span> <a href="/mixes">
</a> <span class="medium-row-name">Mixes</span>
</li> <span class="medium-row-desc">Uninterrupted sets, start to finish.</span>
</ul> </a>
</li>
@* The live turn — "on the street, in the swamp": the identity beyond releases. </ul>
</MudItem>
@* The live turn — "on the street, in the swamp": the identity beyond releases.
A left-breaking pull-quote at large serif scale. *@ A left-breaking pull-quote at large serif scale. *@
<blockquote class="pull-quote"> <MudItem xs="12" md="6">
<span class="pull-eyebrow">Beyond the Releases</span> <blockquote class="pull-quote">
<p> <span class="pull-eyebrow">Beyond the Releases</span>
But that's just the releases. We're also out there &mdash; on the street, in the swamp, with a PA, a generator, and a bunch of good vibes. <p>
</p> But that's just the releases. We're also out there &mdash; on the street, in the swamp, with a PA, a generator, and a bunch of good vibes.
</blockquote> </p>
</blockquote>
</MudItem>
</MudGrid>
</div> </div>
</div> </div>
DeepDrftPublic.Client/Pages/About.razor.css
+1 -2
View File
@@ -271,7 +271,7 @@
} }
.bio-portrait { .bio-portrait {
width: 100%; width: 80%;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
overflow: hidden; overflow: hidden;
border: 1px solid var(--deepdrft-border); border: 1px solid var(--deepdrft-border);
@@ -484,7 +484,6 @@
/* The sharp pull-quote — breaks LEFT into the rail margin at large serif scale. */ /* The sharp pull-quote — breaks LEFT into the rail margin at large serif scale. */
.pull-quote { .pull-quote {
margin: 0; margin: 0;
margin-left: -7rem;
max-width: 70ch; max-width: 70ch;
} }