Finished the operation page

Hopefully this is good enough to get facebook approval :D
NielsPilgaard · Apr 5, 2024 · 7923117 · 7923117
1 parent 4e1e216
commit 7923117
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 17 deletions.
diff --git a/src/web/Jordnaer/Components/Footer.razor b/src/web/Jordnaer/Components/Footer.razor
@@ -8,7 +8,7 @@
         <div class="px-sm-10 px-md-12 px-lg-14">
             <MudNavLink Href="/contact">Kontakt</MudNavLink>
             <MudNavLink Href="/sponsors">Sponsorer</MudNavLink>
-            <MudNavLink Href="/opeartion">Drift</MudNavLink>
+            <MudNavLink Href="/operation">Drift</MudNavLink>
         </div>
     </div>
 </footer>
diff --git a/src/web/Jordnaer/Pages/Footer/Operation.razor b/src/web/Jordnaer/Pages/Footer/Operation.razor
@@ -5,24 +5,31 @@
 
 <MudContainer MaxWidth="MaxWidth.Medium">
     <MudPaper Elevation="3" Class="pa-10 mt-5">
-        <MudText Typo="Typo.h3">Drift</MudText>
+        <MudText Typo="Typo.h3" Align="Align.Center">Drift</MudText>
         <MudDivider Class="mt-1 mb-5" />
 
-        Mini Møder er lavet af mig, Niels 🖐, med støtte og input fra min kone Josefine. 
-        Jeg bygger Mini Møder i min fritid, oftest om aftenen når mine to unger er puttet.
+        <MudStack Row>
+            <MudStack>
+                <MudText Class="mt-1">Mini Møder er lavet af mig, Niels 🖐 med støtte og input fra min kone Josefine.</MudText>
+                <MudText Class="mt-1">Jeg bygger Mini Møder i min fritid, oftest om aftenen når mine to unger er puttet.</MudText>
+                <MudText Class="mt-1">Jeg står for udvikling, drift og vedligeholdelse af hele molevitten.</MudText>
+            </MudStack>
+            <MudImage Class="d-none d-sm-flex" Src="https://jordnaer.blob.core.windows.net/userprofile-pictures/d8132467-293e-4510-a1e0-ee7aad6aad73" />
+        </MudStack>
+
 
-        Jeg står for udvikling, drift og vedligeholdelse af hele molevitten.
-
-        Det er desværre ikke helt gratis at drive Mini Møder - Hvis du vil støtte op om Mini Møder tager vi imod donationer og sponsoraftaler med kyshånd 😄
-
-        Du kan komme i kontakt med os gennem vores <MudLink Href="/contact">kontaktformular</MudLink>.
-
-        Af juridiske årsager, ejes Mini Møder af mig, gennem min enkeltmandsvirksomhed 
-        <MudLink
-	        Target="_blank" rel="noreferrer"
-	        Href="https://www.proff.dk/firma/pilgaard-development/ryomg%C3%A5rd/dataprogramvare-og-udvikling/0OK451I009O">
-	        Pilgaard Development
-        </MudLink>.
 
+        <MudText Class="mt-5">Det er desværre ikke helt gratis at drive Mini Møder - Hvis du vil støtte op om Mini Møder tager vi imod donationer og sponsoraftaler med kyshånd 😄</MudText>
+
+        <MudText Class="mt-5">Du kan komme i kontakt med os gennem vores <MudLink Href="/contact">kontaktformular</MudLink>.</MudText>
+
+        <MudText Class="mt-15">
+            Af juridiske årsager ejer jeg Mini Møder gennem min enkeltmandsvirksomhed
+            <MudLink Target="_blank" rel="noreferrer"
+                     Href="https://www.proff.dk/firma/pilgaard-development/ryomg%C3%A5rd/dataprogramvare-og-udvikling/0OK451I009O">
+                Pilgaard Development
+            </MudLink>.
+        </MudText>
+
     </MudPaper>
-</MudContainer>
+</MudContainer>