From 1a5a52507738e2167fc3905b09c27d4f50707e3b Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Thu, 4 Jan 2024 17:41:21 +0100
Subject: [PATCH] Add announcements to left side bar

---
 themes/tsc_vfl/assets/css/main.scss           | 45 +++++++++++++++++--
 .../layouts/_default/announcements.html       |  8 ++--
 themes/tsc_vfl/layouts/_default/baseof.html   |  7 ++-
 .../partials/page/left-announcements.html     | 12 +++++
 4 files changed, 63 insertions(+), 9 deletions(-)
 create mode 100644 themes/tsc_vfl/layouts/partials/page/left-announcements.html

diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss
index 02cfe8a..58d5d34 100644
--- a/themes/tsc_vfl/assets/css/main.scss
+++ b/themes/tsc_vfl/assets/css/main.scss
@@ -144,12 +144,41 @@ h1 {
         display: flex;
         margin: auto;
 
-        > .left-menu {
-            width: 180px;
-            margin-right: 40px;
+        > .left-side {
             flex: auto 0 0;
             display: flex;
             flex-direction: column;
+            margin-right: 40px;
+
+            .announcements {
+                margin-top: 20px;
+                background-color: #ececec;
+
+                .entry {
+                    margin: 25px 0;
+                    padding: 0 15px;
+
+                    &:first-child {
+                        margin-top: 15px;
+                    }
+                    &:last-child {
+                        margin-bottom: 15px;
+                    }
+
+                    .time {
+                        font-weight: bold;
+                    }
+                    a {
+                        color: black;
+                    }
+                }
+            }
+        }
+
+        .left-menu {
+            width: 180px;
+            display: flex;
+            flex-direction: column;
 
             > a {
                 text-decoration: none;
@@ -410,6 +439,16 @@ h1 {
     }
 }
 
+.announcement-list {
+    .entry {
+        margin: 0 30px;
+        .time {
+            font-weight: bold;
+            margin-right: 10px;
+        }
+    }
+}
+
 .tsc-image {
     margin: 0 auto;
     width: fit-content;
diff --git a/themes/tsc_vfl/layouts/_default/announcements.html b/themes/tsc_vfl/layouts/_default/announcements.html
index 765de07..10d1450 100644
--- a/themes/tsc_vfl/layouts/_default/announcements.html
+++ b/themes/tsc_vfl/layouts/_default/announcements.html
@@ -7,11 +7,11 @@
         {{ $announcements := partial "get-announcement-list" . }}
         {{ range $announcements }}
             {{ $urlBlogEntry := .RelPermalink}}
-            <div class="blog-entry">
-                <div class="header">
+            <div class="entry">
+                <span class="time">
                     {{ (time.AsTime .Params.announcement.date).Format "02.01.2006" }}
-                    <a href="{{ $urlBlogEntry }}">{{ with .Params.announcement.name }}{{.}}{{else}}{{.Title}}{{end}}</a>
-                </div>
+                </span>
+                <a href="{{ $urlBlogEntry }}">{{ with .Params.announcement.name }}{{.}}{{else}}{{.Title}}{{end}}</a>
             </div>
         {{ else }}
             Aktuell gibt es keine angekündigten Termine.
diff --git a/themes/tsc_vfl/layouts/_default/baseof.html b/themes/tsc_vfl/layouts/_default/baseof.html
index 539d2d1..4258d02 100644
--- a/themes/tsc_vfl/layouts/_default/baseof.html
+++ b/themes/tsc_vfl/layouts/_default/baseof.html
@@ -6,8 +6,11 @@
             {{- partial "page/header.html" . -}}
             <div class="main">
                 {{ block "left" . }}
-                <div class="left-menu">
-                    {{- partial "page/left_menu" . -}}
+                <div class="left-side">
+                    <div class="left-menu">
+                        {{- partial "page/left_menu" . -}}
+                    </div>
+                    {{- partial "page/left-announcements" . -}}
                 </div>
                 {{ end }}
                 <div id="content">
diff --git a/themes/tsc_vfl/layouts/partials/page/left-announcements.html b/themes/tsc_vfl/layouts/partials/page/left-announcements.html
new file mode 100644
index 0000000..ab26d5a
--- /dev/null
+++ b/themes/tsc_vfl/layouts/partials/page/left-announcements.html
@@ -0,0 +1,12 @@
+{{ $announcements := partial "get-announcement-list" . }}
+<div class="announcements">
+    {{ range $announcements }}
+        {{ $urlBlogEntry := .RelPermalink}}
+        <div class="entry">
+            <div class="time">
+                {{ (time.AsTime .Params.announcement.date).Format "02.01.2006" }}
+            </div>
+            <a href="{{ $urlBlogEntry }}">{{ with .Params.announcement.name }}{{.}}{{else}}{{.Title}}{{end}}</a>
+        </div>
+    {{ end }}
+</div>