添加灯笼和雪花

index.html

@@ -23,6 +23,10 @@
     <link rel="stylesheet" href="https://unpkg.com/[email protected]/source/jquery.fancybox.css"
         crossorigin="anonymous" />
 
+    <!-- 灯笼css -->
+    <link rel="stylesheet" type="text/css" href="https://github.yang-qwq.top/deng/deng.css">
+    <!-- <link rel="stylesheet" type="text/css" href="../deng/deng.css"> -->
+
     <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/APlayer.min.css" crossorigin="anonymous" />
 
     <!-- jQuery -->
@@ -372,6 +376,37 @@ <h2>摸鱼</h2>
             </div>
         </main>
         <footer id="footer">
+            <!-- 灯笼1 -->
+            <div class="deng-box deng-box-left">
+                <div class="deng">
+                    <div class="xian"></div>
+                    <div class="deng-a">
+                        <div class="deng-b">
+                            <!-- <div class="deng-t">春</div> -->
+                        </div>
+                    </div>
+                    <div class="shui shui-a">
+                        <div class="shui-c"></div>
+                        <div class="shui-b"></div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 灯笼2 -->
+            <div class="deng-box deng-box-right">
+                <div class="deng">
+                    <div class="xian"></div>
+                    <div class="deng-a">
+                        <div class="deng-b">
+                            <!-- <div class="deng-t">节</div> -->
+                        </div>
+                    </div>
+                    <div class="shui shui-a">
+                        <div class="shui-c"></div>
+                        <div class="shui-b"></div>
+                    </div>
+                </div>
+            </div>
             <div id="footer-wrap">
                 <div class="copyright">
                     &copy;Yang 2019 - 2024 | Powered by
@@ -412,7 +447,7 @@ <h2>摸鱼</h2>
     <script async src="https://github.yang-qwq.top/CDN-for-itrhx.com/js/maodian.js" crossorigin="anonymous"></script>
 
     <!-- 雪花 -->
-    <!-- <script src="https://unpkg.com/[email protected]/dist/snowflakes.bundle.min.js" crossorigin="anonymous"></script> -->
+    <script src="https://unpkg.com/[email protected]/dist/snowflakes.bundle.min.js" crossorigin="anonymous"></script>
 
     <!-- 初始化计时器 -->
     <script async>
@@ -473,12 +508,12 @@ <h2>摸鱼</h2>
     </script>
 
     <!-- 启动雪花 -->
-    <!-- <script async>
+    <script async>
         new SnowScene('main', {
             color: '#ffffff', // 雪花颜色 (默认 #ffffff)
             volumn: 800, // 雪花数量/强度 (默认 300)
         }).play();
-    </script> -->
+    </script>
 
     <script>
         // 为所有具有 data-click-href 属性的 div 添加点击事件

static/css/responsive.css

@@ -52,6 +52,11 @@
   .blogtitle {
     width: 95%;
   }
+
+  /* 移动端不显示 */
+  .deng-box {
+    display: none;
+  }
 }
 
 @media screen and (min-width: 750px) {
@@ -82,22 +87,27 @@
   }
 
   .siteinfo-box {
-    flex: 1 1 calc(50% - 10px); /* 每个盒子尝试占据一行的一半宽度减去一些间隙 */
-    margin: 0.5rem 5px; /* 统一外边距 */
+    flex: 1 1 calc(50% - 10px);
+    /* 每个盒子尝试占据一行的一半宽度减去一些间隙 */
+    margin: 0.5rem 5px;
+    /* 统一外边距 */
     padding: 0px 0.5rem;
     border-radius: 0.5rem;
     transition: transform 0.3s, box-shadow 0.3s;
     overflow: hidden;
   }
 
   .siteinfo-box:nth-child(3) {
-    flex: 1 1 calc(50% - 10px); /* 第三个盒子与第一个盒子宽度相同 */
-    margin: 0.5rem 5px; /* 调整外边距以确保居中显示 */
+    flex: 1 1 calc(50% - 10px);
+    /* 第三个盒子与第一个盒子宽度相同 */
+    margin: 0.5rem 5px;
+    /* 调整外边距以确保居中显示 */
   }
 
   .sites-contair::after {
     content: "";
-    flex: 1 1 calc(50% - 10px); /* 添加一个透明的伪元素以填充剩余空间 */
+    flex: 1 1 calc(50% - 10px);
+    /* 添加一个透明的伪元素以填充剩余空间 */
   }
 
   /* .blogtitle {