gitadmin/sunscope
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2.0

Browse Source 
Layout fixes
Mobile cleanup
Location right hand side
Moon style updated - again
This commit is contained in:
fraxle
2026-05-27 20:30:39 +01:00
parent 7a2a8dcb6f
commit 9b7089ca06
6 changed files with 57 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/components.js
+12 -12
View File
@@ -234,9 +234,9 @@ export function SkyScope({ elev, dt, glob = 0, size = 26 }) {
<circle cx=${shadowCx} cy=${r} r=${moonR} fill="black" />
</mask>
<!-- Moon texture pattern - sized to fit the moon disk -->
<pattern id=${`moon-tex-${uid}`} x=${r - moonR} y=${r - moonR}
width=${moonR * 2} height=${moonR * 2} patternUnits="userSpaceOnUse">
<image href=${MOON_TEX} x="0" y="0" width=${moonR * 2} height=${moonR * 2} />
<pattern id=${`moon-tex-${uid}`} x=${r - moonR - 2} y=${r - moonR - 2}
width=${moonR * 2 + 4} height=${moonR * 2 + 4} patternUnits="userSpaceOnUse">
<image href=${MOON_TEX} x="0" y="0" width=${moonR * 2 + 4} height=${moonR * 2 + 4} />
</pattern>
</defs>
@@ -258,15 +258,15 @@ export function SkyScope({ elev, dt, glob = 0, size = 26 }) {
<g clip-path=${`url(#${clipId})`}>
<!-- Lit crescent via mask -->
<circle cx=${r} cy=${r} r=${moonR}
fill="#ddd8c8" mask=${`url(#moon-mask-${uid})`} />
fill="#e7e3d4" mask=${`url(#moon-mask-${uid})`} />
<!-- Texture overlay on lit face -->
<circle cx=${r} cy=${r} r=${moonR}
fill=${`url(#moon-tex-${uid})`}
mask=${`url(#moon-mask-${uid})`}
opacity="0.45" />
opacity="0.55" />
<!-- Dim unlit face so the full disk outline remains visible -->
<circle cx=${r} cy=${r} r=${moonR}
fill="rgba(180,170,210,0.18)" stroke="rgba(245,237,214,0.45)" stroke-width="0.4" />
fill="rgba(200,192,230,0.08)" stroke="none" />
</g>`}
<!-- Brass scope ring -->
@@ -562,9 +562,9 @@ export function ScopeReticle({ value, cat, loading, elev = 0, dt = new Date(), g
<circle cx=${moonShadowCx} cy=${moonY} r=${moonDrawR} fill="black" />
</mask>
<!-- Moon texture pattern - sized to fit the landscape moon disk -->
<pattern id="scope-moon-tex" x=${cx - moonDrawR} y=${moonY - moonDrawR}
width=${moonDrawR * 2} height=${moonDrawR * 2} patternUnits="userSpaceOnUse">
<image href=${MOON_TEX} x="0" y="0" width=${moonDrawR * 2} height=${moonDrawR * 2} />
<pattern id="scope-moon-tex" x=${cx - moonDrawR - 2} y=${moonY - moonDrawR - 2}
width=${moonDrawR * 2 + 4} height=${moonDrawR * 2 + 4} patternUnits="userSpaceOnUse">
<image href=${MOON_TEX} x="0" y="0" width=${moonDrawR * 2 + 4} height=${moonDrawR * 2 + 4} />
</pattern>
</defs>
<circle cx=${cx} cy=${cy} r="96" fill="url(#scope-bg-glow)" />
@@ -581,15 +581,15 @@ export function ScopeReticle({ value, cat, loading, elev = 0, dt = new Date(), g
${(isTwil || (!isDay && !isTwil)) && html`<${Fragment}>
<!-- Lit crescent — full moon disk clipped by the phase mask -->
<circle cx=${cx} cy=${moonY} r=${moonDrawR}
fill="#ddd8c8" mask="url(#scope-moon-mask)" />
fill="#e7e3d4" mask="url(#scope-moon-mask)" />
<!-- Texture overlay on lit face -->
<circle cx=${cx} cy=${moonY} r=${moonDrawR}
fill="url(#scope-moon-tex)"
mask="url(#scope-moon-mask)"
opacity="0.45" />
opacity="0.55" />
<!-- Dim unlit face so the full disk outline is still visible -->
<circle cx=${cx} cy=${moonY} r=${moonDrawR}
fill="rgba(180,170,210,0.18)" stroke="rgba(245,237,214,0.45)" stroke-width="0.7" />
fill="rgba(200,192,230,0.08)" stroke="none" />
</>`}
</g>
${(() => {