Touchups + HTML compat

resources/README.md.jinja

@@ -1,22 +1,17 @@
-<div align="center">
-  
-<h1>Welcome! <img height="28px" src="./resources/wave.gif"></h1>
+<div align="center" style="text-align:center;">
+<h1>Welcome! <img height="28" style="height:1em;" src="./resources/wave.gif"></h1>
+<p>I'm Marvin – M.Sc. student, fullstack developer and creator of <a href="https://masterychart.com">Mastery Chart</a>.<br>Located in Baden-Württemberg, Germany <img height="16" style="height:1em;" src="https://marvinscham.de/assets/img/lang/de.png">.</p>
+</div>
+{# Derived from https://github.com/thmsgbrt/thmsgbrt #}
+
+<h2>🛠 Tools I use</h2>
 <p>
-I'm Marvin – M.Sc. student, fullstack developer and creator of <a href="https://masterychart.com">Mastery Chart</a>.<br>
-Located in Baden-Württemberg, Germany <img height="16px" src="https://marvinscham.de/assets/img/lang/de.png">.
+{% for item in technologies -%}
+<img alt="{{ item['name'] }}" src="https://img.shields.io/badge/-{{ item["name"] | replace(" ", "_") }}-{{ item['color'] | replace("#", "") }}?style=flat-square&logo={{ item['logo'] or item['name'] | replace(" ", "_") }}&logoColor=white" />
+{% endfor -%}
 </p>
 
-</div>
-
-[//]: # "Derived from https://github.com/thmsgbrt/thmsgbrt"
-
-## 🛠 Tools I use
-
-{% for item in technologies -%}
-![{{ item['name'] }}](https://img.shields.io/badge/-{{ item["name"] | replace(" ", "_") }}-{{ item['color'] | replace("#", "") }}?style=flat-square&logo={{ item['logo'] or item['name'] | replace(" ", "_") }}&logoColor=white)
-{% endfor -%}
-
-## 🎁 Open source
+<h2>🎁 Open source</h2>
 
 <table>
   <tbody>
@@ -31,30 +26,39 @@ Located in Baden-Württemberg, Germany <img height="16px" src="https://marvinsch
   </tbody>
 </table>
 
-## 📊 30-day breakdown
+{%- if waka_stats|length > 1 %}
+<h2>📊 30-day breakdown</h2>
 
-{{ waka_projects }}
+{{ waka_stats }}
+{% endif %}
 
-{{ waka_langs }}
+{%- if blog_entries|length > 1 %}
+<h2>📓 Latest blog posts</h2>
+<ul>
+{%-   for entry in blog_entries %}
+<li><a href="{{ entry["url"] }}">{{ entry["title"] }}</a></li>
+{%-   endfor %}
+</ul>
+{% endif %}
 
-## 📓 Latest blog posts
+{%- if duolingo_stats["lang_data"]|length > 1 %}
+<h2>🦉 Duolingo progress</h2>
+<ul>
+  <li>🔥 Streak: {{ "%d"|format(duolingo_stats["streak"]|float) }}</li>
+  <li>⚡ {{ "%d"|format(duolingo_stats["xp"]|float) }} XP</li>
+  <li>👨‍🎓 Currently learning: <img height="16" style="height:1em;" src="https://marvinscham.de/assets/img/lang/{{ duolingo_stats['learning_language'] }}.png"/> {{ duolingo_stats['current_lang'] }}</li>
+</ul>
+{% endif %}
 
-{% for entry in blog_entries %}
-- [![](https://gitlab.ms-ds.org/msds/icons/-/raw/main/icons-small/ghost.png) {{ entry['title'] }}]({{ entry['url'] }})
-{% endfor %}
+<h2>👥 Social</h2>
 
-## 🦉 Duolingo progress
-
-- 🔥 Streak: {{ "%d"|format(duolingo_stats["streak"]|float) }}
-- ⚡ {{ "%d"|format(duolingo_stats["xp"]|float) }} XP
-- 👨‍🎓 Currently learning: <img height="16px" src="https://marvinscham.de/assets/img/lang/{{ duolingo_stats['learning_language'] }}.png"/> {{ duolingo_stats['current_lang'] }}
-
-## More
-
-{% for social in socials -%}
+<p align="center" style="text-align:center;">
+{%- for social in socials -%}
 <a href="{{ social['url'] }}" target="_blank"><img alt="{{ social['name'] }}" src="https://img.shields.io/badge/{{ social['name'] }}-%23{{ social['color']|replace("#","") }}.svg?&style=for-the-badge&logo={{ social['logo'] }}&logoColor=white" /></a>
 {% endfor %}
+</p>
 
-------------
+<hr>
 
-<p align="center">Last update: {{ last_update }}</p>
+<p align="center" style="text-align:center;">Last update: {{ last_update }}</p>
+<p align="center" style="text-align:center;"><a href="https://github.com/marvinscham/marvinscham/actions/workflows/metrics.yml"><img src="https://github.com/marvinscham/marvinscham/actions/workflows/metrics.yml/badge.svg" alt="Update README"></a> <img alt="made with ♥" src="https://img.shields.io/badge/made_with-%E2%99%A5-663399?style=flat&labelColor=%23343B41"></p>