Progress! now structure is setup

OpenBirchWebsite.Client/.config/dotnet-tools.json

@@ -0,0 +1,13 @@
+{
+  "version": 1,
+  "isRoot": true,
+  "tools": {
+    "dotnet-ef": {
+      "version": "8.0.7",
+      "commands": [
+        "dotnet-ef"
+      ],
+      "rollForward": false
+    }
+  }
+}

OpenBirchWebsite.Client/Layout/MainLayout.razor

@@ -12,7 +12,7 @@
         <MudButton Variant="Variant.Text" Href="/download" Class="pr-4">Download</MudButton>
         <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
     </MudAppBar>
-    <MudDrawer @bind-Open="_drawerOpen" Anchor="Anchor.End" ClipMode="DrawerClipMode.Always" Elevation="2">
+    <MudDrawer @bind-Open="_drawerOpen" Anchor="Anchor.End" ClipMode="DrawerClipMode.Always" Breakpoint="Breakpoint.None" Elevation="2">
         <NavMenu />
     </MudDrawer>
     <MudMainContent Class="mt-16 pa-4">

OpenBirchWebsite.Client/Pages/Download.razor

@@ -2,4 +2,4 @@
 
 <PageTitle>Download OpenBirch</PageTitle>
 
-<MudImage Width="100" Height="100" ObjectFit=ObjectFit.Fill Src="images/fi478h5fj45d1.webp" Alt="Logo" Elevation="25" Class="rounded-lg" />
+<MudImage Width="300" Height="300" ObjectFit=ObjectFit.Fill Src="images/edj9g2cqox4d1.webp" Alt="Logo" Elevation="25" Class="rounded-lg" />

OpenBirchWebsite.Client/Pages/Home.razor

@@ -2,57 +2,42 @@
 
 <PageTitle>Home</PageTitle>
 
-<MudText Typo="Typo.h3" GutterBottom="true">Hello, world!</MudText>
+<div class="double_centered_boxes">
-<MudText Class="mb-8">Welcome to your new app, powered by MudBlazor and the .NET 8 Template!</MudText>
+    <MudText Align="Align.Center" Typo="Typo.h2">Welcome to<br /><b>OpenBirch!!!</b></MudText>
+    <div></div>
+    <div style="height: 200px; display: grid; place-items: center;">
+        <div style="align-self: end;" class="input-field">
+            <MudTextField Class="pa-4" @bind-Value="temp" Variant="Variant.Outlined" @onclick="()=>hasInteracted = true"></MudTextField>
+        </div>
+    </div>
+</div>
 
