feature: first version of blog

chaostreff-flensburg · Sep 20, 2023 · bfb0530 · bfb0530
1 parent 35098c4
commit bfb0530
Show file tree

Hide file tree

Showing 12 changed files with 317 additions and 5 deletions.
diff --git a/content/_components/Footer.tsx b/content/_components/Footer.tsx
@@ -8,12 +8,15 @@ export default ({ text }) => (
     </div>
     <div class="col-auto">
       <p>
+        <a href="https://github.com/chaostreff-flensburg/ccs-website/">Git</a>{" "}
         <a href="https://chaostreff-flensburg.de/impressum/">
           {text.footer_imprint}
+          {!text.footer_imprint && <span>Impressum</span>}
         </a>{" "}
         &{" "}
         <a href="https://chaostreff-flensburg.de/datenschutz/">
           {text.footer_privacy}
+          {!text.footer_privacy && <span>Datenschutz</span>}
         </a>
       </p>
     </div>

diff --git a/content/_includes/Blog.tsx b/content/_includes/Blog.tsx
@@ -0,0 +1,51 @@
+export default (
+  { title, children, ...props },
+) => (
+  <props.comp.Base title={title} {...props}>
+    <section data-theme="dark" class="layout">
+      <main class="container">
+        <div class="card border-0 shadow rounded">
+          <div class="headerBackground row">
+            <div class="col">
+              <h1>
+                Chaotischer Catalysator Stipendien
+              </h1>
+              <p>
+                Themen, die sich die Informationstechnologien dieser Welt genauer anschauen, ihren
+                Einfluss auf die Gesellschaft untersuchen und Ideen entwickeln,
+                wie die Welt nach den Grundsätzen der Hacker*innen-Ethik
+                verbesserbar ist.
+              </p>
+            </div>
+            <div class="col-auto d-flex flex-column justify-content-end">
+              <a
+                href="#newsletter-anmelden"
+                target="blank"
+                class="btn btn-outline-light"
+              >
+                Newsletter abonnieren
+              </a>
+            </div>
+          </div>
+          <section class="shadow header">
+            <nav class="navbar">
+              <a href="/">Startseite</a>
+              <a href="/blog/page/1">Blog</a>
+            </nav>
+          </section>
+          <div class="card-body content">
+            <main class="p-md-4">
+              {children}
+              <hr />
+              <h2 id="newsletter-anmelden" class="mt-6 mb-2">Newsletter</h2>
+              <props.comp.Newsletter />
+            </main>
+          </div>
+        </div>
+      </main>
+      <footer class="p-4">
+        <props.comp.Footer {...props} />
+      </footer>
+    </section>
+  </props.comp.Base>
+);
diff --git a/content/_includes/BlogIndex.mdx b/content/_includes/BlogIndex.mdx
@@ -0,0 +1,79 @@
+---
+layout: Blog.tsx
+title: Blog
+lang: de
+id: blogpage
+blog: true
+---
+
+# Blog
+
+---
+
+<div>
+  {page.data.results.map((page) => (
+    <a class="text-decoration-none" href={page.data.url}>
+      <div class="card my-4 text-white">
+        <div class="card-header">
+            <div class="row">
+              <div class="col-10">
+                <h2 class="text-xl font-medium">{page.data.title}</h2>
+              </div>
+              <div class="col-2 text-right d-flex justify-content-end">
+              <span>
+                {new Date(page.data.date).toLocaleDateString("de-DE", {
+                  year: "numeric",
+                  month: "numeric",
+                  day: "numeric",
+                })}
+              </span>
+          </div>
+            </div>
+
+        </div>
+        <div class="card-body">
+          {page.data.imgUrl ? (
+            <img class="w-full" src={page.data.imgUrl} />
+          ) : null}
+          <div class="m-1">{page.data.excerpt}</div>
+        </div>
+      </div>
+    </a>
+
+))}
+
+</div>
+
+<nav>
+  <ul class="pagination">
+    {page.data.pagination.previous ? (
+      <li class="page-item">
+        <a class="page-link" href={`/blog/${page.data.pagination.previous}`}>
+          &laquo;
+        </a>
+      </li>
+    ) : (
+      <li class="page-item">
+        <a class="page-link disabled">&laquo;</a>
+      </li>
+    )}
+    {new Array(page.data.pagination.totalPages).fill().map((_, index) => (
+      <li class="page-item">
+        <a class="page-link" href={`/blog/page/${index + 1}`}>
+          {index + 1}
+        </a>
+      </li>
+    ))}
+    {page.data.pagination.next ? (
+      <li class="page-item">
+        <a class="page-link" href={`/blog/${page.data.pagination.next}`}>
+          &raquo;
+        </a>
+      </li>
+    ) : (
+      <li class="page-item">
+        <a class="page-link disabled">&raquo;</a>
+      </li>
+    )}
+  </ul>
+</nav>
diff --git a/content/_includes/Default.tsx b/content/_includes/Default.tsx
@@ -44,6 +44,8 @@ export default (
           <div class="card-body content">
             <main class="p-md-4">
               {children}
+              <hr />
+              <h2 id="newsletter-anmelden" class="mt-6 mb-2">Newsletter</h2>
               <props.comp.Newsletter />
             </main>
           </div>

diff --git a/content/assets/arbeiten/arbeit-1.pdf b/content/assets/arbeiten/arbeit-1.pdf
diff --git a/content/assets/arbeiten/arbeit-2.pdf b/content/assets/arbeiten/arbeit-2.pdf
diff --git a/content/blog/2022/hello-world.md b/content/blog/2022/hello-world.md
@@ -0,0 +1,16 @@
+---
+layout: Blog.tsx
+tags:
+  - blog
+title: 'Hello World'
+excerpt: 'Das CCS startet die aller erste Runde - Hello World'
+date: "2022-10-30T18:23:39.000Z"
+---
+
+# 🎉🎉 #CCS startet durch 🎉🎉
+Mit dem Chaotischer Catalysator Stipendium fördern wir vier Stipendien á 1.500€ für Masterarbeiten. Alle Infos und Möglichkeiten zum Bewerben findet ihr hier [ccs.chaostreff-flensburg.de](https://ccs.chaostreff-flensburg.de/)
+Die erste runde ist für das Wintersemester 2022/2023. Bewerbungsschluss ist der 30.03.2023.
+
+Wir wollen wissenschaftliche Arbeiten fördern, die in Richtung einer Utopie forschen, die die Hacker\*innenethik auf die Gesellschaft abbildet. Dabei ist uns die Fachrichtung egal. Das ganze ist ein Prototyp. Deswegen werden auch nur Masterarbeiten in DE gefördert.
+
+Teilt das Programm in euren Hackspaces, Unis, Hochschulen und Instituten. Wir freuen uns Feedback, weiteren Ideen, Wünsche oder Finanzierungsideen für die nächste Runde oder Forschungsfragen die ihr spannend fändet. Wir sind unter [email protected] erreichbar.