From 2d65c5bbdf51f3ee88eab49c771269ee4dd1d967 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Cort=C3=A9s?= <hola@danielcortes.xyz>
Date: Sat, 21 Nov 2020 03:29:26 -0300
Subject: [PATCH] Basic weather style

---
 index.html |  6 +++++-
 script.js  |  4 ++++
 styles.css | 21 +++++++++++++++++++++
 3 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index e0bdb91..728902d 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,11 @@
       </div>
 
       <div id="weather-box" class="box">
-        <p>Weather</p>
+        <div class="weather-description">
+          <span class="weather-degrees">11°</span>
+          <span class="weather-where">Temuco</span>
+        </div>
+        <img class="weather-icon" src="http://openweathermap.org/img/wn/04n@4x.png"/> 
       </div>
 
       <div id="custom-box" class="box">
diff --git a/script.js b/script.js
index 17a8cbf..6e264a8 100644
--- a/script.js
+++ b/script.js
@@ -204,6 +204,10 @@ const search = new function () {
   }
 }
 
+const weather = new function () {
+  
+}
+
 window.addEventListener('load', () => {
   currency.on_load()
   photos.on_load()
diff --git a/styles.css b/styles.css
index 4ff3c5e..41694ff 100644
--- a/styles.css
+++ b/styles.css
@@ -160,3 +160,24 @@
 
   border: none;
 }
+
+/* Weather */
+
+#weather-box {
+
+}
+
+.weather-description {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+
+  font-size: 1.5em;
+  font-weight: 600;
+}
+
+.weather-icon {
+  width: auto;
+  height: auto;
+  object-fit: contain;
+}