Skip to content

Commit b9cee94

Browse files
RedGridTacticalclaude
RedGridTactical
and
claude
committed
fix: add cache-busting version params to CSS and JS references
All HTML files now reference styles.css?v=2 and script.js?v=2 to force browsers and CDN to fetch the latest versions with carousel code. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent dddf503 commit b9cee94

12 files changed

Lines changed: 108 additions & 22 deletions

‎docs/.wrangler/cache/pages.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"account_id": "c8539de69491f3c6274611a67363410a",
3+
"project_name": "redgridtactical"
4+
}

‎docs/.wrangler/cache/wrangler-account.json‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"account": {
3+
"id": "c8539de69491f3c6274611a67363410a",
4+
"name": "Gianlorenzo.ranieri@gmail.com's Account"
5+
}
6+
}

‎docs/about.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
}
3737
</script>
3838

39-
<link rel="stylesheet" href="styles.css">
39+
<link rel="stylesheet" href="styles.css?v=2">
4040
</head>
4141
<body>
4242

@@ -164,6 +164,6 @@ <h4>Legal</h4>
164164
</div>
165165
</footer>
166166

167-
<script src="script.js"></script>
167+
<script src="script.js?v=2"></script>
168168
</body>
169169
</html>

‎docs/images/mgrs_1_grid.png‎

38 KB
Loading

‎docs/images/mgrs_2_tools.png‎

31.9 KB
Loading

‎docs/images/mgrs_3_report.png‎

31.7 KB
Loading

‎docs/images/mgrs_4_landscape.png‎

35.9 KB
Loading

‎docs/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@
9595
}
9696
</script>
9797

98-
<link rel="stylesheet" href="styles.css">
98+
<link rel="stylesheet" href="styles.css?v=2">
9999
</head>
100100
<body>
101101

@@ -355,6 +355,6 @@ <h4>Legal</h4>
355355
</div>
356356
</footer>
357357

358-
<script src="script.js"></script>
358+
<script src="script.js?v=2"></script>
359359
</body>
360360
</html>

‎docs/link.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@
129129
}
130130
</script>
131131

132-
<link rel="stylesheet" href="styles.css">
132+
<link rel="stylesheet" href="styles.css?v=2">
133133
</head>
134134
<body>
135135

@@ -534,6 +534,6 @@ <h4>Legal</h4>
534534
</div>
535535
</footer>
536536

537-
<script src="script.js"></script>
537+
<script src="script.js?v=2"></script>
538538
</body>
539539
</html>

‎docs/mgrs.html‎

Lines changed: 49 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@
4949
}
5050
</script>
5151

52-
<link rel="stylesheet" href="styles.css">
52+
<link rel="stylesheet" href="styles.css?v=2">
5353
</head>
5454
<body>
5555

@@ -92,14 +92,36 @@
9292
<div class="container">
9393
<img src="images/icon-mgrs.png" alt="Red Grid MGRS app icon" width="80" height="80" style="border-radius: 18px; margin-bottom: 24px;">
9494
<h1><span class="accent">Red Grid</span> MGRS</h1>
95-
<span class="badge badge-red" style="margin-bottom: 16px;">V2.5 — Pro Features</span>
95+
<span class="badge badge-red" style="margin-bottom: 16px;">V2.3 — Subscriptions + i18n</span>
9696
<p class="pitch">DAGR-class MGRS precision in your pocket. Nine tactical tools, six radio-ready report templates, zero network dependency.</p>
9797
<div class="cta-row">
9898
<a href="https://apps.apple.com/app/red-grid-mgrs/id6738044702" class="btn btn-primary btn-lg">Download on App Store</a>
9999
</div>
100100
</div>
101101
</section>
102102

