diff --git a/css/100-coming_soon.css b/css/100-coming_soon.css new file mode 100644 index 0000000..844850e --- /dev/null +++ b/css/100-coming_soon.css @@ -0,0 +1,9 @@ +#coming_soon{ + background: #2b74b1; + z-index: 10; + color: white; + text-shadow: 0 0 1em black; + height: 50vh; + margin-top: 100vh; + padding-top: 50vh; +} diff --git a/css/main.css b/css/main.css index 7560316..6efcc59 100644 --- a/css/main.css +++ b/css/main.css @@ -18,4 +18,5 @@ custom @import "4-content.css"; @import "5-popover.css"; @import "6-portfolio.css"; +@import "100-coming_soon.css"; @import "7-responsive.css"; diff --git a/js/main.js b/js/main.js index 26a2e83..148fb1c 100644 --- a/js/main.js +++ b/js/main.js @@ -4,7 +4,7 @@ let development_debug = false let enable_animations = false -// enable_animations = true +enable_animations = true if (enable_animations) { @@ -117,7 +117,7 @@ if (enable_animations) { top: -50, opacity: 1, duration: 3, - scale: 1.5, + scale: 1.15, ease: 'easeInOut', scrollTrigger: { trigger: '#content', @@ -132,7 +132,7 @@ if (enable_animations) { top: -50, opacity: 1, duration: 2, - scale: 1.25, + scale: 1.15, ease: 'spline', scrollTrigger: { trigger: '#content', @@ -145,11 +145,11 @@ if (enable_animations) { gsap.fromTo('#content_all_img', { scale: 0.8, - left: -100 + left: -50 }, { - scale: 1, - left: -80, + scale: 1.2, + // left: 50, ease: 'linear', scrollTrigger: { trigger: '#content_all .columns',