studio popup test

public/js/main.js

@@ -1,84 +1,7 @@
-window.addEventListener('resize', function() {
+function openStudioPopup(placeid) {
-    var logo_full = document.getElementById("logo_full")
+    document.querySelector('.popupcontainer_studio').removeAttribute('id');
-    var logo_small = document.getElementById("logo_small")
+    window.location.href = "archbloxstudio://";
-    var BuildBtn = document.getElementById("smallbtn0")
+}
-    var ProfileBtn = document.getElementById("smallbtn2")
+function closeStudioPopup() {
-    var SettingsBtn = document.getElementById("smallbtn3")
+    document.querySelector('.popupcontainer_studio').setAttribute("id", "invisible");
-    var CatalogBtn = document.getElementById("smallbtn4")
+}
-    var GameBtn = document.getElementById("smallbtn5")
-    var navbarusername = document.getElementById("navbarusername")
-    var viewport_width = window.innerWidth;
-    if (viewport_width < 900) {
-        logo_full.className = "invisible";
-        logo_small.className = "";
-    } else {
-        logo_small.className = "invisible";
-        logo_full.className = "";
-    }
-    if (viewport_width < 730) {
-        BuildBtn.className = "invisible";
-        CatalogBtn.className = "invisible";
-    } else {
-        BuildBtn.className = "navbarbutton";
-        CatalogBtn.className = "navbarbutton";
-    }
-    if (viewport_width < 564    ) {
-        GameBtn.className = "invisible";
-        ProfileBtn.className = "invisible";
-    } else {
-        GameBtn.className = "navbarbutton";
-        ProfileBtn.className = "navbarbutton";
-    }
-    if (viewport_width < 400) {
-        SettingsBtn.className = "invisible";
-    } else {
-        SettingsBtn.className = "navbarbutton";
-    }
-    if (viewport_width < 360) {
-        navbarusername.className = "invisible";
-    } else {
-        navbarusername.className = "nonbolded";
-    }
-});
-window.onload = function() {
-    var logo_full = document.getElementById("logo_full")
-    var logo_small = document.getElementById("logo_small")
-    var BuildBtn = document.getElementById("smallbtn0")
-    var ProfileBtn = document.getElementById("smallbtn2")
-    var SettingsBtn = document.getElementById("smallbtn3")
-    var CatalogBtn = document.getElementById("smallbtn4")
-    var GameBtn = document.getElementById("smallbtn5")
-    var navbarusername = document.getElementById("navbarusername")
-    var viewport_width = window.innerWidth;
-    if (viewport_width < 900) {
-        logo_full.className = "invisible";
-        logo_small.className = "";
-    } else {
-        logo_small.className = "invisible";
-        logo_full.className = "";
-    }
-    if (viewport_width < 730) {
-        BuildBtn.className = "invisible";
-        CatalogBtn.className = "invisible";
-    } else {
-        BuildBtn.className = "navbarbutton";
-        CatalogBtn.className = "navbarbutton";
-    }
-    if (viewport_width < 564    ) {
-        GameBtn.className = "invisible";
-        ProfileBtn.className = "invisible";
-    } else {
-        GameBtn.className = "navbarbutton";
-        ProfileBtn.className = "navbarbutton";
-    }
-    if (viewport_width < 400) {
-        SettingsBtn.className = "invisible";
-    } else {
-        SettingsBtn.className = "navbarbutton";
-    }
-    if (viewport_width < 360) {
-        navbarusername.className = "invisible";
-    } else {
-        navbarusername.className = "nonbolded";
-    }
-}; 

resources/views/layouts/app.blade.php

@@ -16,6 +16,7 @@
     <link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
+    <script src="{{ asset('js/main.js?id=' . Str::random(8)) }}"></script>
     @auth
     @switch (Auth::user()->settings->theme)
     @case(5)
@@ -111,7 +112,7 @@
                 <ul id="ctl00_cphBanner_ctl00_MenuUL">
                 <li><a class="navbarbutton" id="smallbtn5" href="{{ route('incomplete') }}">Games</a></li>
                 <li><a class="navbarbutton" id="smallbtn4" href="{{ route('catalog') }}">Catalog</a></li>
-                <li><a class="navbarbutton" id="smallbtn0" href="archbloxstudio://">Build</a></li>
+                <li><a class="navbarbutton" id="smallbtn0" onclick="openStudioPopup()">Build</a></li>
                 <li><a class="navbarbutton" id="smallbtn2" href="@guest {{ route('login') }}
     @else
     {{ route('profile', Auth::id()) }} @endguest">Profile</a></li>
@@ -166,6 +167,18 @@
     @yield('custom_content')
 
     @yield('popup_content')
+
+    @section('popup_content')
+
+    <div class="popupcontainer_studio" id="invisible">
+        <div class="popup">
+            <h2 id="heading">Launching ARCHBLOX Studio...</h2>
+            <p>Don't have Archblox Studio installed?</p>
+            <button class="greenbutton">Click here to download ARCHBLOX Studio</button>
+            <br>
+            <button class="redbutton" onclick="closeStudioPopup()">Close</button>
+        </div>
+    </div>
     <div class="content">
         @yield('content')
     </div>

resources/views/misc/settings.blade.php

@@ -1,7 +1,7 @@
 @extends('layouts.app')
 @section('title')
     <title>Settings - {{ env('APP_NAME') }}</title>
-    <script src="{{ asset('js/settings.js?id=h8z4lam02') }}"></script>
+    <script src="{{ asset('js/settings.js?id=' . Str::random(8)) ) }}"></script>
     <style>
         .bio_form {
             width: 50%