more splash page css debugging

Author: noahbenson

_layouts/splash.html

@@ -107,8 +107,9 @@
     dynamicDiv = document.getElementById('masthead');
     splashBanner = document.getElementsByClassName('splash-banner')[0];
     splashLogoTxt = document.getElementsByClassName('splash-banner-logotext')[0];
-    maxHeight = dynamicDiv.offsetHeight;
-    curHeight = parseFloat(dynamicDiv.style.height) || dynamicDiv.offsetHeight; //maxHeight;
+    maxHeight = window.innerHeight + 120;
+    dynamicDiv.style.height = maxHeight + 'px';
+    curHeight = maxHeight;
     vanishHeight = minHeight + (maxHeight - minHeight) * 0.4;
     splashTxt = document.querySelectorAll('.splash-text');
     window.addEventListener('scroll', scrollFn);

style.scss

@@ -214,14 +214,13 @@ img {
  */
 
 .splash-masthead {
-    height: calc(100dvh + var(--masthead-height));
+    //height: calc(100dvh + var(--masthead-height));
     width: 100%;
     background-color: var(--cap-bg-color);
     color: var(--cap-fg-color);
-    display: flex;
-    justify-content: flex-start;
-    //justify-content: space-between;
     align-items: center;
+    display: flex;
+    justify-content: space-between;
     flex-direction: column;
 
     /* sticky header */