about styles
This commit is contained in:
@@ -106,7 +106,7 @@
|
||||
<div class="bio-portrait-placeholder" aria-hidden="true"></div>
|
||||
}
|
||||
</div>
|
||||
<div class="bio-caption">@member.Name · @member.Role</div>
|
||||
<div class="bio-caption">@member.Role</div>
|
||||
<div class="bio-meta">
|
||||
<div class="bio-name">@member.Name</div>
|
||||
@if (!string.IsNullOrWhiteSpace(member.Bio))
|
||||
@@ -192,7 +192,7 @@
|
||||
ImageHeight="auto"
|
||||
ImageWidth="100%"
|
||||
ParallaxSpeed="0.35" />
|
||||
<figcaption class="figure-caption">the live rig</figcaption>
|
||||
<figcaption class="figure-caption">the studio rig</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
@@ -223,35 +223,40 @@
|
||||
|
||||
@* Medium triptych — one-line frame of each medium; definitions, not a re-pitch.
|
||||
A stacked editorial list rather than Home's card grid. *@
|
||||
<ul class="medium-list">
|
||||
<li class="medium-row">
|
||||
<a href="/cuts">
|
||||
<span class="medium-row-name">Cuts</span>
|
||||
<span class="medium-row-desc">Studio work, composed and finished.</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="medium-row">
|
||||
<a href="/sessions">
|
||||
<span class="medium-row-name">Sessions</span>
|
||||
<span class="medium-row-desc">Live, caught once, never the same twice.</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="medium-row">
|
||||
<a href="/mixes">
|
||||
<span class="medium-row-name">Mixes</span>
|
||||
<span class="medium-row-desc">Uninterrupted sets, start to finish.</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@* The live turn — "on the street, in the swamp": the identity beyond releases.
|
||||
<MudGrid Spacing="16">
|
||||
<MudItem xs="12" md="6">
|
||||
<ul class="medium-list">
|
||||
<li class="medium-row">
|
||||
<a href="/cuts">
|
||||
<span class="medium-row-name">Cuts</span>
|
||||
<span class="medium-row-desc">Studio work, composed and finished.</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="medium-row">
|
||||
<a href="/sessions">
|
||||
<span class="medium-row-name">Sessions</span>
|
||||
<span class="medium-row-desc">Live, caught once, never the same twice.</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="medium-row">
|
||||
<a href="/mixes">
|
||||
<span class="medium-row-name">Mixes</span>
|
||||
<span class="medium-row-desc">Uninterrupted sets, start to finish.</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</MudItem>
|
||||
@* The live turn — "on the street, in the swamp": the identity beyond releases.
|
||||
A left-breaking pull-quote at large serif scale. *@
|
||||
<blockquote class="pull-quote">
|
||||
<span class="pull-eyebrow">Beyond the Releases</span>
|
||||
<p>
|
||||
But that's just the releases. We're also out there — on the street, in the swamp, with a PA, a generator, and a bunch of good vibes.
|
||||
</p>
|
||||
</blockquote>
|
||||
<MudItem xs="12" md="6">
|
||||
<blockquote class="pull-quote">
|
||||
<span class="pull-eyebrow">Beyond the Releases</span>
|
||||
<p>
|
||||
But that's just the releases. We're also out there — on the street, in the swamp, with a PA, a generator, and a bunch of good vibes.
|
||||
</p>
|
||||
</blockquote>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -271,7 +271,7 @@
|
||||
}
|
||||
|
||||
.bio-portrait {
|
||||
width: 100%;
|
||||
width: 80%;
|
||||
aspect-ratio: 1 / 1;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--deepdrft-border);
|
||||
@@ -484,7 +484,6 @@
|
||||
/* The sharp pull-quote — breaks LEFT into the rail margin at large serif scale. */
|
||||
.pull-quote {
|
||||
margin: 0;
|
||||
margin-left: -7rem;
|
||||
max-width: 70ch;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user