Added Window Popout Button (#468) + Formatted

.github/dependabot.yml

@@ -1,6 +1,6 @@
 version: 2
 updates:
-  - package-ecosystem: "npm"
-    directory: "/" 
+  - package-ecosystem: 'npm'
+    directory: '/'
     schedule:
-      interval: "daily"
+      interval: 'daily'

static/assets/scripts/frame.js

@@ -32,6 +32,33 @@ function reload() {
   }
 }
 
+function popout() {
+  const newWindow = window.open('about:blank', '_blank')
+
+  if (newWindow) {
+    const name = localStorage.getItem('name') || 'My Drive - Google Drive'
+    const icon = localStorage.getItem('icon') || 'https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png'
+
+    newWindow.document.title = name
+
+    const link = newWindow.document.createElement('link')
+    link.rel = 'icon'
+    link.href = icon
+    newWindow.document.head.appendChild(link)
+
+    const newIframe = newWindow.document.createElement('iframe')
+    const style = newIframe.style
+    style.position = 'fixed'
+    style.top = style.bottom = style.left = style.right = 0
+    style.border = style.outline = 'none'
+    style.width = style.height = '100%'
+
+    newIframe.src = iframe.src
+
+    newWindow.document.body.appendChild(newIframe)
+  }
+}
+
 function erudaToggle() {
   if (!iframe) return
 

static/go.html

@@ -14,29 +14,37 @@
     <div class="nav-bar">
       <div class="nav-container">
         <div class="nav-left">
-          <button id="home-page" class="nav-button" onclick="reload()">
+          <button title="Home Button" type="button" id="home-button" class="nav-button" onclick="reload()">
             <i class="fa-solid fa-house"></i>
           </button>
-          <button title="nav-button" id="nav-button" class="nav-button" onclick="goBack()">
+          <button type="button" title="Back Arrow" id="back-button" class="nav-button" onclick="goBack()">
             <i class="fa-solid fa-arrow-left"></i>
           </button>
-          <button title="nav-button" id="nav-button" class="nav-button" onclick="goForward()">
+          <button type="button" title="Forward Arrow" id="forward-button" class="nav-button" onclick="goForward()">
             <i class="fa-solid fa-arrow-right"></i>
           </button>
-          <button onclick="reload()" class="nav-button">
+          <button type="button" title="Reload" onclick="reload()" class="nav-button">
             <i class="fa-solid fa-rotate-right"></i>
           </button>
           <form id="fs" class="navpost" method="POST">
             <input id="is" class="navsearch" placeholder="Search or enter a new URL" type="text" />
           </form>
         </div>
         <div class="nav-right">
-          <button id="fullscreen-button" class="nav-button nav-btn-right">
+          <button type="button" title="Fullscreen" id="fullscreen-button" class="nav-button nav-btn-right">
             <i class="fa-solid fa-expand"></i>
           </button>
-          <button id="eruda-button" class="nav-button nav-btn-right" onclick="erudaToggle()">
+          <button
+            type="button"
+            title="Inspect"
+            id="eruda-button"
+            class="nav-button nav-btn-right"
+            onclick="erudaToggle()">
             <i class="fa-solid fa-code"></i>
           </button>
+          <button type="button" title="Window Popout" id="popout-button" class="nav-button nav-btn-right" onclick="popout()">
+            <i class="fa-solid fa-solid fa-window-restore"></i>
+          </button>
         </div>
       </div>
     </div>
@@ -56,7 +64,7 @@
     <script src="assets/scripts/index.js?v=5"></script>
     <script src="./m/bundle.js"></script>
     <script src="./m/config.js"></script>
-    <script src="assets/scripts/frame.js?v=7"></script>
+    <script src="assets/scripts/frame.js?v=8"></script>
     <script src="https://kit.fontawesome.com/1237c86ba0.js" crossorigin="anonymous"></script>
     <script src="/assets/scripts/now.js?v=2"></script>
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-WKJQ5QHQTJ"></script>