From a67c51eb1288b47b2eecb6549d7004859f15101b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vin=C3=ADcius=20Gabriel?= <vinicius_gabriel258@hotmail.com>
Date: Thu, 14 Mar 2024 16:20:05 -0300
Subject: [PATCH] Apply several changes

---
 src/Monambike.Links/App.razor                 |  12 ++++
 src/Monambike.Links/Layout/MainLayout.razor   |   3 +
 .../Monambike.Links.Client.csproj             |  15 ----
 .../Monambike.Links.Client/Program.cs         |   5 --
 src/Monambike.Links/Monambike.Links.csproj    |  20 ++++++
 .../Monambike.Links/Components/App.razor      |  27 --------
 .../Components/Layout/MainLayout.razor        |   9 ---
 .../Components/Layout/MainLayout.razor.css    |  18 -----
 .../Components/Pages/Error.razor              |  36 ----------
 .../Monambike.Links/Components/Routes.razor   |   6 --
 .../Monambike.Links/Components/_Imports.razor |  11 ---
 .../Monambike.Links/Monambike.Links.csproj    |  19 ------
 .../Monambike.Links/Program.cs                |  32 ---------
 .../Properties/launchSettings.json            |  41 -----------
 .../appsettings.Development.json              |   8 ---
 .../Monambike.Links/appsettings.json          |   9 ---
 .../Components => }/Pages/Home.razor          |   7 +-
 src/Monambike.Links/Program.cs                |  11 +++
 .../Properties/launchSettings.json            |  41 +++++++++++
 .../_Imports.razor                            |   5 +-
 .../wwwroot => wwwroot/css}/app.css           |  64 +++++++++++++++---
 .../wwwroot => wwwroot/css}/main.css          |   2 +-
 .../wwwroot/images/background.jpg             | Bin
 .../wwwroot/images/favicon.ico                | Bin 0 -> 67646 bytes
 .../wwwroot/images/favicon.png                | Bin 0 -> 6155 bytes
 .../wwwroot/images/profile-picture.jpg        | Bin
 .../wwwroot/images/social/discord.svg         |   0
 .../wwwroot/images/social/github.svg          |   0
 .../wwwroot/images/social/instagram.svg       |   0
 .../wwwroot/images/social/itch-io.svg         |   0
 .../wwwroot/images/social/linkedin.svg        |   0
 .../wwwroot/images/social/steam.svg           |   0
 .../wwwroot/images/social/youtube.svg         |   0
 src/Monambike.Links/wwwroot/index.html        |  44 ++++++++++++
 .../wwwroot/manifest.webmanifest              |  17 +++++
 src/Monambike.Links/wwwroot/service-worker.js |   4 ++
 .../wwwroot/service-worker.published.js       |  55 +++++++++++++++
 37 files changed, 271 insertions(+), 250 deletions(-)
 create mode 100644 src/Monambike.Links/App.razor
 create mode 100644 src/Monambike.Links/Layout/MainLayout.razor
 delete mode 100644 src/Monambike.Links/Monambike.Links.Client/Monambike.Links.Client.csproj
 delete mode 100644 src/Monambike.Links/Monambike.Links.Client/Program.cs
 create mode 100644 src/Monambike.Links/Monambike.Links.csproj
 delete mode 100644 src/Monambike.Links/Monambike.Links/Components/App.razor
 delete mode 100644 src/Monambike.Links/Monambike.Links/Components/Layout/MainLayout.razor
 delete mode 100644 src/Monambike.Links/Monambike.Links/Components/Layout/MainLayout.razor.css
 delete mode 100644 src/Monambike.Links/Monambike.Links/Components/Pages/Error.razor
 delete mode 100644 src/Monambike.Links/Monambike.Links/Components/Routes.razor
 delete mode 100644 src/Monambike.Links/Monambike.Links/Components/_Imports.razor
 delete mode 100644 src/Monambike.Links/Monambike.Links/Monambike.Links.csproj
 delete mode 100644 src/Monambike.Links/Monambike.Links/Program.cs
 delete mode 100644 src/Monambike.Links/Monambike.Links/Properties/launchSettings.json
 delete mode 100644 src/Monambike.Links/Monambike.Links/appsettings.Development.json
 delete mode 100644 src/Monambike.Links/Monambike.Links/appsettings.json
 rename src/Monambike.Links/{Monambike.Links/Components => }/Pages/Home.razor (95%)
 create mode 100644 src/Monambike.Links/Program.cs
 create mode 100644 src/Monambike.Links/Properties/launchSettings.json
 rename src/Monambike.Links/{Monambike.Links.Client => }/_Imports.razor (71%)
 rename src/Monambike.Links/{Monambike.Links/wwwroot => wwwroot/css}/app.css (61%)
 rename src/Monambike.Links/{Monambike.Links/wwwroot => wwwroot/css}/main.css (98%)
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/background.jpg (100%)
 create mode 100644 src/Monambike.Links/wwwroot/images/favicon.ico
 create mode 100644 src/Monambike.Links/wwwroot/images/favicon.png
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/profile-picture.jpg (100%)
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/social/discord.svg (100%)
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/social/github.svg (100%)
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/social/instagram.svg (100%)
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/social/itch-io.svg (100%)
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/social/linkedin.svg (100%)
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/social/steam.svg (100%)
 rename src/Monambike.Links/{Monambike.Links => }/wwwroot/images/social/youtube.svg (100%)
 create mode 100644 src/Monambike.Links/wwwroot/index.html
 create mode 100644 src/Monambike.Links/wwwroot/manifest.webmanifest
 create mode 100644 src/Monambike.Links/wwwroot/service-worker.js
 create mode 100644 src/Monambike.Links/wwwroot/service-worker.published.js

