add about page and refine home page

ezgg_website/__init__.py

@@ -108,6 +108,11 @@ app = rio.App(
             page_url='',
             build=pages.Home,
         ),
+        rio.Page(
+            name="About",
+            page_url='about',
+            build=pages.About,
+        ),
     ],
     theme=themes[6],
     assets_dir=Path(__file__).parent / "assets",

ezgg_website/assets/news_27_05_24.md

@@ -0,0 +1,3 @@
+Nach Abschluss der Diskussionsrunde um die Vereinsfarben geht nun die Entwicklung der Vereinshomepage in Arbeit.
+
+Geplant sind im ersten Schritt Informationsseiten über den Verein sowie rechtliche Angelegenheiten. In weiterer Zukunft ist jedoch weitere Funktionalität geplant. Das Projekt "Vereinswebsite" könnte auch als gemeintschftliches Projekt umgesetzt werden bei dem Interessierte ihre eigenen Module einbringen.

ezgg_website/components/header.py

@@ -15,7 +15,7 @@ class Header(rio.Component):
                                 rio.Image(from_root("ezgg_website/assets/placeholder_logo_grey.png"), align_x=0, width=8),
                                 "/"
                             ),
-                            rio.Text("News Ticker:", justify="left", width="grow", margin_left=0.8),
+                            rio.Text("Sinnlose Infos aus dem Vereinskern:", justify="left", width="grow", margin_left=0.8),
                             Ticker(
                                 texts=[
                                     "Ganz im Geiste der EZ GG wurde der Verein in einer schlecht beleuchteten Kellerbar gegründet",

ezgg_website/pages/__init__.py

@@ -1,2 +1,3 @@
 from .home import Home
+from .about import About
 from .page_builder import build_page

ezgg_website/pages/about.py

@@ -0,0 +1,36 @@
+from __future__ import annotations
+
+from typing import *  # type: ignore
+
+import rio
+from from_root import from_root
+
+from .page_builder import build_page
+from .. import components as comps
+
+
+class About(rio.Component):
+    def build(self) -> rio.Component:
+        return build_page(rio.Column(
+            comps.NewsPost(
+                header="Die \"Einfach Zocken Genuss Gesellschaft\"",
+                article_text="""
+Die Einfach Zocken Genussgesellschaft wurde am 29. Oktober 2023 in Bad Endbach-Bottenhorn gegründet. Der Verein entstand aus der gemeinsamen Begeisterung für Videospiele, die einige Freunde in einer gemütlichen Kellerbar zusammenbrachte. Unsere Mission ist es, die Freizeitbeschäftigung "Videospiele" zu fördern und Menschen zusammenzubringen, die diese Leidenschaft teilen.
+
+### Unsere Ziele und Mission
+
+Unser Hauptziel ist es, die gemeinschaftliche Ausübung von Videospielen zu fördern. Dabei geht es uns nicht nur um das Spielen selbst, sondern auch um die Kommunikation, die Weiterentwicklung und das gemeinsame Erleben dieser Freizeitbeschäftigung. Wir organisieren regelmäßig Spieleabende, besuchen LAN-Partys und setzen themenverwandte Projekte um. Unser Verein steht dabei jedem offen, der Interesse an Videospielen hat und sich aktiv einbringen möchte.
+
+### Gemeinnützigkeit und Mitgliedschaft
+
+Als eingetragener, gemeinnütziger Verein legen wir großen Wert darauf, dass unsere Aktivitäten allen Interessierten zugutekommen.
+
+Wir sind stets auf der Suche nach neuen Mitgliedern, die unsere Leidenschaft teilen und sich aktiv im Vereinsleben einbringen möchten. Interessierte können sich gerne über unsere Homepage an den Vorstand wenden, um mehr über eine Mitgliedschaft zu erfahren.
+
+### Kontakt
+
+Unser Vorstand steht als Ansprechpartner zur Verfügung und kann über die Mitgliederliste auf unserer Homepage kontaktiert werden. Wir freuen uns auf neue Mitglieder und gemeinsame Erlebnisse in der Welt der Videospiele!
+                """,
+                date=""
+            )
+        ))

ezgg_website/pages/home.py

@@ -1,6 +1,5 @@
 from __future__ import annotations
 
-from dataclasses import KW_ONLY, field
 from typing import *  # type: ignore
 
 import rio
@@ -24,13 +23,8 @@ class Home(rio.Component):
                 margin_right=1
             ),
             comps.NewsPost(
-                header="Voll der Fließtext",
-                article_text=from_root("ezgg_website/assets/demo_article_1.txt"),
+                header="Startschuss für Homepage",
+                article_text=from_root("ezgg_website/assets/news_27_05_24.md"),
                 date="24.05.2024"
-            ),
-            comps.NewsPost(
-                header="Lorem Ipsum",
-                article_text=from_root("ezgg_website/assets/demo_article_2.txt"),
-                date="12.02.1884"
             )
         ))