Added blazor MewExplorer project

MewExplorer/Shared/MainLayout.razor

@@ -0,0 +1,21 @@
+@inherits LayoutComponentBase
+
+<div class="page">
+
+    <div class="hor-layout">
+
+        <div class="sidebar">
+            <NavMenu />
+        </div>
+
+        <main>
+            <article>
+                @Body
+            </article>
+        </main>
+    
+    </div>
+    
+    <PlcStatusBar/>
+
+</div>

MewExplorer/Shared/MainLayout.razor.css

@@ -0,0 +1,40 @@
+.page {
+
+    background: var(--dark-3);
+    position: relative;
+    height: 100vh;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: stretch;
+
+}
+
+.hor-layout {
+
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+
+}
+
+main {
+
+    flex: 1;
+    display: flex;
+
+}
+
+main article {
+
+    flex: 1;
+
+}
+
+.sidebar {
+
+    background: var(--dark-1);
+    flex-basis: 25%;
+
+}

MewExplorer/Shared/NavMenu.razor

@@ -0,0 +1,24 @@
+<div>
+    <span class="app-name-header">MewExplorer</span>
+</div>
+
+<div>
+    <nav class="flex-column">
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                <span class="oi oi-home" aria-hidden="true"></span> Home
+            </NavLink>
+        </div>
+    </nav>
+</div>
+
+@code {
+    private bool collapseNavMenu = true;
+
+    private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
+
+    private void ToggleNavMenu()
+    {
+        collapseNavMenu = !collapseNavMenu;
+    }
+}

MewExplorer/Shared/NavMenu.razor.css

@@ -0,0 +1,44 @@
+.app-name-header {
+
+    margin: 2em;
+    color: white;
+
+}
+
+.navbar-brand {
+    font-size: 1.1rem;
+}
+
+.oi {
+    margin: 1em;
+    width: 2rem;
+    font-size: 1.1rem;
+    vertical-align: text-top;
+    top: -2px;
+}
+
+.nav-item {
+
+    font-size: 0.9rem;
+    padding: 2em;
+    
+}
+
+.nav-item ::deep a {
+    color: #d7d7d7;
+    border-radius: 4px;
+    height: 3rem;
+    display: flex;
+    align-items: center;
+    line-height: 3rem;
+}
+
+.nav-item ::deep a.active {
+    background-color: rgba(255,255,255,0.25);
+    color: white;
+}
+
+.nav-item ::deep a:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}

MewExplorer/Shared/PlcStatus.razor

@@ -0,0 +1,6 @@
+<h3>PlcStatus</h3>
+
+@code {
+
+
+}

MewExplorer/Shared/PlcStatus.razor.css

@@ -0,0 +1 @@
+

MewExplorer/Shared/PlcStatusBar.razor

@@ -0,0 +1,7 @@
+<div class="plc-stat-bar">
+    <span>Stat bar</span>
+</div>
+
+@code {
+
+}

MewExplorer/Shared/PlcStatusBar.razor.css

@@ -0,0 +1,10 @@
+.plc-stat-bar {
+    color: white;
+    background: var(--vibrant-dark);
+    display: flex;
+    flex-direction: row;
+    flex-basis: 1.5em;
+    align-items: center;
+    padding-left: .5em;
+    font-size: 1rem;
+}

MewExplorer/Shared/SurveyPrompt.razor

@@ -0,0 +1,16 @@
+<div class="alert alert-secondary mt-4">
+    <span class="oi oi-pencil me-2" aria-hidden="true"></span>
+    <strong>@Title</strong>
+
+    <span class="text-nowrap">
+        Please take our
+        <a target="_blank" class="font-weight-bold link-dark" href="https://go.microsoft.com/fwlink/?linkid=2188693">brief survey</a>
+    </span>
+    and tell us what you think.
+</div>
+
+@code {
+    // Demonstrates how a parent component can supply parameters
+    [Parameter]
+    public string Title { get; set; }
+}