diff --git a/final_project/css/style.css b/final_project/css/style.css index 07fb792..a928886 100644 --- a/final_project/css/style.css +++ b/final_project/css/style.css @@ -33,7 +33,8 @@ body { font-family: 'Orbitron', sans-serif; font-size: 56px; text-align: center; - color: white; + color: hsla(162, 93%, 72%, 0.87) ; + } p{ font-family: 'Montserrat', sans-serif; @@ -67,7 +68,25 @@ select{ text-align: center; padding: 10px; } - +a{ + font-family: 'Montserrat', sans-serif; + font-size: 15px; + font-weight: 400; + text-align: center; + color: hsla(162, 93%, 72%, 0.87); + text-decoration: none; + bottom: 10px; + position: absolute; +} +a:hover{ + font-family: 'Montserrat', sans-serif; + font-size: 20px; + font-weight: 400; + text-align: center; + color: white; + transition: ease-in 1s; + +} h1{ font-family: 'Montserrat', sans-serif; font-size: 20px; @@ -79,11 +98,12 @@ h1{ #good{ margin: 0px; font-size: 40px; - color: hsla(162, 93%, 72%, 0.87); + color: white; font-family: 'Montserrat', sans-serif; font-weight: 400; text-align: center; + } .bar { diff --git a/final_project/index.html b/final_project/index.html index a918a5f..ff44a18 100644 --- a/final_project/index.html +++ b/final_project/index.html @@ -10,7 +10,7 @@

Good

-
+
@@ -18,7 +18,7 @@ - + Photos sourced by Unsplash.com
diff --git a/final_project/js/this.js b/final_project/js/this.js index c252be9..0946061 100644 --- a/final_project/js/this.js +++ b/final_project/js/this.js @@ -3,6 +3,9 @@ const numItemsToGenerate = 1; var today = new Date() var curHr = today.getHours() +// moring, afternoon, night logic so that the text switches based on the time +// also added the function call so that the morning img renders at the proper time +// I also added an img functionality so that the img logo changes, but I didn't like the look of it so I removed it. if (curHr < 12) { document.getElementById('morning').innerText ='morning' for(let i=0;i