diff --git a/src/Monambike.Links/App.razor b/src/Monambike.Links/App.razor
new file mode 100644
index 00000000..6fd3ed1b
--- /dev/null
+++ b/src/Monambike.Links/App.razor
@@ -0,0 +1,12 @@
+<Router AppAssembly="@typeof(App).Assembly">
+    <Found Context="routeData">
+        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
+    </Found>
+    <NotFound>
+        <PageTitle>Not found</PageTitle>
+        <LayoutView Layout="@typeof(MainLayout)">
+            <p role="alert">Sorry, there's nothing at this address.</p>
+        </LayoutView>
+    </NotFound>
+</Router>
diff --git a/src/Monambike.Links/Layout/MainLayout.razor b/src/Monambike.Links/Layout/MainLayout.razor
new file mode 100644
index 00000000..e1a9a756
--- /dev/null
+++ b/src/Monambike.Links/Layout/MainLayout.razor
@@ -0,0 +1,3 @@
+@inherits LayoutComponentBase
+
+@Body
diff --git a/src/Monambike.Links/Monambike.Links.Client/Monambike.Links.Client.csproj b/src/Monambike.Links/Monambike.Links.Client/Monambike.Links.Client.csproj
deleted file mode 100644
index b1214ce9..00000000
--- a/src/Monambike.Links/Monambike.Links.Client/Monambike.Links.Client.csproj
+++ /dev/null
@@ -1,15 +0,0 @@
-<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
-
-  <PropertyGroup>
-    <TargetFramework>net8.0</TargetFramework>
-    <ImplicitUsings>enable</ImplicitUsings>
-    <Nullable>enable</Nullable>
-    <NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
-    <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
-  </PropertyGroup>
-
-  <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.2" />
-  </ItemGroup>
-
-</Project>
diff --git a/src/Monambike.Links/Monambike.Links.Client/Program.cs b/src/Monambike.Links/Monambike.Links.Client/Program.cs
deleted file mode 100644
index 519269f2..00000000
--- a/src/Monambike.Links/Monambike.Links.Client/Program.cs
+++ /dev/null
@@ -1,5 +0,0 @@
-using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
-
-var builder = WebAssemblyHostBuilder.CreateDefault(args);
-
-await builder.Build().RunAsync();
diff --git a/src/Monambike.Links/Monambike.Links.csproj b/src/Monambike.Links/Monambike.Links.csproj
new file mode 100644
index 00000000..06a3f46c
--- /dev/null
+++ b/src/Monambike.Links/Monambike.Links.csproj
@@ -0,0 +1,20 @@
+<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <ServiceWorkerAssetsManifest>service-worker-assets.js</ServiceWorkerAssetsManifest>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.2" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.2" PrivateAssets="all" />
+    <PackageReference Include="Monambike.Core" Version="1.4.1" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <ServiceWorker Include="wwwroot\service-worker.js" PublishedContent="wwwroot\service-worker.published.js" />
+  </ItemGroup>
+
+</Project>
diff --git a/src/Monambike.Links/Monambike.Links/Components/App.razor b/src/Monambike.Links/Monambike.Links/Components/App.razor
deleted file mode 100644
index e0701c94..00000000
--- a/src/Monambike.Links/Monambike.Links/Components/App.razor
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <!-- Meta Tags -->
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <base href="/" />
-    <!-- Head Outlet -->
-    <HeadOutlet />
-    <!--My Information-->
-    <meta name="author" content="Vinícius Gabriel Marques de Melo">
-    <meta name="application-name" content="Monambike Website">
-    <meta name="description" content="Welcome to my link hub! Check my social medias and ways to contact me from gamer to professional!">
-    <meta name="keywords" content="monambike, vinicius-gabriel, personal website, programming, web development, developer, portfolio, projects, coding, software engineer">
-    <!-- CSS Stylesheets -->
-    <link rel="stylesheet" href="app.css" />
-    <link rel="stylesheet" href="Monambike.Links.styles.css" />
-    <link rel="stylesheet" href="main.css" />
-</head>
-
-<body>
-    <Routes />
-    <script src="_framework/blazor.web.js"></script>
-</body>
-
-</html>
diff --git a/src/Monambike.Links/Monambike.Links/Components/Layout/MainLayout.razor b/src/Monambike.Links/Monambike.Links/Components/Layout/MainLayout.razor
deleted file mode 100644
index 0fd1b20e..00000000
--- a/src/Monambike.Links/Monambike.Links/Components/Layout/MainLayout.razor
+++ /dev/null
@@ -1,9 +0,0 @@
-@inherits LayoutComponentBase
-
-@Body
-
-<div id="blazor-error-ui">
-    An unhandled error has occurred.
-    <a href="" class="reload">Reload</a>
-    <a class="dismiss">🗙</a>
-</div>
diff --git a/src/Monambike.Links/Monambike.Links/Components/Layout/MainLayout.razor.css b/src/Monambike.Links/Monambike.Links/Components/Layout/MainLayout.razor.css
deleted file mode 100644
index df8c10ff..00000000
--- a/src/Monambike.Links/Monambike.Links/Components/Layout/MainLayout.razor.css
+++ /dev/null
@@ -1,18 +0,0 @@
-#blazor-error-ui {
-    background: lightyellow;
-    bottom: 0;
-    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
-    display: none;
-    left: 0;
-    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
-    position: fixed;
-    width: 100%;
-    z-index: 1000;
-}
-
-    #blazor-error-ui .dismiss {
-        cursor: pointer;
-        position: absolute;
-        right: 0.75rem;
-        top: 0.5rem;
-    }
diff --git a/src/Monambike.Links/Monambike.Links/Components/Pages/Error.razor b/src/Monambike.Links/Monambike.Links/Components/Pages/Error.razor
deleted file mode 100644
index 576cc2d2..00000000
--- a/src/Monambike.Links/Monambike.Links/Components/Pages/Error.razor
+++ /dev/null
@@ -1,36 +0,0 @@
-@page "/Error"
-@using System.Diagnostics
-
-<PageTitle>Error</PageTitle>
-
-<h1 class="text-danger">Error.</h1>
-<h2 class="text-danger">An error occurred while processing your request.</h2>
-
-@if (ShowRequestId)
-{
-    <p>
-        <strong>Request ID:</strong> <code>@RequestId</code>
-    </p>
-}
-
-<h3>Development Mode</h3>
-<p>
-    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
-</p>
-<p>
-    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
-    It can result in displaying sensitive information from exceptions to end users.
-    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
-    and restarting the app.
-</p>
-
-@code{
-    [CascadingParameter]
-    private HttpContext? HttpContext { get; set; }
-
-    private string? RequestId { get; set; }
-    private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
-
-    protected override void OnInitialized() =>
-        RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
-}
diff --git a/src/Monambike.Links/Monambike.Links/Components/Routes.razor b/src/Monambike.Links/Monambike.Links/Components/Routes.razor
deleted file mode 100644
index d39c7e89..00000000
--- a/src/Monambike.Links/Monambike.Links/Components/Routes.razor
+++ /dev/null
@@ -1,6 +0,0 @@
-<Router AppAssembly="typeof(Program).Assembly" AdditionalAssemblies="new[] { typeof(Client._Imports).Assembly }">
-    <Found Context="routeData">
-        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
-        <FocusOnNavigate RouteData="routeData" Selector="h1" />
-    </Found>
-</Router>
diff --git a/src/Monambike.Links/Monambike.Links/Components/_Imports.razor b/src/Monambike.Links/Monambike.Links/Components/_Imports.razor
deleted file mode 100644
index 427318ea..00000000
--- a/src/Monambike.Links/Monambike.Links/Components/_Imports.razor
+++ /dev/null
@@ -1,11 +0,0 @@
-@using System.Net.Http
-@using System.Net.Http.Json
-@using Microsoft.AspNetCore.Components.Forms
-@using Microsoft.AspNetCore.Components.Routing
-@using Microsoft.AspNetCore.Components.Web
-@using static Microsoft.AspNetCore.Components.Web.RenderMode
-@using Microsoft.AspNetCore.Components.Web.Virtualization
-@using Microsoft.JSInterop
-@using Monambike.Links
-@using Monambike.Links.Client
-@using Monambike.Links.Components
diff --git a/src/Monambike.Links/Monambike.Links/Monambike.Links.csproj b/src/Monambike.Links/Monambike.Links/Monambike.Links.csproj
deleted file mode 100644
index 5fcff75b..00000000
--- a/src/Monambike.Links/Monambike.Links/Monambike.Links.csproj
+++ /dev/null
@@ -1,19 +0,0 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
-
-  <PropertyGroup>
-    <TargetFramework>net8.0</TargetFramework>
-    <Nullable>enable</Nullable>
-    <ImplicitUsings>enable</ImplicitUsings>
-  </PropertyGroup>
-
-  <ItemGroup>
-    <Content Remove="C:\Users\vinic\.nuget\packages\monambike.core\1.4.0\contentFiles\any\net8.0\Resources\Phrases.txt" />
-  </ItemGroup>
-
-  <ItemGroup>
-    <ProjectReference Include="..\Monambike.Links.Client\Monambike.Links.Client.csproj" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.2" />
-    <PackageReference Include="Monambike.Core" Version="1.4.0" />
-  </ItemGroup>
-
-</Project>
diff --git a/src/Monambike.Links/Monambike.Links/Program.cs b/src/Monambike.Links/Monambike.Links/Program.cs
deleted file mode 100644
index 78a32928..00000000
--- a/src/Monambike.Links/Monambike.Links/Program.cs
+++ /dev/null
@@ -1,32 +0,0 @@
-using Monambike.Links.Components;
-
-var builder = WebApplication.CreateBuilder(args);
-
-// Add services to the container.
-builder.Services.AddRazorComponents()
-    .AddInteractiveWebAssemblyComponents();
-
-var app = builder.Build();
-
-// Configure the HTTP request pipeline.
-if (app.Environment.IsDevelopment())
-{
-    app.UseWebAssemblyDebugging();
-}
-else
-{
-    app.UseExceptionHandler("/Error", createScopeForErrors: true);
-    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
-    app.UseHsts();
-}
-
-app.UseHttpsRedirection();
-
-app.UseStaticFiles();
-app.UseAntiforgery();
-
-app.MapRazorComponents<App>()
-    .AddInteractiveWebAssemblyRenderMode()
-    .AddAdditionalAssemblies(typeof(Monambike.Links.Client._Imports).Assembly);
-
-app.Run();
diff --git a/src/Monambike.Links/Monambike.Links/Properties/launchSettings.json b/src/Monambike.Links/Monambike.Links/Properties/launchSettings.json
deleted file mode 100644
index 68143014..00000000
--- a/src/Monambike.Links/Monambike.Links/Properties/launchSettings.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-  "$schema": "http://json.schemastore.org/launchsettings.json",
-    "iisSettings": {
-      "windowsAuthentication": false,
-      "anonymousAuthentication": true,
-      "iisExpress": {
-        "applicationUrl": "http://localhost:10431",
-        "sslPort": 44363
-      }
-    },
-    "profiles": {
-      "http": {
-        "commandName": "Project",
-        "dotnetRunMessages": true,
-        "launchBrowser": true,
-        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
-        "applicationUrl": "http://localhost:5299",
-        "environmentVariables": {
-          "ASPNETCORE_ENVIRONMENT": "Development"
-        }
-      },
-      "https": {
-        "commandName": "Project",
-        "dotnetRunMessages": true,
-        "launchBrowser": true,
-        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
-        "applicationUrl": "https://localhost:7035;http://localhost:5299",
-        "environmentVariables": {
-          "ASPNETCORE_ENVIRONMENT": "Development"
-        }
-      },
-      "IIS Express": {
-        "commandName": "IISExpress",
-        "launchBrowser": true,
-        "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
-        "environmentVariables": {
-          "ASPNETCORE_ENVIRONMENT": "Development"
-        }
-      }
-    }
-  }
diff --git a/src/Monambike.Links/Monambike.Links/appsettings.Development.json b/src/Monambike.Links/Monambike.Links/appsettings.Development.json
deleted file mode 100644
index 0c208ae9..00000000
--- a/src/Monambike.Links/Monambike.Links/appsettings.Development.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "Logging": {
-    "LogLevel": {
-      "Default": "Information",
-      "Microsoft.AspNetCore": "Warning"
-    }
-  }
-}
diff --git a/src/Monambike.Links/Monambike.Links/appsettings.json b/src/Monambike.Links/Monambike.Links/appsettings.json
deleted file mode 100644
index 10f68b8c..00000000
--- a/src/Monambike.Links/Monambike.Links/appsettings.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "Logging": {
-    "LogLevel": {
-      "Default": "Information",
-      "Microsoft.AspNetCore": "Warning"
-    }
-  },
-  "AllowedHosts": "*"
-}
diff --git a/src/Monambike.Links/Monambike.Links/Components/Pages/Home.razor b/src/Monambike.Links/Pages/Home.razor
similarity index 95%
rename from src/Monambike.Links/Monambike.Links/Components/Pages/Home.razor
rename to src/Monambike.Links/Pages/Home.razor
index 25554663..ea0bb79c 100644
--- a/src/Monambike.Links/Monambike.Links/Components/Pages/Home.razor
+++ b/src/Monambike.Links/Pages/Home.razor
@@ -7,9 +7,10 @@
         <img class="profile-picture" src="images/profile-picture.jpg" alt="Photo from Vinicius Gabriel." />
         <h1>Vinícius Gabriel</h1>
         <h2>@@monambike</h2>
