Video clip in news

Signed-off-by: Alexander Borsuk <me@alex.bio>

content/news/2024-04-27/347/index.md

@@ -9,7 +9,7 @@ Please enjoy and share another song created by [one of our users](https://t.me/o
 
 Did you like the [previous one](@/news/2024-04-26/344/index.md)?
 
-## The anthem of community-driven privacy and freedom
+### The anthem of community-driven privacy and freedom
 
 {{ audio(title="The anthem of community-driven privacy and freedom", url="/news/2024-04-27/organic-maps-privacy-and-freedom-anthem-driven-by-community/The Organic Maps Anthem of community-driven privacy and freedom.mp3") }}
 

content/news/2024-05-01/353/index.md

@@ -0,0 +1,54 @@
+---
+draft: true
+title: "Summit Serenity with Organic Maps Song"
+date: 2024-05-01T00:04:07+00:00
+slug: "summit-serenity-with-organic-maps-song"
+description: "Public transit, just the road ahead, Organic Maps, my guide, my thread. Contours and elevations, guide my pace, With each step, I find my grace."
+---
+
+Another song about Organic Maps, now in a calmer tempo.
+You can enjoy all 3 songs here: [@OrganicMaps\_song](https://t.me/OrganicMaps%5Fsong)
+or check them in our previous news posts:
+
+- [Travel with Organic Maps](@/news/2024-04-26/344/index.md)
+- [Privacy and freedom Anthem](@/news/2024-04-27/347/index.md)
+
+### Summit Serenity with Organic Maps
+
+{{ audio(title="Summit Serenity with Organic Maps", url="/news/2024-05-01/summit-serenity-with-organic-maps-song/Summit Serenity with Organic Maps.mp3") }}
+
+<pre>
+(Verse)
+With Organic Maps, I start to climb,
+Guided by love, each peak in time.
+No ads, no tracking, just nature's call,
+On this journey, I stand tall.
+
+(Chorus)
+Scaling heights, 'neath skies so blue,
+Pedaling through valleys, paths anew.
+With Organic Maps, my journey's true.
+
+(Verse)
+No public transit, just the road ahead,
+Organic Maps, my guide, my thread.
+Contours and elevations, guide my pace,
+With each step, I find my grace.
+
+(Bridge)
+Blazing fast, offline and pure,
+Organic Maps, my journey's lure.
+No trackers, just nature's light,
+With Organic Maps, my freedom's bright.
+
+(Interlude)
+Through forests deep and mountains high,
+Organic Maps, beneath the sky.
+With every turn, a new delight,
+Guided by nature's gentle light.
+
+(Chorus)
+Scaling heights, 'neath skies so blue,
+Pedaling through valleys, paths anew.
+With Organic Maps, my journey's true.
+</pre>

content/news/2024-05-01/_index.md

@@ -0,0 +1,5 @@
+---
+date: 2024-05-01
+sort_by: date
+template: news/date_section.html
+---

content/news/2024-05-05/360/index.md

@@ -0,0 +1,11 @@
+---
+title: "Can you guess the places we visited with Organic Maps? Enable sound to enjoy the full experience 🎵"
+date: 2024-05-05T19:56:22+00:00
+slug: "can-you-guess-the-places-we-visited-with-organic-maps-enable-sound-to-enjoy-the-full-experience"
+---
+
+Can you guess the places we visited with [Organic Maps](https://organicmaps.app/)? Enable sound to enjoy the full experience 🎵
+
+The full text and mp3 [is here](@/news/2024-04-27/347/index.md).
+
+Thank you for inspiring and supporting us!

content/news/2024-05-05/_index.md

@@ -0,0 +1,5 @@
+---
+date: 2024-05-05
+sort_by: date
+template: news/date_section.html
+---

sass/main.scss

@@ -62,6 +62,11 @@ main {
   width: 100%;
 }
 
+figure {
+  margin-left: 0;
+  margin-right: 0;
+}
+
 img {
   max-width: 100%;
 }

templates/news/list.html

@@ -25,6 +25,7 @@
 {% for photo in page.assets %}
   {% if photo is not matching("\.mp[34]$") %}
     {% set meta = get_image_metadata(path=photo) %}
+    {# TODO: How to get dimensions of video? #}
     {% if meta.width > meta.height %}
       {% set_global noflex = '_noflex' %}
       {% break %}
@@ -37,10 +38,15 @@
 {% endif %}
 
 <span class="news_images">
-{% for photo in page.assets | sort %}
-  {% if photo is not matching("\.mp[34]$") %}
-    {% set meta = get_image_metadata(path=photo) %}
-<img class="news_image{% if meta.width > meta.height %}_landscape{% endif %}" src="{{ page.path | safe }}{{ photo | split(pat='/') | last }}" />
+{% for media in page.assets | sort %}
+  {% if media is matching("\.mp3$") %}
+  {% elif media is matching("\.mp4$") %}
+    <video class="news_video" controls>
+      <source src="{{ page.permalink }}/{{ media | split(pat='/') | last }}" type="video/mp4">
+    </video>
+  {% else %} {# It's images #}
+    {% set meta = get_image_metadata(path=media) %}
+    <img class="news_image{% if meta.width > meta.height %}_landscape{% endif %}" src="{{ page.path | safe }}{{ media | split(pat='/') | last }}" />
   {% endif %}
 {% endfor %}
 </span>