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);