Merge pull request #2 from KikeSan/main

weather icon & font Segoe UI
anand-3399 · Oct 7, 2022 · 008d122 · 008d122
2 parents 45fbca3 + b4e709a
commit 008d122
Show file tree

Hide file tree

Showing 3 changed files with 88 additions and 2 deletions.
diff --git a/img/icons/cloudyDay.svg b/img/icons/cloudyDay.svg
diff --git a/index.html b/index.html
@@ -33,6 +33,14 @@
 
 
  <div class="taskbar">
+ <div class="weather">
+ <img src="img/icons/cloudyDay.svg" alt="" class="icon">
+ <div class="info">
+ <p>16°C</p>
+ <p>Parc. soleado</p>
+ </div>
+ </div>
+
  <img id="Menu" src="img/icons/startButton.png" alt="">
  <img id="SearchIcon" src="img/icons/search-icon.svg" alt="">
  <img id="TaskView" src="img\icons\taskView.svg" alt="">
@@ -307,4 +315,4 @@
 </body>
 <script src="script.js"></script>
 
-</html>
+</html>
diff --git a/style.css b/style.css
@@ -8,6 +8,27 @@ body {
  background-size: cover;
  overflow: hidden;
  height: 100vh;
+ font-family: "Segoe UI", sans-serif;
+ font-size: 14px;
+}
+
+.weather{
+ position: absolute;
+ left: 15px;
+ display: flex;
+ justify-content: flex-start;
+ padding-right: 15px;
+}
+.weather:hover {
+ transition: all 0.1s ease-in;
+ background-color: #d1d1d1;
+ border-radius: 8px;
+}
+.weather .info{
+ padding-top: 3px;
+}
+.weather .info p{
+ font-size: 12px;
 }
 
 .taskbar {
@@ -363,4 +384,4 @@ figure {
  bottom: -121px;
  min-width: 100%;
  min-height: 100%;
-}
+}