From 2c9301ae14ac9b9abcd9e847121850a10159d942 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Fri, 19 Dec 2025 22:57:46 -0800
Subject: [PATCH] Fix feed username crash and add About page

---
 backend/routers/feed.py     |  6 +++---
 frontend/app/about/page.tsx | 30 ++++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+), 3 deletions(-)
 create mode 100644 frontend/app/about/page.tsx

diff --git a/backend/routers/feed.py b/backend/routers/feed.py
index d89b7ee..95143c1 100644
--- a/backend/routers/feed.py
+++ b/backend/routers/feed.py
@@ -45,7 +45,7 @@ def get_global_feed(
             type="review",
             timestamp=r.created_at or datetime.utcnow(), # Handle missing created_at if any
             data=r,
-            user={"id": user.id, "username": user.username, "avatar": user.avatar} if user else {}
+            user={"id": user.id, "username": user.email.split("@")[0], "avatar": user.avatar} if user else {}
         ))
         
     for a in attendance:
@@ -54,7 +54,7 @@ def get_global_feed(
             type="attendance",
             timestamp=a.created_at,
             data=a,
-            user={"id": user.id, "username": user.username, "avatar": user.avatar} if user else {}
+            user={"id": user.id, "username": user.email.split("@")[0], "avatar": user.avatar} if user else {}
         ))
         
     for p in posts:
@@ -63,7 +63,7 @@ def get_global_feed(
             type="post",
             timestamp=p.created_at,
             data=p,
-            user={"id": user.id, "username": user.username, "avatar": user.avatar} if user else {}
+            user={"id": user.id, "username": user.email.split("@")[0], "avatar": user.avatar} if user else {}
         ))
         
     # Sort by timestamp desc
diff --git a/frontend/app/about/page.tsx b/frontend/app/about/page.tsx
new file mode 100644
index 0000000..85e6f2c
--- /dev/null
+++ b/frontend/app/about/page.tsx
@@ -0,0 +1,30 @@
+export default function AboutPage() {
+    return (
+        <div className="container mx-auto px-4 py-8">
+            <h1 className="text-4xl font-bold mb-6 text-brand-500">About Elmeg</h1>
+            <div className="prose dark:prose-invert max-w-none">
+                <p className="text-xl mb-4">
+                    Elmeg is the definitive fan archive for <strong>Goose</strong>, built by fans for fans.
+                </p>
+                <p className="mb-4">
+                    Our mission is to track every show, every song, and every stat. Whether you're chasing your first <em>Arcadia</em> or looking for that deep cut <em>Factory Fiction</em>, Elmeg has the data you need.
+                </p>
+
+                <div className="bg-zinc-100 dark:bg-zinc-800 p-6 rounded-lg my-8">
+                    <h2 className="text-2xl font-bold mb-4">Features</h2>
+                    <ul className="list-disc pl-6 space-y-2">
+                        <li>Comprehensive Show Archive</li>
+                        <li>Detailed Setlists & Song Stats</li>
+                        <li>Community Ratings & Reviews</li>
+                        <li>Venue Leaderboards</li>
+                        <li>Personal Attendance Tracking</li>
+                    </ul>
+                </div>
+
+                <p className="text-sm text-zinc-500 mt-8">
+                    Elmeg is a demo project showcasing advanced full-stack capabilities. Powered by FastAPI, Next.js, and SQLModel.
+                </p>
+            </div>
+        </div>
+    );
+}