Merge branch 'main' of https://forge.chapril.org/tykayn/digital-theory

css/sprint_4.css

@@ -14420,3 +14420,11 @@ responsive land
 	}
 
 }
+
+
+@media all and (min-width: 1500px){
+
+	#main_title{
+		top: 10vh;
+	}
+}

index.html

@@ -67,7 +67,7 @@
 	<section id="open">
 		<div id="open-handle"></div>
 		<h2 class="text">
-			<img src="/img/unlock.png" alt="Open Sesame">
+			<img src="/img/unlock.png" alt="Open Sesame" id="unlock">
 			<img src="/img/unlock_white.png" alt="Open Sesame" id="unlock_white">
 		</h2>
 	</section>

js/animations_custom.js

@@ -12,6 +12,12 @@ let enable_animations = false
 const rotateYCard = '200deg'
 const offsetCard = '10'
 
+let innerWidth = window.innerWidth;
+document.onresize(event=> {
+	innerWidth = window.innerWidth;
+	console.log('innerWidth', innerWidth)
+})
+
 function animateCard (id, side) {
 
 	console.log('animateCard', '#content-' + id + ' .flip-handle', side, offsetCard)
@@ -86,6 +92,7 @@ if (enable_animations) {
 		})
 
 
+
 	gsap.to('#main_title', {
 		delay: 1,
 		// xPercent: ()=>nav.offsetHeight,
@@ -94,7 +101,7 @@ if (enable_animations) {
 			scrub: 1,
 			markers: development_debug,
 		},
-				top: '30vw',
+				top: innerWidth > 1300 ? '15vw' : '30vw',
 				width: '-40vw',
 
 	})