initial dashboard for teams

teams/css/home/dashboard.css

@@ -0,0 +1,18 @@
+.teams__welcome_hero {
+    border-radius: 8px;
+    min-height: 200px;
+    max-width: 1283px;
+    background-image: url(/teams/img/Desktop-gate-logo-w-bl3x_12.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    padding: 2rem;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+    margin:0;
+}
+
+.teams__welcome_hero span{
+    align-self: flex-end;
+    position:absolute;
+}

teams/css/main.css

@@ -21,14 +21,10 @@
 }
 .teams__page-inner {
     display: flex;
-}
-
-.teams__sidebar-padding {
+    margin-left: calc(var(--sidebar-width) + 25px); /* padding */
     transition: width 0.3s ease;
-    width: calc(var(--sidebar-width) + 25px); /* padding */
 }
 
-
 .teams__sidebar-hidden .teams__sidebar-padding {
     width: 0px;
 }

teams/js/routing.js

@@ -28,7 +28,7 @@ function setNavBar() {
     var navbar = document.getElementById("pages");
     navbar.innerHTML = "";
     for(let page of cur_page_parent['pages']) {
-        let item = Object.assign(document.createElement("p"), {"className": "osekai__tab-page-navigation-item", "innerText": page.name});
+        let item = Object.assign(document.createElement("p"), {"className": "osekai__tab-page-navigation-item", "innerText": page.display_name});
         navbar.appendChild(item);
         item.addEventListener("click", function() { 
             switchUrl(cur_url[0] + "/" + page.name)

teams/pages.php

@@ -31,7 +31,7 @@ function page($name, $displayname, $page) {
 }
 
 addDepthPage("home", "Home", [
-    page("dashboard", "Dashboard", "home/dashboard.php"),
+    page("dashboard", "Your Home", "home/dashboard.php"),
     page("rankings", "Rankings", "home/rankings.php"),
     page("settings", "User Settings", "home/settings.php")
 ]);

teams/templates/tabbed_page.php

@@ -16,9 +16,6 @@
 
         </div>
         <div class="teams__page-inner">
-            <div class="teams__sidebar-padding">
-
-            </div>
             <div class="teams__page-content" id="teams_page">
 
             </div>

teams/views/home/dashboard.php

@@ -1,4 +1,4 @@
-Dashboard
-
-<div class="osekai__button" onclick="toggleSidebarButton()">Toggle sidebar</div>
-NOTE: sidebar toggle should only be done when switching page. shouldn't be user-initiated
+<div class="teams__welcome_hero">
+    <img rel="preload" alt="Osekai Teams" src="/teams/img/logo.svg">
+    <span>Welcome back, <strong><?php ECHO $_SESSION["osu"]["username"] ?>.</strong></span>
+</div>

teams/views/team/home.php

@@ -1 +0,0 @@
-Team Home for <?= $team['Tag']; ?>