Skip to content

Commit 9b10ce6

Browse files
claudeclaude
committed
Let the home page photograph show, and give the page its width back
Three things, all on the top of the home page. The uploaded background was invisible. Two separate dimmers sat on it: the image itself at 25% opacity, and a navy gradient over that reaching 95% in the middle. Multiplied, about one part in fifty of the picture survived -- so uploading a background looked exactly like the upload not saving, which is what it was reported as. The image is at full strength now and a single scrim carries the legibility, the same weighted one the page banners use. It needed its own variant rather than .page-scrim. Four of the hero's five blocks are a left-hand column, and then the three points at the bottom run the full width, so a scrim that clears on the right the way the banners do would leave the last of those three on bare photograph. This one clears less far and deepens towards the bottom where that row sits. Measured rather than judged, against a pure white photograph -- the worst case, and not a rare one, since a bright sky behind a car is the commonest thing an owner uploads. Every piece of text: 4.98:1 at the tightest, across 1536, 1280, 768 and 390. Below 1024 it goes to even coverage, because there every line runs the full width and there is nowhere the photograph can show without something being read over it. The band of empty navy between the menu and the first word is gone. The hero had even padding top and bottom, which is right for a section in the middle of a page and wrong for the one thing at the top that should be read without scrolling. Tight above, unchanged below. And the page is wider: 86rem rather than 72rem, with the side gutters growing at sm and lg instead of staying at 20px. On a 1536 screen the content ran 1152px with 192px of nothing on each side. Seventeen containers, all the same change, so the header, the sections and the footer still line up. No horizontal overflow at 320, 390, 768, 1024, 1280, 1536 or 1920 on six routes. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0128YzbhrfGdegUSc9RrARRf
1 parent 0c594e3 commit 9b10ce6

35 files changed

Lines changed: 106 additions & 58 deletions

‎404.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,8 @@
3737
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
3838
rel="stylesheet"
3939
/>
40-
<script type="module" crossorigin src="/assets/index-DrVMGoK2.js"></script>
41-
<link rel="stylesheet" crossorigin href="/assets/index-B_yWddXD.css">
40+
<script type="module" crossorigin src="/assets/index-HQpJ4o0h.js"></script>
41+
<link rel="stylesheet" crossorigin href="/assets/index-B2Ly4LJZ.css">
4242
</head>
4343
<body>
4444
<div id="root"></div>

‎about/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,8 @@
3737
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
3838
rel="stylesheet"
3939
/>
40-
<script type="module" crossorigin src="/assets/index-DrVMGoK2.js"></script>
41-
<link rel="stylesheet" crossorigin href="/assets/index-B_yWddXD.css">
40+
<script type="module" crossorigin src="/assets/index-HQpJ4o0h.js"></script>
41+
<link rel="stylesheet" crossorigin href="/assets/index-B2Ly4LJZ.css">
4242
</head>
4343
<body>
4444
<div id="root"></div>

‎assets/index-B2Ly4LJZ.css‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/index-B_yWddXD.css‎

Lines changed: 0 additions & 2 deletions
This file was deleted.

assets/index-DrVMGoK2.js renamed to assets/index-HQpJ4o0h.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bikes/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,8 @@
3737
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
3838
rel="stylesheet"
3939
/>
40-
<script type="module" crossorigin src="/assets/index-DrVMGoK2.js"></script>
41-
<link rel="stylesheet" crossorigin href="/assets/index-B_yWddXD.css">
40+
<script type="module" crossorigin src="/assets/index-HQpJ4o0h.js"></script>
41+
<link rel="stylesheet" crossorigin href="/assets/index-B2Ly4LJZ.css">
4242
</head>
4343
<body>
4444
<div id="root"></div>

‎blog/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,8 @@
3737
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
3838
rel="stylesheet"
3939
/>
40-
<script type="module" crossorigin src="/assets/index-DrVMGoK2.js"></script>
41-
<link rel="stylesheet" crossorigin href="/assets/index-B_yWddXD.css">
40+
<script type="module" crossorigin src="/assets/index-HQpJ4o0h.js"></script>
41+
<link rel="stylesheet" crossorigin href="/assets/index-B2Ly4LJZ.css">
4242
</head>
4343
<body>
4444
<div id="root"></div>

‎build.json‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
{
2-
"publishedAt": "2026-09-18T09:21:59.772Z",
3-
"commit": "d1784c68",
4-
"commitAt": "2026-09-18T06:33:08+00:00",
2+
"publishedAt": "2026-09-18T09:34:10.073Z",
3+
"commit": "0c594e30",
4+
"commitAt": "2026-09-18T09:22:27+00:00",
55
"assets": [
6-
"index-B_yWddXD.css",
7-
"index-DrVMGoK2.js"
6+
"index-B2Ly4LJZ.css",
7+
"index-HQpJ4o0h.js"
88
]
99
}

‎cars/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,8 @@
3737
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
3838
rel="stylesheet"
3939
/>
40-
<script type="module" crossorigin src="/assets/index-DrVMGoK2.js"></script>
41-
<link rel="stylesheet" crossorigin href="/assets/index-B_yWddXD.css">
40+
<script type="module" crossorigin src="/assets/index-HQpJ4o0h.js"></script>
41+
<link rel="stylesheet" crossorigin href="/assets/index-B2Ly4LJZ.css">
4242
</head>
4343
<body>
4444
<div id="root"></div>

‎contact/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,8 @@
3737
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
3838
rel="stylesheet"
3939
/>
40-
<script type="module" crossorigin src="/assets/index-DrVMGoK2.js"></script>
41-
<link rel="stylesheet" crossorigin href="/assets/index-B_yWddXD.css">
40+
<script type="module" crossorigin src="/assets/index-HQpJ4o0h.js"></script>
41+
<link rel="stylesheet" crossorigin href="/assets/index-B2Ly4LJZ.css">
4242
</head>
4343
<body>
4444
<div id="root"></div>

0 commit comments

Comments
 (0)