fix

public/js/main.js

@@ -5,3 +5,20 @@ function openStudioPopup(placeid) {
 function closeStudioPopup() {
     document.querySelector('.popupcontainer_studio').setAttribute("id", "invisible");
 }
+function openClientPopup(ip,port,placefile,mode) {
+    // launch client
+    document.querySelector('.popupcontainer_client').removeAttribute('id');
+    if (mode == "host") {
+        // user is hosting, use port and place file
+        window.location.href = "archblox://host/" + port + "|" + placefile;
+    } else if (mode == "join") {
+        // user is joining a game, use ip and port
+        window.location.href = "archblox://join/" + ip + "|" + port;
+    } else {
+        // no information so just use the default
+        window.location.href = "archblox://";
+    }
+}
+function closeClientPopup() {
+    document.querySelector('.popupcontainer_client').setAttribute("id", "invisible");
+}

resources/views/pages/games.blade.php

@@ -9,13 +9,15 @@
     <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')
 <h1>Games</h1>
 <br>
-<p>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>.</p>
-<br>
 <div class="content_special" style="flex-wrap: wrap; justify-content: space-around;">
-    <div id="game1">
+    <div>
         <a href="{{ route('gamespage')}}"><img class="gamethumbnail_small"></a>
         <a href="{{ route('gamespage')}}">Natural Disaster Survival</a> 
         <p>By <a href="{{ route('profile', 1) }}">ARCHBLOX</a></p>