diff --git a/static/scripts/functions.js b/static/scripts/functions.js index 318dffc01035dbba64e73d60d6fa779ff15518d0..4d61441145a1523bfb59abb9b7dbf9fffc3e5e18 100644 --- a/static/scripts/functions.js +++ b/static/scripts/functions.js @@ -71,7 +71,7 @@ function countTo(start, end, element, withPercent, intervalLength){ /* HOME PAGE */ if (window.location.href.endsWith("mit/") || window.location.href.indexOf("index") > -1) { - document.querySelector('#home-header-container').style.height = '50vh' + document.querySelector('#home-header-container').style.height = `{document.querySelector('#home-header-container').clientHeight + 120 + document.querySelector('#home-lead').clientHeight}` document.querySelector('#home-header').style.font_size = 'calc(2.5*(1.475rem + 2.7vw))' document.querySelector('#home-lead').style.color = '#fff' @@ -80,7 +80,7 @@ if (window.location.href.endsWith("mit/") || window.location.href.indexOf("index let countToPercentPatients = countTo(0, 80, 'percent_patients', true, 10) let countToPercentDeaths = countTo(0, 30, 'percent_deaths', true, 80/3) let countToNumTreatments = countTo(100, 0, 'num_treatments', false, 8) - }, 2400) + }, 3200) } diff --git a/static/style.css b/static/style.css index 9ae5aa0df84be89287812cce1a613d57884aae46..0d6d24892995467eaec27728ac78fc00073c682c 100644 --- a/static/style.css +++ b/static/style.css @@ -46,15 +46,15 @@ h1, .gradient-header { transition-property: height; transition-duration: 1s; transition-timing-function: ease-in-out; - transition-delay: 2s; + transition-delay: 3s; } #home-header { font-size: calc(3*(1.475rem + 2.7vw)); transition-property: font-size; - transition-duration: 1s; + transition-dsuration: 1s; transition-timing-function: ease-in-out; - transition-delay: 2s; + transition-delay: 3s; } #home-lead { @@ -62,7 +62,7 @@ h1, .gradient-header { transition-property: color; transition-duration: 1s; transition-timing-function: ease-in-out; - transition-delay: 0.8s; + transition-delay: 1.2s; } /* body */