add about page

2026-01-09 22:00:17 +01:00 · 2026-01-09 22:00:17 +01:00 · f3fe095958
parent 59478b95d9
commit f3fe095958
4 changed files with 135 additions and 0 deletions
--- a/docs/about.md
+++ b/docs/about.md
@ -0,0 +1,22 @@
+# Von der Totenkiste zum Cloud-System: Unsere Story
+## Wer sind die Köpfe hinter KOOGLE?
+Hinter KOOGLE stehen die Kornfreunde Biggesee (KFB) aus dem Sauerland. Gegründet im Jahr 2000, direkt nach dem Abitur, treffen wir uns seit über zwei Jahrzehnten alle vier Wochen zum Kegeln.
+
+Was uns besonders macht? Unser Club besteht aus einer bunten Mischung aus IT-Geschäftsführern, Softwareentwicklern, Ingenieuren und sogar einem Professor für Geologie. Wir sind Nerds mit Leidenschaft für Technik – und für den perfekten Wurf.
+
+## Warum wir KOOGLE gebaut haben
+- Die Fast-Insolvenz: Zu Beginn nutzten wir eine Excel-Tabelle zur Kassenführung. Diese war jedoch so fehlerbehaftet, dass wir rein rechnerisch längst Privatinsolvenz hätten anmelden müssen. Es war klar: Eine echte Lösung musste her.
+
+- Vom Fat-Client in die Cloud: Die ersten beiden Versionen unserer Software liefen noch lokal auf einem PC. Das war für uns okay, aber wir konnten sie so keinem anderen Club zur Verfügung stellen. Mit der dritten Version haben wir KOOGLE nun komplett neu gedacht – als moderne Web-Anwendung für alle.
+
+- Die fast gekaufte Kegelbahn: Unsere Passion ging sogar so weit, dass wir kurz davor standen, eine komplette Kegelbahn zu kaufen, um sie direkt in unsere Software zu integrieren. Auch wenn daraus nichts wurde, zeigt es unseren Anspruch: Wir wollen nicht nur verwalten, wir wollen das Erlebnis Kegeln digitalisieren.
+
+## Unsere Vision: Der Heilige Gral der Kegelverwaltung
+Wir wollen, dass KOOGLE die Software für Kegelvereine wird. Dank unseres ausgereiften Plugin-Systems implementieren wir regelmäßig neue Spiele und Features. Ob Mitgliederverwaltung, automatisierte Kostenabrechnung oder detaillierte Statistiken – wir haben alles im Blick.
+
+Leidenschaft statt Profit
+Wir machen das aus Überzeugung. Aktuell ist KOOGLE kostenlos nutzbar. Sollten wir in Zukunft Gebühren erheben müssen, dann nur in dem Maße, um Hosting und Wartung zu decken. Wir sind kein gesichtsloses Software-Unternehmen – wir sind Kegler, die ihren Sport lieben.
+
+Und ja: Wer uns etwas Gutes tun will, darf gerne unsere nächste Kegeltour nach Las Vegas bezuschussen. Wir versprechen, dort mindestens so laut zu singen wie bei einer Runde „Totenkiste“ im Sauerland!
+
+"Und sie trugen einen Toten zum Tor hinaus..." – Bei uns fliegt nur raus, wer kein Glück an der Bahn hat, niemals eure Daten.
--- a/src/Koogle.Web/Components/Pages/About.razor
+++ b/src/Koogle.Web/Components/Pages/About.razor
@ -0,0 +1,112 @@
+@page "/about"
+@using Koogle.Web.Components.Layout
+
+@layout PublicLayout
+
+<MudContainer MaxWidth="MaxWidth.Large" Class="py-8">
+
+    @* Hero Section *@
+    <MudPaper Class="pa-8 mb-8 rounded-lg" Style="background: linear-gradient(135deg, #1a365d 0%, #2d5a4d 100%); color: white;">
+        <MudText Typo="Typo.h4" Class="font-weight-bold mb-2">Von der Totenkiste zum Cloud-System</MudText>
+        <MudText Typo="Typo.h6" Style="opacity: 0.9;">Unsere Story</MudText>
+    </MudPaper>
+
+    @* Wer sind wir *@
+    <MudPaper Class="pa-6 mb-6 rounded-lg" Elevation="1">
+        <MudStack Row AlignItems="AlignItems.Center" Spacing="2" Class="mb-4">
+            <MudIcon Icon="@Icons.Material.Filled.Groups" Color="Color.Primary" Size="Size.Large" />
+            <MudText Typo="Typo.h5" Class="font-weight-bold" Color="Color.Primary">Wer sind die Koepfe hinter KOOGLE?</MudText>
+        </MudStack>
+        <MudText Typo="Typo.body1" Class="mb-4">
+            Hinter KOOGLE stehen die <strong>Kornfreunde Biggesee (KFB)</strong> aus dem Sauerland. Gegruendet im Jahr 2000, direkt nach dem Abitur, treffen wir uns seit ueber zwei Jahrzehnten alle vier Wochen zum Kegeln.
+        </MudText>
+        <MudText Typo="Typo.body1">
+            Was uns besonders macht? Unser Club besteht aus einer bunten Mischung aus IT-Geschaeftsfuehrern, Softwareentwicklern, Ingenieuren und sogar einem Professor fuer Geologie. Wir sind <strong>Nerds mit Leidenschaft</strong> fuer Technik - und fuer den perfekten Wurf.
+        </MudText>
+    </MudPaper>
+
+    @* Warum KOOGLE *@
+    <MudText Typo="Typo.h5" Class="mb-4 font-weight-bold" Color="Color.Primary">Warum wir KOOGLE gebaut haben</MudText>
+
+    <MudGrid Spacing="4" Class="mb-8">
+        <MudItem xs="12" md="4">
+            <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
+                <MudStack AlignItems="AlignItems.Center" Spacing="2">
+                    <MudIcon Icon="@Icons.Material.Filled.Warning" Color="Color.Error" Size="Size.Large" />
+                    <MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Die Fast-Insolvenz</MudText>
+                    <MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">
+                        Zu Beginn nutzten wir eine Excel-Tabelle zur Kassenfuehrung. Diese war jedoch so fehlerbehaftet, dass wir rein rechnerisch laengst Privatinsolvenz haetten anmelden muessen. Es war klar: Eine echte Loesung musste her.
+                    </MudText>
+                </MudStack>
+            </MudCard>
+        </MudItem>
+        <MudItem xs="12" md="4">
+            <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
+                <MudStack AlignItems="AlignItems.Center" Spacing="2">
+                    <MudIcon Icon="@Icons.Material.Filled.Cloud" Color="Color.Info" Size="Size.Large" />
+                    <MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Vom Fat-Client in die Cloud</MudText>
+                    <MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">
+                        Die ersten beiden Versionen unserer Software liefen noch lokal auf einem PC. Mit der dritten Version haben wir KOOGLE nun komplett neu gedacht - als moderne Web-Anwendung fuer alle.
+                    </MudText>
+                </MudStack>
+            </MudCard>
+        </MudItem>
+        <MudItem xs="12" md="4">
+            <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
+                <MudStack AlignItems="AlignItems.Center" Spacing="2">
+                    <MudIcon Icon="@Icons.Material.Filled.SportsBaseball" Color="Color.Warning" Size="Size.Large" />
+                    <MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Die fast gekaufte Kegelbahn</MudText>
+                    <MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">
+                        Unsere Passion ging sogar so weit, dass wir kurz davor standen, eine komplette Kegelbahn zu kaufen. Auch wenn daraus nichts wurde - wir wollen das Erlebnis Kegeln digitalisieren.
+                    </MudText>
+                </MudStack>
+            </MudCard>
+        </MudItem>
+    </MudGrid>
+
+    @* Vision *@
+    <MudPaper Class="pa-6 mb-6 rounded-lg" Elevation="1">
+        <MudStack Row AlignItems="AlignItems.Center" Spacing="2" Class="mb-4">
+            <MudIcon Icon="@Icons.Material.Filled.EmojiEvents" Color="Color.Warning" Size="Size.Large" />
+            <MudText Typo="Typo.h5" Class="font-weight-bold" Color="Color.Primary">Unsere Vision: Der Heilige Gral der Kegelverwaltung</MudText>
+        </MudStack>
+        <MudText Typo="Typo.body1" Class="mb-4">
+            Wir wollen, dass KOOGLE <strong>die Software fuer Kegelvereine</strong> wird. Dank unseres ausgereiften Plugin-Systems implementieren wir regelmaessig neue Spiele und Features. Ob Mitgliederverwaltung, automatisierte Kostenabrechnung oder detaillierte Statistiken - wir haben alles im Blick.
+        </MudText>
+    </MudPaper>
+
+    @* Leidenschaft statt Profit *@
+    <MudPaper Class="pa-6 mb-6 rounded-lg" Elevation="1">
+        <MudStack Row AlignItems="AlignItems.Center" Spacing="2" Class="mb-4">
+            <MudIcon Icon="@Icons.Material.Filled.Favorite" Color="Color.Error" Size="Size.Large" />
+            <MudText Typo="Typo.h5" Class="font-weight-bold" Color="Color.Primary">Leidenschaft statt Profit</MudText>
+        </MudStack>
+        <MudText Typo="Typo.body1" Class="mb-4">
+            Wir machen das aus Ueberzeugung. Aktuell ist KOOGLE <strong>kostenlos nutzbar</strong>. Sollten wir in Zukunft Gebuehren erheben muessen, dann nur in dem Masse, um Hosting und Wartung zu decken. Wir sind kein gesichtsloses Software-Unternehmen - wir sind Kegler, die ihren Sport lieben.
+        </MudText>
+        <MudText Typo="Typo.body1" Style="font-style: italic;">
+            Und ja: Wer uns etwas Gutes tun will, darf gerne unsere naechste Kegeltour nach Las Vegas bezuschussen. Wir versprechen, dort mindestens so laut zu singen wie bei einer Runde "Totenkiste" im Sauerland!
+        </MudText>
+    </MudPaper>
+
+    @* Footer Quote *@
+    <MudPaper Class="pa-6 rounded-lg" Style="background: linear-gradient(135deg, #1a365d 0%, #2d5a4d 100%); color: white;">
+        <MudText Typo="Typo.h6" Align="Align.Center" Class="font-weight-bold" Style="font-style: italic;">
+            "Und sie trugen einen Toten zum Tor hinaus..."
+        </MudText>
+        <MudText Typo="Typo.body2" Align="Align.Center" Class="mt-2" Style="opacity: 0.9;">
+            Bei uns fliegt nur raus, wer kein Glueck an der Bahn hat, niemals eure Daten.
+        </MudText>
+    </MudPaper>
+
+    @* Copyright Footer *@
+    <MudStack Row Justify="Justify.Center" AlignItems="AlignItems.Center" Spacing="4" Class="mt-6">
+        <MudText Typo="Typo.caption" Color="Color.Secondary">© 2026 KOOGLE. Alle Rechte vorbehalten.</MudText>
+        <MudLink Href="/impressum" Typo="Typo.caption" Color="Color.Secondary">Impressum</MudLink>
+        <MudLink Href="/datenschutz" Typo="Typo.caption" Color="Color.Secondary">Datenschutz</MudLink>
+    </MudStack>
+
+</MudContainer>
+
+@code {
+}
--- a/src/Koogle.Web/Components/Pages/Home.razor
+++ b/src/Koogle.Web/Components/Pages/Home.razor
@ -248,6 +248,7 @@
    @* Copyright Footer *@
    <MudStack Row Justify="Justify.Center" AlignItems="AlignItems.Center" Spacing="4" Class="mt-6">
        <MudText Typo="Typo.caption" Color="Color.Secondary">© 2026 KOOGLE. Alle Rechte vorbehalten.</MudText>
+        <MudLink Href="/about" Typo="Typo.caption" Color="Color.Secondary">Über uns</MudLink>
        <MudLink Href="/impressum" Typo="Typo.caption" Color="Color.Secondary">Impressum</MudLink>
        <MudLink Href="/datenschutz" Typo="Typo.caption" Color="Color.Secondary">Datenschutz</MudLink>
    </MudStack>
--- a/src/Koogle.Web/wwwroot/kfb_team1.jpg
+++ b/src/Koogle.Web/wwwroot/kfb_team1.jpg