103+
<!-- SCREENSHOTS CAROUSEL -->
104+
<section class="section" aria-label="App screenshots" style="padding-top: 40px; padding-bottom: 40px;">
105+
<div class="container">
106+
<div class="carousel" style="position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; max-width: 500px; margin: 0 auto;">
107+
<button class="carousel-prev" aria-label="Previous screenshot" style="background: var(--bg-tertiary); border: 1px solid var(--border); color: var(--text-primary); width: 44px; height: 44px; border-radius: 50%; cursor: pointer; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s;">&larr;</button>
108+
<div class="carousel-track" style="position: relative; width: 280px; height: 500px; flex-shrink: 0;">
109+
<img src="images/mgrs_1_grid.png" alt="Live 10-digit MGRS grid display" class="carousel-slide active" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border-radius: 16px; transition: opacity 0.4s ease; opacity: 1;">
110+
<img src="images/mgrs_2_tools.png" alt="9 tactical tools including dead reckoning and resection" class="carousel-slide" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border-radius: 16px; transition: opacity 0.4s ease; opacity: 0;">
111+
<img src="images/mgrs_3_report.png" alt="SALUTE and MEDEVAC report templates" class="carousel-slide" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border-radius: 16px; transition: opacity 0.4s ease; opacity: 0;">
112+
<img src="images/mgrs_4_landscape.png" alt="Landscape mode with compass and wayfinder" class="carousel-slide" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border-radius: 16px; transition: opacity 0.4s ease; opacity: 0;">
113+
</div>
114+
<button class="carousel-next" aria-label="Next screenshot" style="background: var(--bg-tertiary); border: 1px solid var(--border); color: var(--text-primary); width: 44px; height: 44px; border-radius: 50%; cursor: pointer; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s;">&rarr;</button>
115+
</div>
116+
<div class="carousel-dots" style="display: flex; justify-content: center; gap: 8px; margin-top: 16px;">
117+
<span class="carousel-dot active" style="width: 8px; height: 8px; border-radius: 50%; background: var(--accent); cursor: pointer; transition: background 0.2s;"></span>
118+
<span class="carousel-dot" style="width: 8px; height: 8px; border-radius: 50%; background: var(--border); cursor: pointer; transition: background 0.2s;"></span>
119+
<span class="carousel-dot" style="width: 8px; height: 8px; border-radius: 50%; background: var(--border); cursor: pointer; transition: background 0.2s;"></span>
120+
<span class="carousel-dot" style="width: 8px; height: 8px; border-radius: 50%; background: var(--border); cursor: pointer; transition: background 0.2s;"></span>
121+
</div>
122+
</div>
123+
</section>
124+
103125
<!-- DAGR COMPARISON -->
104126
<section class="section fade-in" aria-label="DAGR comparison">
105127
<div class="container">
@@ -222,18 +244,38 @@ <h2 class="section-title text-center mb-4">Pricing</h2>
222244
<li>Basic themes</li>
223245
</ul>
224246
</div>
225-
<div class="price-card featured">
226-
<div class="tier">Pro</div>
227-
<div class="amount">$9.99</div>
228-
<div class="period">one-time purchase</div>
247+
<div class="price-card">
248+
<div class="tier">Pro Monthly</div>
249+
<div class="amount">$3.99</div>
250+
<div class="period">per month</div>
229251
<ul>
230252
<li>HUD mode</li>
231253
<li>Photo geostamp</li>
232254
<li>Haptic alerts</li>
233255
<li>All 4 tactical themes</li>
256+
<li>All coordinate formats</li>
257+
</ul>
258+
</div>
259+
<div class="price-card featured">
260+
<div class="tier">Pro Annual</div>
261+
<div class="amount">$29.99</div>
262+
<div class="period">per year &mdash; save 37%</div>
263+
<ul>
264+
<li>Everything in Pro</li>
265+
<li>Best value</li>
234266
<li>Support development</li>
235267
</ul>
236268
</div>
269+
<div class="price-card">
270+
<div class="tier">Pro Lifetime</div>
271+
<div class="amount">$49.99</div>
272+
<div class="period">one-time purchase</div>
273+
<ul>
274+
<li>Everything in Pro</li>
275+
<li>Pay once, own forever</li>
276+
<li>Grandfathered into updates</li>
277+
</ul>
278+
</div>
237279
</div>
238280
</div>
239281
</section>
@@ -278,6 +320,6 @@ <h4>Legal</h4>
278320
</div>
279321
</footer>
280322

281-
<script src="script.js"></script>
323+
<script src="script.js?v=2"></script>
282324
</body>
283325
</html>

0 commit comments

Comments
 (0)