add some pages

app.py

@@ -42,7 +42,7 @@ def freeze():
 @app.cli.command()
 def serve():
     """运行 Flask 应用"""
-    app.run(port=8080, debug=True)
+    app.run(port=23341, debug=True)
 
 @app.route('/')
 def home():
@@ -71,4 +71,4 @@ def page_generator():
         
 
 if __name__ == "__main__":
-    app.run(port=8080, debug=True)
+    app.run(port=23341, debug=True)

assets/css/styles.min.css

@@ -2031,4 +2031,42 @@ button.swiper-pagination-bullet {
     background-attachment: fixed;
     background-size: cover;
     background-position: center
+}
+.image-container {
+    gap: 20px;
+}
+.flex-fill {
+    min-height: 300px; /* 可以手动调节这个值来改变整体高度 */
+}
+.img-wrapper {
+    background-color: rgba(255, 255, 255, 0.8); /* 80%透明的白色背景 */
+    padding: 10px;
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    margin-bottom: 5px;
+    height: 250px; /* 可以手动调节这个值来改变图片容器高度 */
+}
+.img-fluid {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+}
+figcaption {
+    margin-top: 5px;
+    font-size: 12px; /* 减小字体大小 */
+    color: #ffffff;
+    background-color: rgba(0, 0, 0, 0.7);
+    padding: 5px;
+    border-radius: 4px;
+}
+@media (max-width: 768px) {
+    .image-container {
+        flex-direction: column;
+    }
+    .flex-fill {
+        min-height: auto;
+    }
+    .img-wrapper {
+        height: auto;
+    }
 }
\ No newline at end of file