news fixed

templates/base.html

@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="/global.css">
     <link rel="stylesheet" href="/header.css">
     <link rel="stylesheet" href="/main.css">
+    <link rel="stylesheet" href="/news.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&display=swap" rel="stylesheet">
@@ -19,9 +20,9 @@
             <a href="/"><img src="/img/pkmples_logo.png" alt="pkmples logo"></a>
         </div>
         <div class="nav-right">
-            <a href="#"><img src="/svg/facebook.svg" alt="facebook logo"></img></a>
-            <a href="#"><img src="/svg/instagram.svg" alt="instagram logo"></img></a>
-            <a href="#"><img src="/svg/youtube.svg" alt="youtube logo"></img></a>
+            <a href="https://www.facebook.com/events/823114292589147" target="_blank"><img src="/svg/facebook.svg" alt="facebook logo"></img></a>
+            <a href="https://www.instagram.com/pkm.hub" target="_blank"><img src="/svg/instagram.svg" alt="instagram logo"></img></a>
+            <a href="https://www.youtube.com/@pkmhub" target="_blank"><img src="/svg/youtube.svg" alt="youtube logo"></img></a>
             <a href="/galerie">galerie</a>
             <a href="/archiv">archiv</a>
         </div>

templates/index.html

@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 {% block main %}
-<section id="news">
+<section id="news" class="news-wrapper">
     {% block news %} {% endblock news %}
 </section>
 <section class="aside-wrapper">
@@ -68,7 +68,8 @@
         </section>
     </aside>
     <footer>
-        <a href="https://www.fofrweb.com/" target="_blank">Vytvořeno týmem Fofrweb</a>
+        <p>Nadační fond maléDivy • Kulturní centrum Turnov • Big Band ZUŠ Turnov</p>
+        <p>&copy; <a href="https://fofrweb.com/">Fofrweb</a> + PKM</p>
     </footer>
 </section>
 {% endblock main %}

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 %}