GameCult/gamecult-site
Watch
9
0
Fork
You've already forked gamecult-site
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Masthead: delete the card and the nav pills site-wide

Browse source 
The header card (border, 22px radius, navy gradient, shadow) and its mobile
padding go; the header rule keeps only what beats the engine's: display
block and its own margin. The .gamecult-nav-chip rules go whole, and the
masthead and composite-jump anchors become gamecult-nav-link; the active
route also carries aria-current="page".

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Meta Vens 2026-10-02 15:43:25 +02:00
commit dc959952d6
3 changed files with 4 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

2
site/quartz/components/GameCultCompositeContent.tsx
View file

@ -233,7 +233,7 @@ export default ((opts?: Partial<Options>) => {
aria-label={`${fileData.frontmatter?.title ?? "Page"} sections`}
>
{sections.map((section) => (
<a href={`#${section.sectionId}`} class="gamecult-nav-chip">
<a href={`#${section.sectionId}`} class="gamecult-nav-link">
{section.title}
</a>
))}

3
site/quartz/components/GameCultMasthead.tsx
View file

@ -181,7 +181,8 @@ export default (() => {
return (
<a
href={href}
class={active ? "gamecult-nav-chip active" : "gamecult-nav-chip"}
class={active ? "gamecult-nav-link active" : "gamecult-nav-link"}
aria-current={active ? "page" : undefined}
target={route.external ? "_blank" : undefined}
rel={route.external ? "noreferrer noopener" : undefined}
>

45
site/quartz/styles/custom.scss
View file

@ -644,24 +644,8 @@ body[data-slug="Blog/witness-authoritative-networking"] {
}
.page > #quartz-body .center > .page-header > header {
position: relative;
display: block;
align-items: start;
margin: 0 0 1rem;
padding: 1rem 1.15rem 1.05rem;
border: 1px solid rgba(89, 183, 255, 0.12);
border-radius: 22px;
background:
radial-gradient(
circle at 82% 50%,
rgba(255, 138, 42, 0.16),
transparent 22%
),
linear-gradient(135deg, rgba(7, 12, 19, 0.98), rgba(12, 20, 31, 0.95));
box-shadow:
0 20px 44px rgba(0, 0, 0, 0.24),
inset 0 1px 0 rgba(255, 255, 255, 0.03);
overflow: visible;
margin: 0 0 1.2rem;
}
.gamecult-titlebar {
@ -727,29 +711,6 @@ body[data-slug="Blog/witness-authoritative-networking"] {
align-items: flex-start;
}
.gamecult-nav-chip {
display: inline-flex;
align-items: center;
gap: 0.32rem;
min-height: 2.15rem;
padding: 0.3rem 0.8rem;
border-radius: 999px;
border: 1px solid rgba(89, 183, 255, 0.16);
background: rgba(89, 183, 255, 0.06);
color: #dce7f6;
font-family: var(--titleFont);
font-size: 0.92rem;
font-weight: 300;
letter-spacing: 0.02em;
}
.gamecult-nav-chip:hover,
.gamecult-nav-chip.active {
background: rgba(255, 138, 42, 0.16);
border-color: rgba(255, 138, 42, 0.42);
color: #fff3e8;
}
.gamecult-titlebar-community {
display: flex;
flex-wrap: wrap;
@ -1470,10 +1431,6 @@ a:hover,
margin-top: 1.3rem;
}
.page > #quartz-body .center > .page-header > header {
padding: 0.95rem 0.95rem 1rem;
}
.gamecult-titlebar-title,
.gamecult-titlebar-title a {
font-size: 1.9rem;