Map integration

app/assets/css/launcher.css

@@ -4034,3 +4034,22 @@ input:checked + .toggleSwitchSlider:before {
 .rotating {
     animation: rotating 10s linear infinite;
 }
+
+
+/*******************************************************************************
+ *                                                                             *
+ * Custom patches                                                              *
+ *                                                                             *
+ ******************************************************************************/
+
+
+/* iframe patch for full size window. */
+ #iframecontainer {
+    width: 100%;
+ }
+
+ #dynmapiframe {
+    width: 100%;
+    height: 100%;
+    user-select: none;
+ }

app/assets/js/scripts/landing.js

@@ -809,6 +809,8 @@ function slide_(up){
         //date.toLocaleDateString('en-US', {month: 'short', day: 'numeric', year: 'numeric', hour: 'numeric', minute: 'numeric'})
         //landingContainer.style.background = 'rgba(29, 29, 29, 0.55)'
         landingContainer.style.background = 'rgba(0, 0, 0, 0.50)'
+        //Frame bar dimming (map patch)
+        frameBar.style.background = 'rgba(0, 0, 0)'
         setTimeout(() => {
             if(newsGlideCount === 1){
                 lCLCenter.style.transition = 'none'
@@ -821,6 +823,8 @@ function slide_(up){
             newsGlideCount--
         }, 2000)
         landingContainer.style.background = null
+        //Frame bar dimming revert (map patch)
+        frameBar.style.background = 'rgba(0, 0, 0, 0.50)'
         lCLCenter.style.transition = null
         newsBtn.style.transition = null
         newsContainer.style.top = '100%'

app/landing.ejs

@@ -140,8 +140,8 @@
         </div>
     </div>
     <div id="newsContainer">
-        <div>
-            <iframe id="dynmapIFrame" src="https://fr.wikipedia.org/wiki/Main_Page" frameborder="0"></iframe>
+        <div id="iframecontainer">
+            <iframe id="dynmapiframe" src="https://minemap.gregbrzezinski.com" frameborder="0"></iframe>
         </div>
        <!-- <div id="newsContent" article="-1" style="display: none;">
             <div id="newsStatusContainer">