news fixed

templates/news.html

@@ -1,14 +1,18 @@
 {% extends "index.html" %}
+
 {% block news %}
-<h1>Novinky</h1>
-<h2>Co se děje kolem našeho plesu?</h2>
     {% for page in section.pages %}
-        <article>
-            <p>{{ page.date }}</p>
-            <p>Autor: {{ page.extra["author"] }}</p>
+        {% set article_class = "news-card" %}
+        {% if page.extra.pinned %}
+            {% set article_class = article_class ~ " pinned" %}
+        {% endif %}
+
+        <article class="news-card {{ article_class }}">
+            <img src="/svg/pin.svg" alt="pin icon" class="pin-img">
             <h3>{{ page.title }}</h3>
+            <p>{{ page.date | date(format="%d. %m. %Y")}}</p>
+            <p>Autor: {{ page.extra["author"] }}</p>
             {{ page.content | safe }}
         </article>
-        <hr>
     {% endfor %}
-{% endblock news %}
+{% endblock news %}