-        <span class="description">Hello :) I'm a Software Developer now willing to be a Game Designer and 3D model animator.</span>
+        <p class="description">Hello :) I'm a Software Developer now willing to be a Game Designer and 3D model animator.</p>
+        <span><a href="@Emails.Contact.Link">@Emails.Contact</a></span>
     </header>
-    <hr/>
+    <hr />
     <section class="acrylic shadow">
         <h3 class="solid shadow">Links Gamers</h3>
         <ul>
@@ -31,7 +32,7 @@
                             <span>Canal de Lives e Shorts</span>
                         </div>
                     </div>
-                 </a>
+                </a>
             </li>
             <li>
                 <a target="_blank" rel="nofollow" href="@Links.InstagramMonambike">
diff --git a/src/Monambike.Links/Program.cs b/src/Monambike.Links/Program.cs
new file mode 100644
index 00000000..56b53247
--- /dev/null
+++ b/src/Monambike.Links/Program.cs
@@ -0,0 +1,11 @@
+using Microsoft.AspNetCore.Components.Web;
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using Monambike.Links;
+
+var builder = WebAssemblyHostBuilder.CreateDefault(args);
+builder.RootComponents.Add<App>("#app");
+builder.RootComponents.Add<HeadOutlet>("head::after");
+
+builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
+
+await builder.Build().RunAsync();
diff --git a/src/Monambike.Links/Properties/launchSettings.json b/src/Monambike.Links/Properties/launchSettings.json
new file mode 100644
index 00000000..5f1e2035
--- /dev/null
+++ b/src/Monambike.Links/Properties/launchSettings.json
@@ -0,0 +1,41 @@
+{
+  "$schema": "http://json.schemastore.org/launchsettings.json",
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:26278",
+      "sslPort": 44309
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "applicationUrl": "http://localhost:5270",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "https": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "applicationUrl": "https://localhost:7046;http://localhost:5270",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}
diff --git a/src/Monambike.Links/Monambike.Links.Client/_Imports.razor b/src/Monambike.Links/_Imports.razor
similarity index 71%
rename from src/Monambike.Links/Monambike.Links.Client/_Imports.razor
rename to src/Monambike.Links/_Imports.razor
index 5a1cef5b..640d2e7c 100644
--- a/src/Monambike.Links/Monambike.Links.Client/_Imports.razor
+++ b/src/Monambike.Links/_Imports.razor
@@ -3,7 +3,8 @@
 @using Microsoft.AspNetCore.Components.Forms
 @using Microsoft.AspNetCore.Components.Routing
 @using Microsoft.AspNetCore.Components.Web
