From 0f9fa88c077034b1075997e5a745783222c2a385 Mon Sep 17 00:00:00 2001
From: 0x587 <3225678419@qq.com>
Date: Wed, 15 Nov 2023 15:33:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E7=BE=8E=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 2303838..73056e1 100644
--- a/index.html
+++ b/index.html
@@ -13,10 +13,35 @@
 <body>
     <h1 class="title">华南理工腾讯创新创业俱乐部官方网站</h1>
     <h3>添加了钟✌✌✌ ---- 587! 23.11.15</h3>
-
     <div style="display: flex;justify-content: center;margin: 0 16px;">
-        <iframe src="https://0x587.github.io/clock-of-clock/"
-            style="width: 60vw;height: 60vh;background-color: #FFF;border-radius: 18px;"></iframe>
+        <iframe src="https://0x587.github.io/clock-of-clock/" id="clock-iframe"
+            style="display: block; width: 60vw;height: 40vw;background-color: #FFF;border-radius: 18px;"></iframe>
+        <div style="display: none;font-size: 24px;" id="clock-hide">
+            <p>竖屏没有钟！竖屏没有钟！</p>
+            <p>竖屏没有钟！竖屏没有钟！</p>
+            <p>竖屏没有钟！竖屏没有钟！</p>
+            <p>竖屏没有钟！竖屏没有钟！</p>
+            <p>竖屏没有钟！竖屏没有钟！</p>
+            <p>竖屏没有钟！竖屏没有钟！</p>
+        </div>
+        <script>
+            function onWindowSizeChange() {
+                var width = window.innerWidth;
+                var height = window.innerHeight;
+                iframe = document.getElementById('clock-iframe');
+                iframeHide = document.getElementById('clock-hide');
+                if (width < height) {
+                    iframe.style.display = 'none';
+                    iframeHide.style.display = 'block';
+                }
+                else {
+                    iframe.style.display = 'block';
+                    iframeHide.style.display = 'none';
+                }
+            }
+            onWindowSizeChange();
+            window.addEventListener('resize', onWindowSizeChange);
+        </script>
     </div>
     <h3>添加了标题 ----71綦 23.11.13</h3>
 
