diff --git a/CodeLiturgy.Dashboard.Frontend b/CodeLiturgy.Dashboard.Frontend
index d8e4df2..dc7a058 160000
--- a/CodeLiturgy.Dashboard.Frontend
+++ b/CodeLiturgy.Dashboard.Frontend
@@ -1 +1 @@
-Subproject commit d8e4df2c5d247b02accbbd5c668c4427145806d3
+Subproject commit dc7a0588a79e8abc8d48e60b9ca5e5f40dd6f3bb
diff --git a/CodeLiturgy.Views/CodeLiturgy.Views.csproj b/CodeLiturgy.Views/CodeLiturgy.Views.csproj
index 238e4e2..d634fc6 100644
--- a/CodeLiturgy.Views/CodeLiturgy.Views.csproj
+++ b/CodeLiturgy.Views/CodeLiturgy.Views.csproj
@@ -111,6 +111,8 @@
     </ItemGroup>
 
     <ItemGroup>
+      <Folder Include="wwwroot\static\envs" />
+      <Folder Include="wwwroot\static\js" />
       <Folder Include="wwwroot\static\profile" />
     </ItemGroup>
 
diff --git a/CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml b/CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml
index 0118bd8..6612b50 100644
--- a/CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml
+++ b/CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml
@@ -1,5 +1,4 @@
-<div class="text-center">
-
-</div>
-
+<link rel="stylesheet" asp-append-version="true" href="~/static/envs/index.3635012e.css" />
+<script src="~/static/envs/index.e56c5746.js" defer/>
+<div id="app"></div>
 
diff --git a/CodeLiturgy.Views/Views/Home/Index.cshtml b/CodeLiturgy.Views/Views/Home/Index.cshtml
index d8ed2b8..67a1556 100644
--- a/CodeLiturgy.Views/Views/Home/Index.cshtml
+++ b/CodeLiturgy.Views/Views/Home/Index.cshtml
@@ -1,23 +1,4 @@
-<div class="text-center">
-    <h1 class="display-4">Welcome</h1>
-    <table class="table culture-table">
-        <tr>
-            <td>Date</td>
-            <td>@DateTime.Now.ToLongDateString()</td>
-        </tr>
-        <tr>
-            <td>Currency</td>
-            <td>
-                @(12345.00.ToString("c"))
-            </td>
-        </tr>
-        <tr>
-            <td>Number</td>
-            <td>
-                @(123.45m.ToString("F2"))
-            </td>
-        </tr>
-    </table>
-</div>
-
+<link rel="stylesheet" asp-append-version="true" href="~/static/envs/envs.css" />
+<script asp-append-version="true" src="~/static/envs/envs.js" defer></script>
+<div id="app"></div>
 
diff --git a/CodeLiturgy.Views/Views/Shared/_HeaderMenu.cshtml b/CodeLiturgy.Views/Views/Shared/_HeaderMenu.cshtml
index 149eb7b..7874857 100644
--- a/CodeLiturgy.Views/Views/Shared/_HeaderMenu.cshtml
+++ b/CodeLiturgy.Views/Views/Shared/_HeaderMenu.cshtml
@@ -6,10 +6,7 @@
     var userAuthenticated = User.IsAuthenticated();
     var user = ViewData.GetUserViewData();
     var rootUrl = SessionConstants.CookieDomain;
-
-
     var menu = LayoutCache.GetDefaultHeaderMenu(ViewData, User.IsAuthenticated());
-
 }
 
 <div class="q-tabs items-center  row no-wrap items-center q-tabs--not-scrollable q-tabs--horizontal q-tabs__arrows--inside">
