Updated Files

Renamed the admin subheader gradient, added onto the new panel.

public/css/AdminPanel.css

@@ -51,8 +51,7 @@ h6 {
 body.EnableNewPanel {
     background: #c3c5c9;
     color: #3d3c3b;
-    font-family: Arial,Helvetica,sans-serif;
+    font: 16px Arial,Helvetica,sans-serif;
-    font-size: 16px;
     font-weight: 300;
     height: 100%;
     width: 100%;
@@ -135,23 +134,52 @@ body.Segoe-Font {
     right: 10px;
     display: inline-block;
     position: absolute;
+    -webkit-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
+    -moz-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
+    -ms-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
+    -o-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
+    transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
 }
-.Y23R .Admin-Navigation .Header .usernamecontainer {
+.Admin-Navigation .Header .usernamecontainer:active {
+    top: 11px;
+    right: 8px;
+}
+.APURO2 .Admin-Navigation .Header .usernamecontainer {
     left: 10px;
     right: auto;
 }
-.usernamecontainer .usernamelink {
+.APURO2 .Admin-Navigation .Header .usernamecontainer:active {
-    color: #3d3c3b;
+    Left: 12px;
-    -webkit-transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
-    -moz-transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
-    -ms-transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
-    -o-transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
-    transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
 }
-.usernamecontainer .usernamelink:hover {
+.usernamecontainer .stext {
+    color: #3d3c3b;
+    text-shadow: 2px 1px 1px #767A73;
+    -webkit-transition: text-shadow .125s ease-in-out;
+    -moz-transition: text-shadow .125s ease-in-out;
+    -ms-transition: text-shadow .125s ease-in-out;
+    -o-transition: text-shadow .125s ease-in-out;
+    transition: text-shadow .125s ease-in-out;
+    display: none;
+}
+.usernamecontainer .clickabletext {
+    -webkit-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
+    -moz-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
+    -ms-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
+    -o-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
+    transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
+    display: unset;
+}
+.APURO2 .usernamecontainer .stext {
+    display: unset;
+}
+.usernamecontainer .clickabletext:hover {
     color: #efebec;
     box-shadow: 0 2px 0 0 #efebec;
 }
+.usernamecontainer .clickabletext:active, .usernamecontainer:active .stext {
+    text-shadow: 0 0 0 #b7b9ba;
+    box-shadow: 0 0 0 0 transparent;
+}
 .Admin-Navigation .SubHeader {
     background: #a0a0a0;
     width: 100%;
@@ -168,7 +196,7 @@ body.Segoe-Font {
 }
 .Admin-Navigation .SubHeader::after {
     content: '';
-    background-image: url(/img/ABX-Header.png);
+    background-image: url(/img/ABXAdmin-SubHeader.png);
     opacity: .5;
     width: 100%;
     height: 25px;
@@ -216,18 +244,6 @@ body.Segoe-Font {
     margin: 0 0 5px;
 }
 
-.AdminContainer .H-12sB, .AdminContainer .H-16sB, .AdminContainer .H-20sB, .AdminContainer .H-24sB, .AdminContainer .H-28sB, .AdminContainer .H-32sB {
-    display: block;
-    width: 100%;
-    text-align: center;
-}
-body.Y23R .AdminContainer .SH-8B07, body:not(.Y23R) .S-Ia06 .SSH-kR0q, body:not(.Y23R) .AdminContainer .UH-vXb0, .no-Header .Admin-Navigation .Header, .no-Nav .Admin-Navigation {
-    display: none;
-}
-body:not(.Y23R) .AdminContainer .SH-8B07, body.Y23R .AdminContainer .UH-vXb0 {
-    margin: 15px 0;
-}
-
 .no-Nav .AdminContainer {
     margin: 0 auto;
 }
@@ -238,12 +254,12 @@ body:not(.Y23R) .AdminContainer .SH-8B07, body.Y23R .AdminContainer .UH-vXb0 {
     height: 25px;
 }
 
-.hidden {
+[hidden] {
     display: none !important;
     visibility: hidden !important;
 }
 
-.NewAdminPanel .noselect {
+[noselect] {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
@@ -254,55 +270,7 @@ body:not(.Y23R) .AdminContainer .SH-8B07, body.Y23R .AdminContainer .UH-vXb0 {
 
 /*/=={ Status }==/*/
 
-.AdminContainer .S-Ia06 {
-    width: 720px;
-    height: 100%;
-    background: #929497;
-    background: rgba(0, 0, 0, 0.25);
-    border: 1px dashed #e4780d;
-    margin: auto;
-    padding: 15px;
-}
-.AdminContainer .SSH-kR0q {
-    padding-bottom: 15px;
-}
-.S-5mjl {
-    width: 100%;
-    height: 100%;
-    display: inline-block;
-}
-.S-aS25 {
-    width: 25%;
-    height: auto;
-    text-align: center;
-    float: left;
-}
-.S-aS50 {
-    width: 50%;
-    height: auto;
-    text-align: center;
-    float: left;
-}
-.S-5mjl:nth-child(3)::before {
-    content: '';
-    background: #3d3c3b;
-    background: linear-gradient(90deg, #3d3c3b00 0, #3d3c3b 50%, #3d3c3b00 100%);
-    display: block;
-    margin: 10px auto;
-    width: 75%;
-    height: 2px;
-}
-.S-H1sm {
-    color: #4f4e4d;
-    font-weight: 600;
-    margin-bottom: 5px;
-}
 
-@media (max-width: 752px) {
-    .AdminContainer .S-Ia06 {
-        width: unset;
-    }
-}
 
 /*/=={ Buttons }==/*/
 

resources/views/admin/index.blade.php

@@ -68,60 +68,20 @@
 @endsection
 @section('AdminPanel')
 <div class="NewAdminPanel">
-        <nav class="Admin-Navigation">
+     <nav class="Admin-Navigation">
-            <div class="Header">
+          <div class="Header">
-                <a href="{{ route('home') }}" title="ARCHBLOX Home" class="PanelLogo"></a>
+               <a href="{{ route('home') }}" title="ARCHBLOX Home" class="PanelLogo"></a>
-                <span class="SubSlogan noselect">Admin Panel</span>
+               <span class="SubSlogan" noselect>Admin Panel</span>
-                <div class="usernamecontainer">
+               <div class="usernamecontainer">
-                <a class="usernamelink" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
+                    <a class="stext" noselect>Hi </a>
-                </div>
+                    <a class="stext clickabletext" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
-            </div>
-            <ul class="SubHeader">
-                <li class="sub-menu">
-                    <a class="menu" href="{{ route('admin_users') }}">Users</a>
-                </li>
-                <li class="sub-menu">
-                    <a class="menu" href="{{ route('admin_index') }}" active>Status</a>
-                </li>
-                <li class="sub-menu">
-                    <a class="menu" href="{{ route('admin_tree') }}">Invites</a>
-                </li>
-            </ul>
-        </nav>
-        <div class="AdminContainer">
-          <h4 class="H-20sB UH-vXb0">Welcome {{ Auth::user()->name }}</h4>
-          <h2 class="H-32sB SH-8B07">Status</h2>
-          <div class="S-Ia06">
-               <h3 class="H-24sB SSH-kR0q">Status</h3>
-               <div class="S-5mjl">
-                    <div class="S-aS25">
-                         <h5 class="S-H1sm">Registered</h5>
-                         <h5 class="S-H2sm">{{ App\Models\User::count() }}</h5>
-                    </div>
-                    <div class="S-aS25">
-                         <h5 class="S-H1sm">Admins</h5>
-                         <h5 class="S-H2sm">{{ App\Models\User::where('admin', true)->count() }}</h5>
-                    </div>
-                    <div class="S-aS25">
-                         <h5 class="S-H1sm">Online Past Day</h5>
-                         <h5 class="S-H2sm">{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subDay()->toDateTimeString())->count(); }}</h5>
-                    </div>
-                    <div class="S-aS25">
-                         <h5 class="S-H1sm">Online</h5>
-                         <h5 class="S-H2sm">{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subMinute()->toDateTimeString())->count(); }}</h5>
-                    </div>
-               </div>
-               <div class="S-5mjl">
-                    <div class="S-aS50">
-                         <h5 class="S-H1sm">Invite Key(s)</h5>
-                         <h5 class="S-H2sm">{{ App\Models\InviteKey::count() }}</h5>
-                    </div>
-                    <div class="S-aS50">
-                         <h5 class="S-H1sm">Unused Invite Key(s)</h5>
-                         <h5 class="S-H2sm">{{ App\Models\InviteKey::where('active', true)->count() }}</h5>
-                    </div>
                </div>
           </div>
-     </div>
+          <ul class="SubHeader">
+               <li class="sub-menu"><a class="menu" href="{{ route('admin_users') }}">Users</a></li>
+               <li class="sub-menu"><a class="menu" href="{{ route('admin_index') }}" active>Dashboard</a></li>
+               <li class="sub-menu"><a class="menu" href="{{ route('admin_tree') }}">Invites</a></li>
+          </ul>
+     </nav>
 </div>
 @endsection

resources/views/admin/tree.blade.php

@@ -68,24 +68,22 @@
         <nav class="Admin-Navigation">
             <div class="Header">
                 <a href="{{ route('home') }}" title="ARCHBLOX Home" class="PanelLogo"></a>
-                <span class="SubSlogan noselect">Admin Panel</span>
+                <span class="SubSlogan" noselect>Admin Panel</span>
-                <div class="usernamecontainer">
+               <div class="usernamecontainer">
-                <a class="usernamelink" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
+                    <a class="stext" noselect>Hi </a>
-                </div>
+                    <a class="stext clickabletext" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
+               </div>
             </div>
             <ul class="SubHeader">
-                <li class="sub-menu">
+                <li class="sub-menu"><a class="menu" href="{{ route('admin_users') }}">Users</a></li>
-                    <a class="menu" href="{{ route('admin_users') }}">Users</a>
+                <li class="sub-menu"><a class="menu" href="{{ route('admin_index') }}">Dashboard</a></li>
-                </li>
+                <li class="sub-menu"><a class="menu" href="{{ route('admin_tree') }}" active>Invites</a></li>
-                <li class="sub-menu">
-                    <a class="menu" href="{{ route('admin_index') }}">Status</a>
-                </li>
-                <li class="sub-menu">
-                    <a class="menu" href="{{ route('admin_tree') }}" active>Invites</a>
-                </li>
             </ul>
         </nav>
         <div class="AdminContainer">
+            <div class="AUL-3o92">
+                
+            </div>
         </div>
 </div>
 @endsection

resources/views/admin/users.blade.php

@@ -274,21 +274,16 @@
         <nav class="Admin-Navigation">
             <div class="Header">
                 <a href="{{ route('home') }}" title="ARCHBLOX Home" class="PanelLogo"></a>
-                <span class="SubSlogan noselect">Admin Panel</span>
+                <span class="SubSlogan" noselect>Admin Panel</span>
-                <div class="usernamecontainer">
+               <div class="usernamecontainer">
-                <a class="usernamelink" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
+                    <a class="stext" noselect>Hi </a>
-                </div>
+                    <a class="stext clickabletext" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
+               </div>
             </div>
             <ul class="SubHeader">
-                <li class="sub-menu">
+                <li class="sub-menu"><a class="menu" href="{{ route('admin_users') }}" active>Users</a></li>
-                    <a class="menu" href="{{ route('admin_users') }}" active>Users</a>
+                <li class="sub-menu"><a class="menu" href="{{ route('admin_index') }}">Dashboard</a></li>
-                </li>
+                <li class="sub-menu"><a class="menu" href="{{ route('admin_tree') }}">Invites</a></li>
-                <li class="sub-menu">
-                    <a class="menu" href="{{ route('admin_index') }}">Status</a>
-                </li>
-                <li class="sub-menu">
-                    <a class="menu" href="{{ route('admin_tree') }}">Invites</a>
-                </li>
             </ul>
         </nav>
         <div class="AdminContainer">