-<MudAlert Severity="Severity.Normal">
+@code {
-    You can find documentation and examples on our website here:
+    public string temp = " ";
-    <MudLink Href="https://mudblazor.com" Target="_blank" Typo="Typo.body2" Color="Color.Primary">
+    public bool hasInteracted = false; // Has the user interacted with the input field?
-        <b>www.mudblazor.com</b>
-    </MudLink>
-</MudAlert>
 
-<br />
+    protected override async Task OnInitializedAsync()
-<MudText Typo="Typo.h5" GutterBottom="true">Interactivity in this Template</MudText>
+    {
-<br />
+        StartAutoTyping();
-<MudText Typo="Typo.body2">
+    }
-    When you opt for the "Global" Interactivity Location, <br />
-    the render modes are defined in App.razor and consequently apply to all child components.<br />
-    In this case, providers are globally set in the MainLayout.<br />
-    <br />
-    On the other hand, if you choose the "Per page/component" Interactivity Location,<br />
-    it is necessary to include the <br />
-    <br />
-    &lt;MudPopoverProvider /&gt; <br />
-    &lt;MudDialogProvider /&gt; <br />
-    &lt;MudSnackbarProvider /&gt; <br />
-    <br />
-    components on every interactive page.<br />
-    <br />
-    If a render mode is not specified for a page, it defaults to Server-Side Rendering (SSR),<br />
-    similar to this page. While MudBlazor allows pages to be rendered in SSR,<br />
-    please note that interactive features, such as buttons and dropdown menus, will not be functional.
-</MudText>
 
-<br />
+    private async void StartAutoTyping()
-<MudText Typo="Typo.h5" GutterBottom="true">What's New in Blazor with the Release of .NET 8</MudText>
+    {
-<br />
+        await Task.Delay(1000);
-<MudText Typo="Typo.h6" GutterBottom="true">Prerendering</MudText>
-<MudText Typo="Typo.body2" GutterBottom="true">
-    If you're exploring the features of .NET 8 Blazor,<br /> you might be pleasantly surprised to learn that each page is prerendered on the server,<br /> regardless of the selected render mode.<br /><br />
-    This means that you'll need to inject all necessary services on the server,<br /> even when opting for the wasm (WebAssembly) render mode.<br /><br />
-    This prerendering functionality is crucial to ensuring that WebAssembly mode feels fast and responsive,<br /> especially when it comes to initial page load times.<br /><br />
-    For more information on how to detect prerendering and leverage the RenderContext, you can refer to the following link:
-    <MudLink Href="https://github.com/dotnet/aspnetcore/issues/51468#issuecomment-1783568121" Target="_blank" Typo="Typo.body2" Color="Color.Primary">
-        More details
-    </MudLink>
-</MudText>
 
-<br />
+        foreach (char letter in "Balls... Itchy... HELP ME!!!")
-<MudText Typo="Typo.h6" GutterBottom="true">InteractiveAuto</MudText>
+        {
-<MudText Typo="Typo.body2">
+            temp += letter;
-    A discussion on how to achieve this can be found here:
+            await InvokeAsync(StateHasChanged); // Trigger UI update
-    <MudLink Href="https://github.com/dotnet/aspnetcore/issues/51468#issue-1950424116" Target="_blank" Typo="Typo.body2" Color="Color.Primary">
+            await Task.Delay(200); // Non-blocking delay
-        More details
+
-    </MudLink>
+            if (!hasInteracted) continue;
-</MudText>
+
+            temp = ""; // Clear input and let user input
+            await InvokeAsync(StateHasChanged);
+            return;
+        }
+    }
+
+
+}

OpenBirchWebsite.Client/Pages/Home.razor.css

@@ -0,0 +1,10 @@
+.double_centered_boxes {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    /*border: red 1mm solid;*/
+}
+
+.input-field {
+    max-width: 400px;
+    min-width: 300px;
+}

OpenBirchWebsite.Client/Properties/PublishProfiles/FolderProfile.pubxml

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+https://go.microsoft.com/fwlink/?LinkID=208121.
+-->
+<Project>
+  <PropertyGroup>
+    <DeleteExistingFiles>false</DeleteExistingFiles>
+    <ExcludeApp_Data>false</ExcludeApp_Data>
+    <LaunchSiteAfterPublish>true</LaunchSiteAfterPublish>
+    <LastUsedBuildConfiguration>Release</LastUsedBuildConfiguration>
+    <LastUsedPlatform>Any CPU</LastUsedPlatform>
+    <PublishProvider>FileSystem</PublishProvider>
+    <PublishUrl>bin\Release\net8.0\browser-wasm\publish\</PublishUrl>
+    <WebPublishMethod>FileSystem</WebPublishMethod>
+    <_TargetId>Folder</_TargetId>
+    <SiteUrlToLaunchAfterPublish />
+    <TargetFramework>net8.0</TargetFramework>
+    <RuntimeIdentifier>browser-wasm</RuntimeIdentifier>
+    <RunAOTCompilation>false</RunAOTCompilation>
+    <ProjectGuid>c243e272-80d5-4775-95ec-e9c080301927</ProjectGuid>
+    <SelfContained>true</SelfContained>
+  </PropertyGroup>
+</Project>

OpenBirchWebsite/Components/App.razor

@@ -7,6 +7,7 @@
     <base href="/" />  
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />  
+    <link href="OpenBirchWebsite.styles.css" rel="stylesheet" />  
     <link rel="icon" type="image/ico" href="favicon.ico" />
     <HeadOutlet @rendermode="InteractiveWebAssembly" />
 </head>