fix

public/css/app.css

@@ -82,7 +82,7 @@
   animation-iteration-count: 1;
   position: fixed;
   z-index: 10;
-  top: 72px;
+  top: 62px;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-right: 5px;

public/css/classicapp.css

@@ -6,7 +6,7 @@
   }
 
   100% {
-    background-position-x: 61px;
+    background-position-x: 72px;
     animation-timing-function: linear;
   }
 }
@@ -24,6 +24,24 @@ html {
   animation-iteration-count: infinite;
 }
 
+#alert,
+#success {
+  height: fit-content;
+  margin: 0px;
+  animation: alertanim;
+  animation-duration: 250ms;
+  animation-iteration-count: 1;
+  position: fixed;
+  z-index: 10;
+  top: 72px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  padding-right: 5px;
+  padding-left: 5px;
+  width: 100%;
+  text-align: center;
+}
+
 .content, #footer {
   max-width: 1000px;
   width: 1000px;

resources/views/pages/gamepage.blade.php

@@ -9,6 +9,10 @@
     <meta content="ARCHBLOX is a work in progress revival." property="og:description" />
 @endsection
 
+@section('alert')
+<div id="alert">Note that this page does not support joining yet. If you would like to join your own game that you are currently hosting, <a onclick="openClientPopup('localhost','53640',null,'join')">click here</a>.</div>
+@endsection
+
 @section('content')
 <div class="content_special" id="gametopcontainer">
     <div class="leftgamecontainer">