diff --git a/package.json b/package.json index 240b10dd..33d219c7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "homepage", - "version": "1.49.1", + "version": "1.49.2", "private": true, "type": "module", "scripts": { diff --git a/src/routes/[faithLang=faithLang]/[apologetikSlug=apologetikSlug]/pro/+page.svelte b/src/routes/[faithLang=faithLang]/[apologetikSlug=apologetikSlug]/pro/+page.svelte index 0605de20..b9291fbd 100644 --- a/src/routes/[faithLang=faithLang]/[apologetikSlug=apologetikSlug]/pro/+page.svelte +++ b/src/routes/[faithLang=faithLang]/[apologetikSlug=apologetikSlug]/pro/+page.svelte @@ -93,14 +93,14 @@ return POS_ARGUMENTS.filter((a) => a.layer === lid); } - const W = 700; - const H = 240; - const targetX = W - 110; + const W = 820; + const H = 320; + const targetX = W - 200; const targetY = H / 2; const bands: Record = { - natural: [20, 80], - theism: [90, 150], - christianity: [160, 220] + natural: [25, 105], + theism: [120, 200], + christianity: [215, 295] }; type Item = PosArgument & { y: number }; @@ -173,10 +173,10 @@ {#each cumulativeItems as it (it.id)} {@const stroke = POS_LAYER_COLORS[it.layer]} {@const opacity = 0.25 + (it.strength / 5) * 0.55} - {@const sw = 0.8 + it.strength * 0.6} + {@const sw = 1.6 + it.strength * 1.0} {String(it.n).padStart(2, '0')} — {it.title} - + @@ -197,33 +198,31 @@ {/each} - + {labels.convergeLabel} - {labels.convergeSub} @@ -360,6 +359,38 @@ width: 100%; height: auto; display: block; + overflow: visible; + } + @keyframes pulse-out { + 0% { + r: 18; + opacity: 0.55; + stroke-width: 1.2; + } + 100% { + r: 64; + opacity: 0; + stroke-width: 0.3; + } + } + .pulse { + animation: pulse-out 4.8s ease-out infinite both; + } + .pulse-2 { + animation-delay: 2.4s; + } + @media (prefers-reduced-motion: reduce) { + .pulse { + animation: none; + r: 28; + opacity: 0.4; + stroke-width: 0.8; + } + .pulse-2 { + r: 42; + opacity: 0.2; + stroke-width: 0.5; + } } .cum-svg a { cursor: pointer;