Change about page to coming soon

BeauFindlay/src/BeauFindlay.Client/Layout/MainLayout.razor

@@ -3,7 +3,7 @@
 <div class="flex flex-col min-h-screen fade-in">
     <NavBar/>
     
-    <div class="px-4 md:px-12 py-4">
+    <div class="flex-1 px-4 md:px-12 py-4">
         @Body
     </div>
 

BeauFindlay/src/BeauFindlay.Client/Pages/About.razor

@@ -2,6 +2,14 @@
 
 @inject IJSRuntime JSRuntime
 
+@if (comingSoon)
+{
+    <div class="text-center">
+        <h1 class="text-4xl">Coming soon...</h1>
+    </div>
+}
+else
+{
     @if (!hasPreviouslyRendered)
     {
         <h1 class="text-4xl">
@@ -35,6 +43,8 @@ else
         <h2 class="text-2xl pb-4">Hosting</h2>
         <p></p>
     </section>
+}
+
 
 <AnchorNavigation/>
 
@@ -45,6 +55,7 @@ else
     private const string HostingSection = "hosting";
 
     private bool hasPreviouslyRendered;
+    private bool comingSoon = true;
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
@@ -71,4 +82,5 @@ else
     {
         await JSRuntime.InvokeVoidAsync("scrollToElement", elementId);
     }
+
 }

BeauFindlay/src/BeauFindlay.Client/Pages/Contact.razor

@@ -19,14 +19,14 @@
             <div class="sm:col-span-2">
                 <label for="name" class="block font-semibold leading-6">Name</label>
                 <div class="mt-2.5">
-                    <InputText id="name" @bind-Value="contactInput.Name" class="block w-full text-lg border-0 px-3.5 py-2 bg-black shadow ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-600"/>
+                    <InputText id="name" @bind-Value="contactInput.Name" class="block w-full text-lg border-0 px-3.5 py-2 bg-black shadow ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-600" autocomplete="given-name"/>
                     <ValidationMessage For="() => contactInput.Name" class="text-red-600"/>
                 </div>
             </div>
             <div class="sm:col-span-2">
                 <label for="email" class="block font-semibold leading-6">Email</label>
                 <div class="mt-2.5">
-                    <InputText id="email" @bind-Value="contactInput.Email" class="block w-full text-lg border-0 px-3.5 py-2 bg-black shadow ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-600"/>
+                    <InputText id="email" @bind-Value="contactInput.Email" class="block w-full text-lg border-0 px-3.5 py-2 bg-black shadow ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-600" autocomplete="email"/>
                     <ValidationMessage For="() => contactInput.Email" class="text-red-600"/>
                 </div>
             </div>

BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css

@@ -666,6 +666,10 @@ video {
   max-width: 36rem;
 }
 
+.flex-1 {
+  flex: 1 1 0%;
+}
+
 .flex-shrink-0 {
   flex-shrink: 0;
 }