Adjust icons: make them consistent

1 files changed, 6 insertions, 6 deletions

diff --git a/js/index.js b/js/index.js
index 459a22c..1244a18 100644
--- a/js/index.js
+++ b/js/index.js
@@ -23,7 +23,7 @@ const WEATHERS  = [
 // We can use some symbols from here:
 // https://www.alt-codes.net/weather-symbols.php
 const WEATHER2ICON  = {
-  CLEAR_SKY: "☀",
+  CLEAR_SKY: "🌣",
   MAINLY_CLEAR: "🌤",
   FOG: "🌫",
   DRIZZLE: "🌦",
@@ -33,9 +33,9 @@ const WEATHER2ICON  = {
   SNOW_FALL: "🌨",
   SNOW_GRAINS: "🌨",
   RAIN_SHOWERS: "🌧",
-  SNOW_SHOWERS: "⛇",
-  THUNDERSTORM: "⛈",
-  THUNDERSTORM_HAIL: "⛈",
+  SNOW_SHOWERS: "🌨",
+  THUNDERSTORM: "🌩",
+  THUNDERSTORM_HAIL: "&#x1F329",
 };
 const WMO_CONVERTER = {
   0:  "CLEAR_SKY",
@@ -95,8 +95,8 @@ function Day(date, t_max, t_min, weather){
       <h2><time datetime="${this.date}">${(new Date(this.date)).toLocaleDateString(undefined, DATE_FORMAT)}</h2>
       <p>${this.weather_desc}</p>
       <ul>
-          <li>max: ${this.t_max}&deg;c</li>
-          <li>min: ${this.t_min}&deg;c</li>
+          <li>&#x1F321;<sub>max</sub> ${this.t_max}&deg;C</li>
+          <li>&#x1F321;<sub>min</sub> ${this.t_min}&deg;C</li>
       </ul>
     </div>
     <span class="day-forecast-image" title="${this.weather_desc}">${WEATHER2ICON[this.weather]}</span>`;