-@using static Microsoft.AspNetCore.Components.Web.RenderMode
 @using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.AspNetCore.Components.WebAssembly.Http
 @using Microsoft.JSInterop
-@using Monambike.Links.Client
+@using Monambike.Links
+@using Monambike.Links.Layout
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/app.css b/src/Monambike.Links/wwwroot/css/app.css
similarity index 61%
rename from src/Monambike.Links/Monambike.Links/wwwroot/app.css
rename to src/Monambike.Links/wwwroot/css/app.css
index e398853b..1cb4e4e7 100644
--- a/src/Monambike.Links/Monambike.Links/wwwroot/app.css
+++ b/src/Monambike.Links/wwwroot/css/app.css
@@ -1,19 +1,34 @@
-h1:focus {
-    outline: none;
-}
-
 .valid.modified:not([type=checkbox]) {
     outline: 1px solid #26b050;
 }
 
 .invalid {
-    outline: 1px solid #e50000;
+    outline: 1px solid red;
 }
 
 .validation-message {
-    color: #e50000;
+    color: red;
+}
+
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
 }
 
+    #blazor-error-ui .dismiss {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
+
 .blazor-error-boundary {
     background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
     padding: 1rem 1rem 1rem 3.7rem;
@@ -24,6 +39,39 @@ h1:focus {
         content: "An error has occurred."
     }
 
-.darker-border-checkbox.form-check-input {
-    border-color: #929292;
+.loading-progress {
+    position: relative;
+    display: block;
+    width: 8rem;
+    height: 8rem;
+    margin: 20vh auto 1rem auto;
+}
+
+    .loading-progress circle {
+        fill: none;
+        stroke: #e0e0e0;
+        stroke-width: 0.6rem;
+        transform-origin: 50% 50%;
+        transform: rotate(-90deg);
+    }
+
+        .loading-progress circle:last-child {
+            stroke: #1b6ec2;
+            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
+            transition: stroke-dasharray 0.05s ease-in-out;
+        }
+
+.loading-progress-text {
+    position: absolute;
+    text-align: center;
+    font-weight: bold;
+    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
+}
+
+    .loading-progress-text:after {
+        content: var(--blazor-load-percentage-text, "Loading");
+    }
+
+code {
+    color: #c02d76;
 }
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/main.css b/src/Monambike.Links/wwwroot/css/main.css
similarity index 98%
rename from src/Monambike.Links/Monambike.Links/wwwroot/main.css
rename to src/Monambike.Links/wwwroot/css/main.css
index efb6f6ef..7e896987 100644
--- a/src/Monambike.Links/Monambike.Links/wwwroot/main.css
+++ b/src/Monambike.Links/wwwroot/css/main.css
@@ -4,7 +4,7 @@
 body {
   margin: 0;
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-  background: url(images/background.jpg) no-repeat;
+  background: url(../images/background.jpg) no-repeat;
   background-attachment: fixed;
   background-size: cover;
 }
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/background.jpg b/src/Monambike.Links/wwwroot/images/background.jpg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/background.jpg
rename to src/Monambike.Links/wwwroot/images/background.jpg
diff --git a/src/Monambike.Links/wwwroot/images/favicon.ico b/src/Monambike.Links/wwwroot/images/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..cbac5b60b49d76701419aec052f33ef12b8d134b
GIT binary patch
literal 67646
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
OSM-I{k=T^WIQ~C4w*=Av

literal 0
HcmV?d00001

diff --git a/src/Monambike.Links/wwwroot/images/favicon.png b/src/Monambike.Links/wwwroot/images/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5dfa8686654beb914b4585f060fa81e307da7639
GIT binary patch
literal 6155
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

literal 0
HcmV?d00001

diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/profile-picture.jpg b/src/Monambike.Links/wwwroot/images/profile-picture.jpg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/profile-picture.jpg
rename to src/Monambike.Links/wwwroot/images/profile-picture.jpg
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/social/discord.svg b/src/Monambike.Links/wwwroot/images/social/discord.svg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/social/discord.svg
rename to src/Monambike.Links/wwwroot/images/social/discord.svg
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/social/github.svg b/src/Monambike.Links/wwwroot/images/social/github.svg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/social/github.svg
rename to src/Monambike.Links/wwwroot/images/social/github.svg
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/social/instagram.svg b/src/Monambike.Links/wwwroot/images/social/instagram.svg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/social/instagram.svg
rename to src/Monambike.Links/wwwroot/images/social/instagram.svg
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/social/itch-io.svg b/src/Monambike.Links/wwwroot/images/social/itch-io.svg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/social/itch-io.svg
rename to src/Monambike.Links/wwwroot/images/social/itch-io.svg
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/social/linkedin.svg b/src/Monambike.Links/wwwroot/images/social/linkedin.svg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/social/linkedin.svg
rename to src/Monambike.Links/wwwroot/images/social/linkedin.svg
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/social/steam.svg b/src/Monambike.Links/wwwroot/images/social/steam.svg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/social/steam.svg
rename to src/Monambike.Links/wwwroot/images/social/steam.svg
diff --git a/src/Monambike.Links/Monambike.Links/wwwroot/images/social/youtube.svg b/src/Monambike.Links/wwwroot/images/social/youtube.svg
similarity index 100%
rename from src/Monambike.Links/Monambike.Links/wwwroot/images/social/youtube.svg
rename to src/Monambike.Links/wwwroot/images/social/youtube.svg
diff --git a/src/Monambike.Links/wwwroot/index.html b/src/Monambike.Links/wwwroot/index.html
new file mode 100644
index 00000000..b3d950ea
--- /dev/null
+++ b/src/Monambike.Links/wwwroot/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Links&nbsp;&#124;&nbsp;Monambike</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+    <!--My Information-->
+    <meta name="author" content="Vinícius Gabriel Marques de Melo">
+    <meta name="application-name" content="Monambike Website">
+    <meta name="description" content="Welcome to my link hub! Check my social medias and ways to contact me from gamer to professional!">
+    <meta name="keywords" content="monambike, vinicius-gabriel, personal website, programming, web development, developer, portfolio, projects, coding, software engineer">
+    <!-- CSS Stylesheets -->
+    <link rel="stylesheet" href="css/app.css" />
+    <link rel="stylesheet" href="css/main.css" />
+    <!-- If you add any scoped CSS files, uncomment the following to load them -->
+    <link href="Monambike.Links.styles.css" rel="stylesheet" />
+    <link href="manifest.webmanifest" rel="manifest" />
+    <!-- Website Icons -->
+    <link rel="icon" type="image/png" href="images/favicon.png">
+    <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
+    <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
+</head>
+
+<body>
+    <div id="app">
+        <svg class="loading-progress">
+            <circle r="40%" cx="50%" cy="50%" />
+            <circle r="40%" cx="50%" cy="50%" />
+        </svg>
+        <div class="loading-progress-text"></div>
+    </div>
+
+    <div id="blazor-error-ui">
+        An unhandled error has occurred.
+        <a href="" class="reload">Reload</a>
+        <a class="dismiss">🗙</a>
+    </div>
+    <script src="_framework/blazor.webassembly.js"></script>
+    <script>navigator.serviceWorker.register('service-worker.js');</script>
+</body>
+
+</html>
diff --git a/src/Monambike.Links/wwwroot/manifest.webmanifest b/src/Monambike.Links/wwwroot/manifest.webmanifest
new file mode 100644
index 00000000..74150a77
--- /dev/null
+++ b/src/Monambike.Links/wwwroot/manifest.webmanifest
@@ -0,0 +1,17 @@
+{
+  "name": "Monambike Links",
+  "short_name": "Monambike Links",
+  "id": "./",
+  "start_url": "./",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#5000a6",
+  "prefer_related_applications": false,
+  "icons": [
+    {
+      "src": "images/favicon.png",
+      "type": "image/png",
+      "sizes": "128x128"
+    }
+  ]
+}
diff --git a/src/Monambike.Links/wwwroot/service-worker.js b/src/Monambike.Links/wwwroot/service-worker.js
new file mode 100644
index 00000000..fe614dae
--- /dev/null
+++ b/src/Monambike.Links/wwwroot/service-worker.js
@@ -0,0 +1,4 @@
+// In development, always fetch from the network and do not enable offline support.
+// This is because caching would make development more difficult (changes would not
+// be reflected on the first load after each change).
+self.addEventListener('fetch', () => { });
diff --git a/src/Monambike.Links/wwwroot/service-worker.published.js b/src/Monambike.Links/wwwroot/service-worker.published.js
new file mode 100644
index 00000000..1f7f543f
--- /dev/null
+++ b/src/Monambike.Links/wwwroot/service-worker.published.js
@@ -0,0 +1,55 @@
+// Caution! Be sure you understand the caveats before publishing an application with
+// offline support. See https://aka.ms/blazor-offline-considerations
+
+self.importScripts('./service-worker-assets.js');
+self.addEventListener('install', event => event.waitUntil(onInstall(event)));
+self.addEventListener('activate', event => event.waitUntil(onActivate(event)));
+self.addEventListener('fetch', event => event.respondWith(onFetch(event)));
+
+const cacheNamePrefix = 'offline-cache-';
+const cacheName = `${cacheNamePrefix}${self.assetsManifest.version}`;
+const offlineAssetsInclude = [ /\.dll$/, /\.pdb$/, /\.wasm/, /\.html/, /\.js$/, /\.json$/, /\.css$/, /\.woff$/, /\.png$/, /\.jpe?g$/, /\.gif$/, /\.ico$/, /\.blat$/, /\.dat$/ ];
+const offlineAssetsExclude = [ /^service-worker\.js$/ ];
+
+// Replace with your base path if you are hosting on a subfolder. Ensure there is a trailing '/'.
+const base = "/";
+const baseUrl = new URL(base, self.origin);
+const manifestUrlList = self.assetsManifest.assets.map(asset => new URL(asset.url, baseUrl).href);
+
+async function onInstall(event) {
+    console.info('Service worker: Install');
+
+    // Fetch and cache all matching items from the assets manifest
+    const assetsRequests = self.assetsManifest.assets
+        .filter(asset => offlineAssetsInclude.some(pattern => pattern.test(asset.url)))
+        .filter(asset => !offlineAssetsExclude.some(pattern => pattern.test(asset.url)))
+        .map(asset => new Request(asset.url, { integrity: asset.hash, cache: 'no-cache' }));
+    await caches.open(cacheName).then(cache => cache.addAll(assetsRequests));
+}
+
+async function onActivate(event) {
+    console.info('Service worker: Activate');
+
+    // Delete unused caches
+    const cacheKeys = await caches.keys();
+    await Promise.all(cacheKeys
+        .filter(key => key.startsWith(cacheNamePrefix) && key !== cacheName)
+        .map(key => caches.delete(key)));
+}
+
+async function onFetch(event) {
+    let cachedResponse = null;
+    if (event.request.method === 'GET') {
+        // For all navigation requests, try to serve index.html from cache,
+        // unless that request is for an offline resource.
+        // If you need some URLs to be server-rendered, edit the following check to exclude those URLs
+        const shouldServeIndexHtml = event.request.mode === 'navigate'
+            && !manifestUrlList.some(url => url === event.request.url);
+
+        const request = shouldServeIndexHtml ? 'index.html' : event.request;
+        const cache = await caches.open(cacheName);
+        cachedResponse = await cache.match(request);
+    }
+
+    return cachedResponse || fetch(event.request);
+}