tykayn/digital-theory
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Tykayn 2023-07-03 10:38:46 +02:00 committed by tykayn
commit a377c69fde
3 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/sprint_4.css
View File

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

2
index.html
View File

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

9
js/animations_custom.js
View File

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