Import from internal git

WebServer/Components/Molecule/ActionCard.razor

@@ -0,0 +1,35 @@
+<div class="action-box" @onclick="AsyncInvocation">
+    @ChildContent
+</div>
+
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; } 
+    
+    [Parameter] 
+    public Action? Action { get; set; }
+
+    private async void AsyncInvocation()
+    {
+        if (Action == null) return;
+        await Task.Run(Action);
+    }
+}
+
+<style>
+
+.action-box
+{
+    padding: 5px;
+    text-align: center;
+    background: rgb(143,134,191);
+    color: #d7d7d7;
+    border-radius: 4px;
+}
+
+.action-box:hover {
+    box-shadow: 0 0 15px #736d6d;
+    color: white;
+}
+
+</style>

WebServer/Components/Molecule/NavigationCard.razor

@@ -0,0 +1,36 @@
+<a href="@Link">
+    <div class="spec-box">
+        <p>@DisplayName</p>
+    </div>    
+</a>
+
+@code {
+    [Parameter]
+    public string? DisplayName { get; set; } 
+    
+    [Parameter]
+    public string Link { get; set; }
+}
+
+<style>
+a {
+    text-decoration: none;
+}
+
+.spec-box
+{
+    padding: 5px;
+    width: 205px;
+    height: 150px;
+    text-align: center;
+    background: rgb(143,134,191);
+    color: #d7d7d7;
+    border-radius: 4px;
+}
+
+.spec-box:hover {
+    box-shadow: 0 0 15px #736d6d;
+    color: white;
+}
+
+</style>