rework the landing layout, revert the torus and heavy glass
The torus backdrop and film-grain glass were too much, so this goes back to the quieter dithered field and the lighter frosted surfaces, keeping the light-theme and status-chip removals from the previous commit. The hero now lays out as a three-part grid: the photo pinned to the top left, the contact buttons directly under it, and the text column beside them, so the left column carries weight instead of leaving ragged space. The contact buttons lose their labels and become 48px icon squares that line up exactly with the width of the photo. On narrow screens the photo drops out and the contact row moves below the text. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
7078cda6c5
commit
91b7960dc4
4 files changed
+101
-230
No files matched your search
@@ -5,28 +5,10 @@
|
||||
|
||||
/* The page header sits on the background; only cards get a surface. */
|
||||
.projects-hero {
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
margin-bottom: 40px;
|
||||
max-width: 760px;
|
||||
}
|
||||
|
||||
/* Soft scrim so the heading stays readable over the ASCII field, without
|
||||
putting the text in a box. */
|
||||
.projects-hero::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: -28px -10px -20px -10px;
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
background: radial-gradient(
|
||||
ellipse at 30% 50%,
|
||||
rgba(11, 12, 15, 0.92),
|
||||
rgba(11, 12, 15, 0.6) 45%,
|
||||
transparent 75%
|
||||
);
|
||||
}
|
||||
|
||||
.projects-hero h1,
|
||||
.entry-title {
|
||||
font-size: clamp(1.5rem, 3vw, 2.1rem);
|
||||
|
||||
Reference in new issue
Block a user