From 77b2bb18ae7b45b17fa3a426992f0885d5039e42 Mon Sep 17 00:00:00 2001
From: pancakes <p@pancakes.gay>
Date: Fri, 12 Sep 2025 20:01:07 +1000
Subject: [PATCH] Add page footer

---
 PancakesWeb/Components/Layout/MainLayout.razor     | 10 +++++++++-
 PancakesWeb/Components/Layout/MainLayout.razor.css |  8 ++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/PancakesWeb/Components/Layout/MainLayout.razor b/PancakesWeb/Components/Layout/MainLayout.razor
index 7ef0b71..2eceb99 100644
--- a/PancakesWeb/Components/Layout/MainLayout.razor
+++ b/PancakesWeb/Components/Layout/MainLayout.razor
@@ -1,4 +1,5 @@
-@using PancakesWeb.Components.UI
+@using Microsoft.AspNetCore.Components.Sections
+@using PancakesWeb.Components.UI
 @inherits LayoutComponentBase
 
 <a class="skip-to-content" href="#main-content">Skip to main content</a>
@@ -9,6 +10,13 @@
 
 @Body
 
+<footer>
+    <div class="container">
+        <SectionOutlet SectionName="Footer"/>
+        <p>🐈‍⬛</p>
+    </div>
+</footer>
+
 <div id="blazor-error-ui" data-nosnippet>
     An unhandled error has occurred.
     <a href="." class="reload">Reload</a>
diff --git a/PancakesWeb/Components/Layout/MainLayout.razor.css b/PancakesWeb/Components/Layout/MainLayout.razor.css
index c4f971c..96f6c7e 100644
--- a/PancakesWeb/Components/Layout/MainLayout.razor.css
+++ b/PancakesWeb/Components/Layout/MainLayout.razor.css
@@ -1,3 +1,11 @@
+footer {
+    margin-top: 3rem;
+    padding: 3rem 0;
+
+    text-align: center;
+    background-color: var(--foreground);
+}
+
 #blazor-error-ui {
     color-scheme: light only;
     background: lightyellow;