starred/warmbly
1
0
Fork 0
mirror of https://github.com/warmbly/warmbly.git synced 2026-09-10 16:04:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

site(warmup): switch ramp curve to inline Array.from polygon points

Browse Source 
Astro compiler tripped on the <= in the IIFE inside the SVG block.
Replaced with two inline Array.from(...) expressions producing the
polygon and polyline points strings directly. Same visual output.
This commit is contained in:
Matthew Meszaros
2026-05-26 14:53:54 +00:00
parent e7c46278ca
commit d32bb739ff
1 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/warmup.astro
+17 -12
View File
@@ -124,21 +124,26 @@ const faq = [
<line x1="40" x2="700" y1={200 - (40 / 50) * 180} y2={200 - (40 / 50) * 180} stroke="#0c4a6e" stroke-width="1" stroke-dasharray="4 4" opacity="0.4"/>
<!-- Ramp polygon -->
{(() => {
const pts = [];
for (let day = 0; day <= 30; day++) {
<polygon
points={'40,200 ' + Array.from({ length: 31 }, (_, day) => {
const v = Math.min(10 + day, 40);
const x = 40 + (day / 30) * 660;
const y = 200 - (v / 50) * 180;
pts.push(`${x},${y}`);
}
return (
<>
<polygon points={`40,200 ${pts.join(' ')} 700,200`} fill="url(#rampFill)"/>
<polyline points={pts.join(' ')} fill="none" stroke="#0284c7" stroke-width="2"/>
</>
);
})()}
return x + ',' + y;
}).join(' ') + ' 700,200'}
fill="url(#rampFill)"
/>
<polyline
points={Array.from({ length: 31 }, (_, day) => {
const v = Math.min(10 + day, 40);
const x = 40 + (day / 30) * 660;
const y = 200 - (v / 50) * 180;
return x + ',' + y;
}).join(' ')}
fill="none"
stroke="#0284c7"
stroke-width="2"
/>
<!-- Day-1 marker -->
<g>