From 2d6b5c75a7bf8315b6485919fe46a8b6a7fa8718 Mon Sep 17 00:00:00 2001
From: cxykevin <cxykevin@yeah.net>
Date: Fri, 31 May 2024 23:13:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=AE=9E=E9=AA=8C=E7=8E=AF?=
 =?UTF-8?q?=E5=A2=83=E5=B9=B6=E4=B8=94=E5=90=AF=E7=94=A8=E6=87=92=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 theme/index.hbs | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/theme/index.hbs b/theme/index.hbs
index bd4ec8e..89ff76a 100644
--- a/theme/index.hbs
+++ b/theme/index.hbs
@@ -65,7 +65,7 @@
             width: 100%;
             height: 100%;
             border: none;
-            background-color: white;
+            background-color: rgb(34, 34, 34);
             box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2);
             z-index: 1000;
             overflow-y: auto;
@@ -75,6 +75,7 @@
         }
 
         .popup-window iframe {
+            background-color: rgb(34, 34, 34);
             width: 500px;
             height: 100vh;
             /* Use viewport height to fill the height of the window */
@@ -85,6 +86,14 @@
             right: calc(-100% + 500px);
             /* Slide the window into view */
         }
+
+        #pFrame {
+            background-color: rgb(34, 34, 34);
+            width: 500px;
+            height: 100vh;
+            /* Use viewport height to fill the height of the window */
+            border: none;
+        }
     </style>
 </head>
 
@@ -280,7 +289,7 @@
                     </nav>
                 </div>
                 <div id="popup-window" class="popup-window">
-                    <iframe src="https://nj1.mossfrp.cn:52719/" frameborder="0"></iframe>
+                    <iframe src="about:blank" id="pFrame" frameborder="0"></iframe>
                 </div>
             </div>
 
@@ -394,15 +403,26 @@
         </script>
         {{/if}}
         {{/if}}
+
+        <!-- study env -->
+        <!-- https://nj1.mossfrp.cn:52719/ -->
         <script>
+            var link = "https://nj1.mossfrp.cn:52719/";
             document.getElementById('popup-btn').addEventListener('click', function () {
-                var popupWindow = document.getElementById('popup-window');
-                if (popupWindow.classList.contains('show')) {
-                    popupWindow.classList.remove('show');
+                if (window.screen.width >= 700) {
+                    var popupWindow = document.getElementById('popup-window');
+                    if (popupWindow.classList.contains('show')) {
+                        popupWindow.classList.remove('show');
+                    } else {
+                        popupWindow.classList.add('show');
+                        if (document.getElementById("pFrame").src === "about:blank")
+                            document.getElementById("pFrame").src = link
+                    }
                 } else {
-                    popupWindow.classList.add('show');
+                    window.open(link, "_blank");
                 }
             });
+
         </script>
 
     </div>