move some styling into SimpleLayout.razor

src/NSeguin.Dev.Web/Components/Layout/SimpleLayout.razor

@@ -1,12 +1,25 @@
 @inherits LayoutComponentBase
 
-<div class="page">
+<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem] z-0">
+    <svg
+        viewBox="0 0 1080 957"
+        fill="none"
+        aria-hidden="true"
+        class="absolute inset-0 h-full w-full"
+        preserveAspectRatio="xMinYMid slice">
+        <path fill="#2e3440" d="M0 0h1080v957H0z"/>
+    </svg>
+</div>
+
 <main>
-        <article class="content px-4">
+    <div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
+        <div class="mx-auto max-w-xl lg:mx-0">
+            <article>
                 @Body
             </article>
-    </main>
         </div>
+    </div>
+</main>
 
 <div id="blazor-error-ui">
     An unhandled error has occurred.

src/NSeguin.Dev.Web/Components/Layout/SimpleLayout.razor.css

@@ -1,11 +1,9 @@
-.page {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-}
 
 main {
     flex: 1;
+    position: relative;
+    display: flex;
+    flex-direction: column;
 }
 
 .top-row {

src/NSeguin.Dev.Web/Components/Pages/Attributions.razor

@@ -4,19 +4,6 @@
 
 <PageTitle>Attributions</PageTitle>
 
-<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem] z-0">
-    <svg
-        viewBox="0 0 1080 957"
-        fill="none"
-        aria-hidden="true"
-        class="absolute inset-0 h-full w-full"
-        preserveAspectRatio="xMinYMid slice">
-        <path fill="#2e3440" d="M0 0h1080v957H0z"/>
-    </svg>
-</div>
-
-<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
-    <div class="mx-auto max-w-xl lg:mx-0">
 <h1 class="mt-4 text-4xl md:text-5xl lg:text-6xl font-extrabold text-[2rem] leading-10 tracking-tighter">
     Attributions
 </h1>
@@ -53,8 +40,6 @@
         }
     }
 </ul>
-    </div>
-</div>
 
 @code {
 

src/NSeguin.Dev.Web/Components/Pages/Home.razor

@@ -5,19 +5,6 @@
 
 <PageTitle>Home</PageTitle>
 
-<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem] z-0">
-    <svg
-        viewBox="0 0 1080 957"
-        fill="none"
-        aria-hidden="true"
-        class="absolute inset-0 h-full w-full"
-        preserveAspectRatio="xMinYMid slice">
-        <path fill="#2e3440" d="M0 0h1080v957H0z"/>
-    </svg>
-</div>
-
-<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
-    <div class="mx-auto max-w-xl lg:mx-0">
 <h1 class="mt-10 flex items-center text-sm font-semibold leading-6 text-brand">
     <a href="https://git.nseguin.dev/nseguin/website">nseguin/website</a>
     <small class="ml-3 rounded-full bg-brand/5 px-2 text-[0.8125rem] font-medium leading-6">
@@ -80,5 +67,3 @@
         </div>
     </div>
 </div>
-    </div>
-</div>