beau/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Change about page to coming soon

Browse Source
This commit is contained in:
Beau Findlay
2024-03-12 22:32:14 +00:00
parent d5bad76fb0
commit caf3718b0e
4 changed files with 51 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
BeauFindlay/src/BeauFindlay.Client/Layout/MainLayout.razor
View File

@@ -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>

12
BeauFindlay/src/BeauFindlay.Client/Pages/About.razor
View File

@@ -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);
}
}

4
BeauFindlay/src/BeauFindlay.Client/Pages/Contact.razor
View File

@@ -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>

4
BeauFindlay/src/BeauFindlay.Client/wwwroot/css/app.min.css vendored
View File

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