diff --git a/final_project/css/style.css b/final_project/css/style.css index a928886..5321451 100644 --- a/final_project/css/style.css +++ b/final_project/css/style.css @@ -112,7 +112,8 @@ h1{ border-radius: 2.75px; background-color: white; box-shadow: 0 4px 8px 0 hsla(162, 93%, 72%, 0.87), 0 6px 20px 0 hsla(162, 93%, 72%, 0.87); - width: 50vw; + width: 400px; + } .bar .progress { @@ -134,4 +135,8 @@ h1{ max-width: 25px; min-width: 25px; } + .bar{ + width: 350px; + } + } diff --git a/final_project/js/this.js b/final_project/js/this.js index 0946061..a284a81 100644 --- a/final_project/js/this.js +++ b/final_project/js/this.js @@ -10,12 +10,7 @@ if (curHr < 12) { document.getElementById('morning').innerText ='morning' for(let i=0;i'; - }; - img.src = ('../final_project/img/nature.png'); + @@ -24,24 +19,13 @@ if (curHr < 12) { document.getElementById('morning').innerText ='afternoon' for(let i=0;i'; - }; - img.src = ('../final_project/img/weather.png'); + } } else { document.getElementById('morning').innerText ='night' for(let i=0;i'; - }; - img.src = ('../final_project/img/night.png'); } } @@ -127,6 +111,6 @@ retrieveSavedText(); //setting width of bar based on day setInterval(function () { var now = new Date(); - document.getElementById('hours').style.width = ((now.getHours() / 24) * 750) + 'px'; -}, 1000); + document.getElementById('hours').style.width = ((now.getHours() / 24) * 300) + 'px'; +}, 250);