Site Improvements.

Fixes class dark + small header improvements.

public/css/app.css

@@ -362,6 +362,14 @@ div.mySubmenuFixed {
   background-position: 0 -54px;
 }
 
+#NavigationRedesignBannerContainer .HeaderDivider {
+  margin: -5px 5px 0 5px;
+  float: right;
+  height: 25px;
+  width: 0;
+  Border-left: 1px solid #5355a0;
+}
+
 #NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited {
   border: 0 solid black;
   font-size: 13px;
@@ -577,8 +585,6 @@ html {
   font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
   font-style: normal;
   height: 100%;
-  color: #000;
-  background-color: #cccccc;
 }
 
 .loggedout {
@@ -593,12 +599,11 @@ html {
 }
 
 body {
-  margin-left: 0px;
+  margin: 0px;
-  margin-right: 0px;
-  margin-top: 0px;
-  margin-bottom: 0px;
   height: 100%;
   padding-bottom: 0px;
+  background: #e6e6e6;
+  color: #000;
 }
 
 .content_special,
@@ -671,6 +676,7 @@ body {
 }
 .hyperlink {
   display: block;
+  text-align: center;
 }
 
 #footer {
@@ -683,9 +689,9 @@ body {
   width: calc(100% - 30px);
   padding-bottom: 5px;
   padding-top: 5px;
-  background: rgb(172, 172, 172);
+  background: #e6e6e6;
   /* Fallback for IE 11*/
-  background-color: rgb(172, 172, 172);
+  background-color: #e6e6e6;
   min-height: fit-content;
   bottom: 0;
 }

public/css/appdark.css

@@ -47,7 +47,7 @@
   background: linear-gradient(#303030 10%, #000000 100%);
 }
 
-html {
+body {
   background-color: rgb(31, 31, 31);
   color: white;
 }
@@ -77,7 +77,7 @@ html {
 }
 
 #footer {
-  background: rgb(0, 0, 0);
+  background: rgb(31, 31, 31);
 }
 
 #footer_signup {

public/css/classicapp.css

@@ -23,6 +23,9 @@ html {
   animation-duration: 50s;
   animation-iteration-count: infinite;
 }
+body {
+  background: transparent;
+}
 
 #alert,
 #success {
@@ -172,6 +175,10 @@ html {
   top: 44px;
 }
 
+#NavigationRedesignBannerContainer .HeaderDivider {
+  display: none;
+}
+
 #footer_signup a, #footer_signup p a, #footer a, #footer p a {
   transition: none;
 }

public/css/classicappdark.css

@@ -23,6 +23,9 @@ html {
   animation-duration: 50s;
   animation-iteration-count: infinite;
 }
+body {
+  background: transparent;
+}
 
 .content, #footer {
   max-width: 1000px;
@@ -54,19 +57,20 @@ html {
 .content_signup {
   background: rgba(25, 25, 25,0.75);
 }
-
+.content, #footer {
+  max-width: 1000px;
+  width: 1000px;
+  margin: auto;
+}
 .content {
   margin-top: 105px;
   background: rgba(25, 25, 25,0.75);
   min-height: 550px;
 }
 
-#footer {
-  width: max-content;
-}
-
 #logo_full {
   display: none;
+  margin-right: 0;
 }
 
 #logo_small {
@@ -168,6 +172,30 @@ html {
   height: 29px;
   top: 44px;
 }
+#NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
+  position: relative;
+  padding-right: 5px;
+  text-align: center;
+  font-size: 18px;
+  font-family: "Helvetica Neue";
+  font-weight: bold;
+  text-shadow: none;
+}
+
+#navbarsignedincontainer {
+  display: block;
+}
+#navbarsignedincontainer a:nth-child(1)::after {
+  content: ' | ';
+}
+
+#NavigationRedesignBannerContainer .HeaderDivider {
+  display: none;
+}
+
+.content_signup a:hover, .content_signup p a:hover, #footer_signup a:hover, #footer_signup p a:hover, #footer a:hover, #footer p a:hover {
+  color: inherit;
+}
 
 @media (min-width: 1688px) {
   #logo_full {

resources/views/index.blade.php

@@ -15,5 +15,5 @@
 <br>
 <p><a alt="Sign Up button" href="{{ route('register') }}" >Sign Up</a> or <a alt="Log In button" href="{{ route('login') }}">Login</a></p>
 <br>
-<a class="hyperlink" href="https://discord.gg/nudzQ7hkWY">Join our Discord!</a>
+<span class="hyperlink"><a href="https://discord.gg/nudzQ7hkWY">Join our Discord!</a></span>
 @endsection

resources/views/layouts/app.blade.php

@@ -127,9 +127,11 @@
             <div id="HeaderLoginButton" class="RightNav">
                 <div id="navbarsignedincontainer">
                     <a href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
+                    <div class="HeaderDivider"></div>
                     <div class="arkotcontainer"><img class="arkoticon_navbar" src="{{ asset('img/arkot.png') }}">
                     <p> {{ Auth::user()->morbux }}</p>
                     </div>
+                    <div class="HeaderDivider"></div>
                     <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a></p>
                 </div>
             </div>

resources/views/layouts/loggedout.blade.php

@@ -53,7 +53,9 @@ $splash = array(
 'promise me you\'ll never install archblox ooghghIMFUCKING DYING',
 'okay mr krabs',
 'conkley is EPIC',
-'skeuomorphism is awesome'
+'skeuomorphism is awesome',
+'It\'s free!',
+'It\'s archtastic!'
 );
 @endphp