jason/alwisp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply hero card via inline style to bypass CSS caching

Browse Source 
CSS file changes were not rendering - likely due to Apache mod_expires
caching style.css for 1 week in the browser. Two fixes:
- Cache-bust the stylesheet link (?v=4) so the browser is forced to
  fetch a fresh copy of the CSS file
- Move the dark card and heading size fix to inline styles on the hero
  div directly in home.php, so the change lives in the PHP output and
  is not subject to any CSS caching layer

https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd
This commit is contained in:
Claude
2026-03-01 02:49:45 +00:00
parent 04bf20c14e
commit 6b44fe8b4c
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
www/includes/header.php
View File

@@ -13,7 +13,7 @@
<!-- Google Fonts: Inter (body) + Space Grotesk (headings) -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/style.css?v=4">
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
</head>
<body>

4
www/pages/home.php
View File

@@ -5,9 +5,9 @@
<!-- HERO -->
<section class="hero" aria-labelledby="hero-heading">
<div class="hero__mesh-bg" aria-hidden="true"></div>
<div class="container hero__content">
<div class="container hero__content" style="background:rgba(8,14,38,0.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:3rem 2.5rem;margin-block:3rem;max-width:780px;">
<p class="hero__eyebrow">Custom Networking Solutions</p>
<h1 id="hero-heading" class="hero__heading">
<h1 id="hero-heading" class="hero__heading" style="font-size:clamp(2.2rem,4.5vw,3.25rem);">
Networks Engineered<br>
<span class="gradient-text">Around Your Needs</span>
</h1>