improved news layout and edited decap config

assets/css/main.css

@@ -516,11 +516,21 @@ footer {
     box-shadow: 0 4px 0 0 var(--color-text);
 }
 
+.feed-heading::before {
+    content: "// ";
+    color: var(--color-text);
+    font-weight: bold;
+}
+
 .dark .feed-heading {
     color: var(--color-text-dark);
     box-shadow: 0 4px 0 0 var(--color-off);
 }
 
+.dark .feed-heading::before {
+    color: var(--color-text-dark);
+}
+
 .feed-entry {
     flex: 0 1 calc(50% - 2rem);
     box-sizing: border-box;
@@ -534,6 +544,10 @@ footer {
     justify-content: space-between;
 }
 
+.page .feed-entry {
+    justify-content: start;
+}
+
 .page .feed-entry {
     margin-bottom: 2rem;
 }
@@ -651,6 +665,23 @@ footer {
     .dropdown-item-mobile {
         display: none !important;
     }
+
+    .page {
+        display: flex;
+        overflow-x: auto;
+        scroll-snap-type: x mandatory;
+        gap: 1rem;
+        padding: 1rem;
+        max-width: 100%;
+    }
+
+    .page .feed-entry {
+        flex: 0 0 auto;
+        scroll-snap-align: start;
+        width: calc(100vw / 3 - 2rem);
+        height: auto !important;
+        align-self: flex-start;
+    }
 }
 
 @media (min-width: 1261px) {

layouts/_default/home.html

@@ -77,6 +77,7 @@
     <section class="feed-section">
         <div class="container">
             <h2 class="feed-heading text-center">Neuigkeiten</h2>
+            <p class="lead text-center mt-4">Aktuelles aus der Fachschaft – Neuigkeiten, Events und Infos rund ums Informatikstudium</p>
             <div id="feed"></div>
         </div>
     </section>

static/admin/config.yml

@@ -10,15 +10,134 @@ media_folder: "static/images"
 public_folder: "/images"
 
 collections:
-  - name: "pages"
+  - name: "home"
-    label: "Seiten"
+    label: "Home"
-    folder: "content"
+    files:
-    create: false
+      - file: "content/about.md"
-    editor:
+        label: "Über Uns"
-      preview: false
+        name: "about"
-    slug: "{{slug}}"
+        fields:
-    fields:
+          - { label: "Titel", name: "title", widget: "string" }
-      - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
-      - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
-      - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/studium.md"
-      - { label: "URL", name: "url", widget: "string", required: false }
+        label: "Studium"
+        name: "studium"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/sitzung-und-protokolle.md"
+        label: "Sitzung und Protokolle"
+        name: "sitzung-und-protokolle"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/kontakt.md"
+        label: "Kontakt"
+        name: "kontakt"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+  - name: "about"
+    label: "About"
+    files:
+      - file: "content/aufgaben.md"
+        label: "Aufgaben"
+        name: "aufgaben"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/mitglieder.md"
+        label: "Mitglieder"
+        name: "mitglieder"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/aemter.md"
+        label: "Ämter"
+        name: "aemter"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/entsendungen.md"
+        label: "Entsendungen"
+        name: "entsendungen"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/ordnungen.md"
+        label: "Ordnungen"
+        name: "ordnungen"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/uniwahlen.md"
+        label: "Uniwahlen"
+        name: "uniwahlen"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+  - name: "studium"
+    label: "Studium"
+    files:
+      - file: "content/studienberatung.md"
+        label: "Studienberatung"
+        name: "studienberatung"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/stoffkiste-und-ftp.md"
+        label: "Stoffkiste und FTP"
+        name: "stoffkiste-und-ftp"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/services.md"
+        label: "Services"
+        name: "services"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/linksammlung.md"
+        label: "Linksammlung"
+        name: "linksammlung"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+  - name: "meta"
+    label: "Meta"
+    files:
+      - file: "content/barrierefreiheit.md"
+        label: "Barrierefreiheit"
+        name: "barrierefreiheit"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/datenschutz.md"
+        label: "Datenschutz"
+        name: "datenschutz"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }
+      - file: "content/impressum.md"
+        label: "Impressum"
+        name: "impressum"
+        fields:
+          - { label: "Titel", name: "title", widget: "string" }
+          - { label: "Entwurf", name: "draft", widget: "boolean", default: false }
+          - { label: "Inhalt", name: "body", widget: "markdown" }