fixed bar

met18001 · May 8, 2020 · e0681cd · e0681cd
1 parent a7c70a8
commit e0681cd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 21 deletions.
diff --git 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
@@ -10,12 +10,7 @@ if (curHr < 12) {
   document.getElementById('morning').innerText ='morning'
   for(let i=0;i<numItemsToGenerate;i++){
   rendermoringItem();
-  var img = new Image();
-  var div = document.getElementById('logo');
-  img.onload = function() {
-  div.innerHTML += '<img src="'+img.src+'" />'; 
-  };
-  img.src = ('../final_project/img/nature.png');
+
 
 
 
@@ -24,24 +19,13 @@ if (curHr < 12) {
   document.getElementById('morning').innerText ='afternoon'
   for(let i=0;i<numItemsToGenerate;i++){
   renderafternoonItem();
-  var img = new Image();
-  var div = document.getElementById('logo');
-  img.onload = function() {
-  div.innerHTML += '<img src="'+img.src+'" />'; 
-  };
-  img.src = ('../final_project/img/weather.png');
+
   }
 } else {
   document.getElementById('morning').innerText ='night'
   for(let i=0;i<numItemsToGenerate;i++){
   rendernightItem();
 
-  var img = new Image();
-  var div = document.getElementById('logo');
-  img.onload = function() {
-  div.innerHTML += '<img src="'+img.src+'" />'; 
-  };
-  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);