From 6a0dda89cdfa17b44d48150412a0064304259d99 Mon Sep 17 00:00:00 2001
From: Patrick <patrick@fet.at>
Date: Wed, 28 Oct 2020 00:22:42 +0000
Subject: [PATCH] update post view, limit related_posts to max 6

---
 fet2020/posts/views.py            |  2 +-
 fet2020/templates/layout.html     |  8 ++++----
 fet2020/templates/posts/show.html | 33 +++++++++++++++++--------------
 3 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/fet2020/posts/views.py b/fet2020/posts/views.py
index 690c414f..eb5b7aba 100644
--- a/fet2020/posts/views.py
+++ b/fet2020/posts/views.py
@@ -91,7 +91,7 @@ def show(request, id=None):
         "post": p,
         "author_image": author_image,
         "next": get_next_dict(p),
-        "related_posts": p.tags.similar_objects(),
+        "related_posts": p.tags.similar_objects()[:6],
         "ep_agenda_link": ep_agenda_link,
         "ep_protocol_link": ep_protocol_link,
     }
diff --git a/fet2020/templates/layout.html b/fet2020/templates/layout.html
index e326fa12..53f2359a 100644
--- a/fet2020/templates/layout.html
+++ b/fet2020/templates/layout.html
@@ -76,14 +76,14 @@ footer {
         <div class="cell medium-6 large-9">
             <div class="grid-y" style="height: 150px;">
 
-                <div class="cell small-6 medium-6 large-6 padding-left-1">
+                <div class="cell small-6 medium-6 large-6">
                     <a href="{% url 'posts.show' 'impressum'%}" style="color: white">Impressum</a>
                 </div>
 
                 <div class="cell small-6 medium-6 large-6">
-                    <a class="button" href="https://www.facebook.com/FachschaftET" style="background-color: Transparent;"><i class="fab fa-facebook-square" style="font-size:30px"></i></a>
-                    <a class="button" href="https://www.instagram.com/fet_tuwien/" style="background-color: Transparent;"><i class="fab fa-instagram-square" style="font-size:30px"></i></a>
-                    <a class="button" href="https://t.me/FETInfo" style="background-color: Transparent;"><i class="fa fa-telegram" style="font-size:30px"></i></a>
+                    <a href="https://www.facebook.com/FachschaftET"><i class="fab fa-facebook-square" style="font-size:30px; color: white;"></i></a>
+                    <a href="https://www.instagram.com/fet_tuwien/"><i class="fab fa-instagram-square" style="font-size:30px; color: white;"></i></a>
+                    <a href="https://t.me/FETInfo"><i class="fa fa-telegram" style="font-size:30px; color: white;"></i></a>
                 </div>
 
             </div>
diff --git a/fet2020/templates/posts/show.html b/fet2020/templates/posts/show.html
index e65d57cc..11af2ef3 100644
--- a/fet2020/templates/posts/show.html
+++ b/fet2020/templates/posts/show.html
@@ -34,12 +34,8 @@
 </div>
 
 <div class="grid-container">
-    <h1>{{ post.title|tags_to_url }}</h1>
-    <strong>{{ post.subtitle|default_if_none:"&nbsp;"|tags_to_url }}</strong>
-    <br>
-    <div class="grid-x grid-padding-x">
+    <div class="grid-x grid-padding-x padding-top-1">
         <div class="cell medium-8">
-            <hr>
             {% for tag in post.get_tagnames %}
                 {{ tag|tags_to_url }}
             {% endfor %}
@@ -56,20 +52,27 @@
         <div class="cell medium-4">
             {% if request.user.is_authenticated %}
 
-            {% if post.has_agenda %}
-            <a href="{{ ep_agenda_link }}">Agenda</a><br>
-            {% endif %}
+                {% if post.has_agenda %}
+                <a href="{{ ep_agenda_link }}">Agenda</a><br>
+                {% endif %}
 
-            {% if post.has_protocol %}
-            <a href="{{ ep_protocol_link }}">Protokoll</a>
-            {% endif %}
+                {% if post.has_protocol %}
+                <a href="{{ ep_protocol_link }}">Protokoll</a><br>
+                {% endif %}
 
             {% endif %}
 
-            Start: {{ post.event_start }}<br>
-            Ende: {{ post.event_end }}<br>
-            <a href="{% url 'posts.show' next %}">Nächster Artikel </a><span class="nav fa fa-chevron-right fa-1x"></span><br>
-            {% include 'posts/partials/_date_box.html' %}
+            {% if post.event_start %}
+                Start: {{ post.event_start }}<br>
+            {% endif %}
+            {% if post.event_end %}
+                Ende: {{ post.event_end }}<br>
+            {% endif %}
+
+            <a href="{% url 'posts.show' next %}">Nächster Artikel <span class="nav fa fa-chevron-right fa-1x"></span></a><br>
+            {% if post.event_start %}
+                {% include 'posts/partials/_date_box.html' %}
+            {% endif %}
         </div>
 
     </div>