modified: app.py

modified:   static/css/style.css
	modified:   templates/weather.html

templates/weather.html

@@ -27,7 +27,9 @@
     <div class="hero-main">
       <div class="hero-temp">{{ current.temp_c if current.temp_c is not none else "–" }}°</div>
       <div class="hero-desc">
-        <div class="hero-icon-big">{{ current.icon or "☁️" }}</div>
+        <div class="hero-icon-big">
+          <img class="wx-icon wx-icon--hero" src="{{ icon_url(current.icon) }}" alt="{{ current.icon }}">
+        </div>
         <div class="hero-stats-mini">
           {% if current.wind_kmh is not none %}
           <span>{{ current.wind_kmh }} km/h {{ wind_dir_name(current.wind_dir) }}</span>
@@ -168,7 +170,9 @@
           {% if h.datetime is string %}{{ h.datetime[8:10] }}.{{ h.datetime[5:7] }}.
           {% else %}{{ h.datetime.strftime('%d.%m.') }}{% endif %}
         </div>
-        <div class="hcard-icon">{{ h.icon }}</div>
+        <div class="hcard-icon">
+          <img class="wx-icon" src="{{ icon_url(h.icon) }}" alt="{{ h.icon }}">
+        </div>
         <div class="hcard-temp">
           {% if h.temp_c is not none %}{{ h.temp_c }}°{% else %}–{% endif %}
         </div>
@@ -226,7 +230,9 @@
     {% for d in daily %}
     <div class="drow">
       <div class="drow-left">
-        <span class="drow-icon">{{ d.icon }}</span>
+        <span class="drow-icon">
+          <img class="wx-icon wx-icon--sm" src="{{ icon_url(d.icon) }}" alt="{{ d.icon }}">
+        </span>
         <div class="drow-date-wrap">
           <span class="drow-dow">
             {% if d.date is string %}