diff --git a/connect/index.html b/connect/index.html index 0918ca9..0d645e3 100644 --- a/connect/index.html +++ b/connect/index.html @@ -13,7 +13,7 @@ - + @@ -193,7 +193,7 @@ - + \ No newline at end of file diff --git a/css/style.css b/css/style.css index 18494e7..905e0ed 100644 --- a/css/style.css +++ b/css/style.css @@ -1481,12 +1481,12 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; } will-change: transform; } -.sfB-palm.corner-tl { top: -8%; left: -10%; transform-origin: 0% 0%; } -.sfB-palm.corner-tr { top: -8%; right: -10%; transform-origin: 100% 0%; } -.sfB-palm.corner-bl { bottom: -8%; left: -10%; transform-origin: 0% 100%; } -.sfB-palm.corner-br { bottom: -8%; right: -10%; transform-origin: 100% 100%; } -.sfB-palm.corner-ml { top: 32%; left: -8%; width: clamp(120px, 49vw, 760px); height: clamp(120px, 49vw, 760px); opacity: 0.28; transform-origin: 0% 50%; } -.sfB-palm.corner-mr { top: 22%; right: -10%; width: clamp(110px, 44vw, 680px); height: clamp(110px, 44vw, 680px); opacity: 0.26; transform-origin: 100% 50%; } +.sfB-palm.corner-tl { top: -8%; left: -10vw; transform-origin: 0% 0%; } +.sfB-palm.corner-tr { top: -8%; right: -10vw; transform-origin: 100% 0%; } +.sfB-palm.corner-bl { bottom: -8%; left: -10vw; transform-origin: 0% 100%; } +.sfB-palm.corner-br { bottom: -8%; right: -10vw; transform-origin: 100% 100%; } +.sfB-palm.corner-ml { top: 32%; left: -10vw; width: clamp(120px, 49vw, 760px); height: clamp(120px, 49vw, 760px); opacity: 0.28; transform-origin: 0% 50%; } +.sfB-palm.corner-mr { top: 22%; right: -10vw; width: clamp(110px, 44vw, 680px); height: clamp(110px, 44vw, 680px); opacity: 0.26; transform-origin: 100% 50%; } @keyframes sfB-palm-sway { from { transform: var(--flip, none) rotate(calc(var(--sway, 3deg) * -0.5)); } diff --git a/festivals/index.html b/festivals/index.html index 2178926..73db81f 100644 --- a/festivals/index.html +++ b/festivals/index.html @@ -13,7 +13,7 @@ - + @@ -244,7 +244,7 @@ - + \ No newline at end of file diff --git a/index.html b/index.html index 85cafa3..f21d3b2 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - + @@ -273,7 +273,7 @@ - + \ No newline at end of file diff --git a/js/main.js b/js/main.js index 8e4e95a..02707a2 100644 --- a/js/main.js +++ b/js/main.js @@ -178,14 +178,14 @@ function lockPalmSizes() { // Each entry: [size, { top|bottom, left|right } in px] const config = { - 'corner-tl': { size: clamp(vw * 0.40, 100, 620), pos: { top: vh * -0.08, left: vw * -0.10 } }, + 'corner-tl': { size: clamp(vw * 0.40, 100, 620), pos: { top: vh * -0.08, left: vw * -0.15 } }, 'corner-tr': { size: clamp(vw * 0.40, 100, 620), pos: { top: vh * -0.08, right: vw * -0.10 } }, - 'corner-bl': { size: clamp(vw * 0.40, 100, 620), pos: { bottom: vh * -0.08, left: vw * -0.10 } }, + 'corner-bl': { size: clamp(vw * 0.40, 100, 620), pos: { bottom: vh * -0.08, left: vw * -0.15 } }, 'corner-br': { size: clamp(vw * 0.40, 100, 620), pos: { bottom: vh * -0.08, right: vw * -0.10 } }, - 'corner-ml': { size: clamp(vw * 0.49, 120, 760), pos: { top: vh * 0.32, left: vw * -0.08 } }, + 'corner-ml': { size: clamp(vw * 0.49, 120, 760), pos: { top: vh * 0.32, left: vw * -0.15 } }, 'corner-ml2': { size: clamp(vw * 0.45, 110, 700), pos: { top: vh * 0.62, left: vw * -0.10 } }, 'corner-mr': { size: clamp(vw * 0.44, 110, 680), pos: { top: vh * 0.22, right: vw * -0.10 } }, - 'corner-mr2': { size: clamp(vw * 0.48, 115, 740), pos: { top: vh * 0.70, right: vw * -0.07 } }, + 'corner-mr2': { size: clamp(vw * 0.48, 115, 740), pos: { top: vh * 0.70, right: vw * -0.10 } }, }; document.querySelectorAll('.sfB-palm').forEach(el => { diff --git a/schedule/index.html b/schedule/index.html index e16afa8..db4db5d 100644 --- a/schedule/index.html +++ b/schedule/index.html @@ -13,7 +13,7 @@ - + @@ -120,7 +120,7 @@ - + + \ No newline at end of file