diff --git a/CodeLiturgy.Views/a.out b/CodeLiturgy.Views/a.out
new file mode 100644
index 0000000..e69de29
diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.css b/CodeLiturgy.Views/wwwroot/static/envs/envs.css
new file mode 100644
index 0000000..eaef0c8
--- /dev/null
+++ b/CodeLiturgy.Views/wwwroot/static/envs/envs.css
@@ -0,0 +1 @@
+:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.js b/CodeLiturgy.Views/wwwroot/static/envs/envs.js
new file mode 100644
index 0000000..3fbe3f6
--- /dev/null
+++ b/CodeLiturgy.Views/wwwroot/static/envs/envs.js
@@ -0,0 +1,2 @@
+(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))o(r);new MutationObserver(r=>{for(const c of r)if(c.type==="childList")for(const s of c.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&o(s)}).observe(document,{childList:!0,subtree:!0});function n(r){const c={};return r.integrity&&(c.integrity=r.integrity),r.referrerpolicy&&(c.referrerPolicy=r.referrerpolicy),r.crossorigin==="use-credentials"?c.credentials="include":r.crossorigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function o(r){if(r.ep)return;r.ep=!0;const c=n(r);fetch(r.href,c)}})();function u(){}function L(e){return e()}function w(){return Object.create(null)}function _(e){e.forEach(L)}function N(e){return typeof e=="function"}function M(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function P(e){return Object.keys(e).length===0}function B(e,t,n){e.insertBefore(t,n||null)}function j(e){e.parentNode&&e.parentNode.removeChild(e)}function C(e){return document.createElement(e)}function I(e){return Array.from(e.childNodes)}let $;function a(e){$=e}const f=[],E=[],m=[],O=[],q=Promise.resolve();let p=!1;function F(){p||(p=!0,q.then(S))}function y(e){m.push(e)}const g=new Set;let h=0;function S(){const e=$;do{for(;h<f.length;){const t=f[h];h++,a(t),H(t.$$)}for(a(null),f.length=0,h=0;E.length;)E.pop()();for(let t=0;t<m.length;t+=1){const n=m[t];g.has(n)||(g.add(n),n())}m.length=0}while(f.length);for(;O.length;)O.pop()();p=!1,g.clear(),a(e)}function H(e){if(e.fragment!==null){e.update(),_(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(y)}}const K=new Set;function T(e,t){e&&e.i&&(K.delete(e),e.i(t))}function z(e,t,n,o){const{fragment:r,after_update:c}=e.$$;r&&r.m(t,n),o||y(()=>{const s=e.$$.on_mount.map(L).filter(N);e.$$.on_destroy?e.$$.on_destroy.push(...s):_(s),e.$$.on_mount=[]}),c.forEach(y)}function D(e,t){const n=e.$$;n.fragment!==null&&(_(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function G(e,t){e.$$.dirty[0]===-1&&(f.push(e),F(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function J(e,t,n,o,r,c,s,A=[-1]){const d=$;a(e);const i=e.$$={fragment:null,ctx:[],props:c,update:u,not_equal:r,bound:w(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(d?d.$$.context:[])),callbacks:w(),dirty:A,skip_bound:!1,root:t.target||d.$$.root};s&&s(i.root);let b=!1;if(i.ctx=n?n(e,t.props||{},(l,v,...x)=>{const k=x.length?x[0]:v;return i.ctx&&r(i.ctx[l],i.ctx[l]=k)&&(!i.skip_bound&&i.bound[l]&&i.bound[l](k),b&&G(e,l)),v}):[],i.update(),b=!0,_(i.before_update),i.fragment=o?o(i.ctx):!1,t.target){if(t.hydrate){const l=I(t.target);i.fragment&&i.fragment.l(l),l.forEach(j)}else i.fragment&&i.fragment.c();t.intro&&T(e.$$.fragment),z(e,t.target,t.anchor,t.customElement),S()}a(d)}class Q{$destroy(){D(this,1),this.$destroy=u}$on(t,n){if(!N(n))return u;const o=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return o.push(n),()=>{const r=o.indexOf(n);r!==-1&&o.splice(r,1)}}$set(t){this.$$set&&!P(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function R(e){let t;return{c(){t=C("main"),t.innerHTML=`<div class="row"><div class="col"></div> 
+    <div class="col"></div></div>`},m(n,o){B(n,t,o)},p:u,i:u,o:u,d(n){n&&j(t)}}}function U(e,t,n){let{environment:o}=t;return e.$$set=r=>{"environment"in r&&n(0,o=r.environment)},[o]}class V extends Q{constructor(t){super(),J(this,t,U,R,M,{environment:0})}}new V({target:document.getElementById("app")});