v0.3

lkxnif · Dec 26, 2024 · a8f3886 · a8f3886
1 parent b234a59
commit a8f3886
Show file tree

Hide file tree

Showing 18 changed files with 368 additions and 11 deletions.
diff --git a/covers/52个创意绘画实验_cover.jpg b/covers/52个创意绘画实验_cover.jpg
diff --git a/covers/不可撼动的财务自由_cover.jpg b/covers/不可撼动的财务自由_cover.jpg
diff --git a/covers/丰盛_cover.jpg b/covers/丰盛_cover.jpg
diff --git a/covers/太傻天书_cover.jpg b/covers/太傻天书_cover.jpg
diff --git a/covers/头脑的东西_cover.jpg b/covers/头脑的东西_cover.jpg
diff --git a/covers/必要的创伤_cover.jpg b/covers/必要的创伤_cover.jpg
diff --git a/covers/游心之路_cover.jpg b/covers/游心之路_cover.jpg
diff --git a/css/style.css b/css/style.css
@@ -46,6 +46,7 @@ body {
     border-color: var(--border-color);
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     height: auto;
+    margin-bottom: 15px;
 }
 
 .card:hover {
@@ -427,4 +428,37 @@ a:hover {
 
 .navbar .dropdown-toggle::after {
     margin-left: 0.5rem;
+}
+
+/* 瀑布流布局容器 */
+#books-container {
+    column-count: 4;
+    column-gap: 15px;
+    padding: 15px;
+}
+
+@media (max-width: 1200px) {
+    #books-container {
+        column-count: 3;
+    }
+}
+
+@media (max-width: 992px) {
+    #books-container {
+        column-count: 2;
+    }
+}
+
+@media (max-width: 576px) {
+    #books-container {
+        column-count: 1;
+    }
+}
+
+/* 瀑布流子项目样式 */
+#books-container>div {
+    break-inside: avoid;
+    margin-bottom: 15px;
+    display: inline-block;
+    width: 100%;
 }
diff --git a/data/52个创意绘画实验.pdf b/data/52个创意绘画实验.pdf