feat: Make announcement collapsable

src/fellchensammlung/static/fellchensammlung/css/styles.css

@@ -662,7 +662,16 @@ select, .button {
     }
 }
 
-.announcement {
+.announcement-header {
+    font-size: 1.2rem;
+    margin: 0px;
+    padding: 0px;
+    color: var(--text-two);
+    text-shadow: none;
+    font-weight: bold;
+}
+
+div.announcement {
     flex: 1 100%;
     margin: 10px;
     border-radius: 8px;
@@ -670,13 +679,6 @@ select, .button {
     background: var(--background-three);
     color: var(--text-two);
 
-    h1 {
-        font-size: 1.2rem;
-        margin: 0px;
-        padding: 0px;
-        color: var(--text-two);
-        text-shadow: none;
-    }
 }
 
 

src/fellchensammlung/templates/fellchensammlung/partials/partial-announcement.html

@@ -1,10 +1,11 @@
 {% load i18n %}
 {% load custom_tags %}
 <div class="announcement {{ announcement.type }}">
-    <div class="announcement-header">
-        <h1 class="announcement">{{ announcement.title }}</h1>
-    </div>
+    <details class="announcement" open>
+        <summary class="announcement-header">{{ announcement.title }}</summary>
         <p>
             {{ announcement.content | render_markdown }}
         </p>
+    </details>
+
 </div>