Merge pull request #265 from jerrylovescheese/jerrysbranch

Updated Aug 2 2024
jerrylovescheese · Aug 2, 2024 · 166d39f · 166d39f
2 parents 27169a0 + ca49043
commit 166d39f
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -107,6 +107,16 @@
         </div>
     </div>
 
+    <div class="canvas" id="canvas-12">
+        <div id="canvas-12-img"></div>
+        <div class="canvas-text">get in the car it's august</div>
+        <div class="canvas-clicker">
+            <a href="#canvas-11">
+                <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-down"></i>&emsp;1 of 5</div>
+            </a>
+        </div>
+    </div>
+
     <div class="canvas" id="canvas-11">
         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 140 160" xml:space="preserve">
             <g class="white">
@@ -148,7 +158,7 @@
             <br>
             <div class="canvas-clicker">
                 <a href="#canvas-10">
-                    <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-down"></i>&emsp;1 of 4</div>
+                    <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-down"></i>&emsp;2 of 5</div>
                 </a>
             </div>
         </div>
@@ -159,7 +169,7 @@
         <span class="canvas-text-small">江源工作室期待与您共度下一个五年。</span>
         <div class="canvas-clicker">
             <a href="#canvas-1">
-                <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-down"></i>&emsp;2 of 4</div>
+                <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-down"></i>&emsp;3 of 5</div>
             </a>
         </div>
     </div>
@@ -180,7 +190,7 @@
         <audio src="./static/audio/May 13 2024 3.mp3" controls controlsList="nodownload"></audio>
         <div class="canvas-clicker">
             <a href="#canvas-3">
-                <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-down"></i>&emsp;3 of 4</div>
+                <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-down"></i>&emsp;4 of 5</div>
             </a>
         </div>
     </div>
@@ -237,7 +247,7 @@
 
     <div id="namecard">
         <a href="./pages/blog_preview.html"><span id="namecard-text"><i
-                    class="fa-solid fa-scroll"></i>&emsp;我的博客可供预览</span></a>
+                    class="fa-solid fa-scroll"></i>&emsp;博客</span></a>
     </div>
 
     <div class="canvas" id="canvas-3">
@@ -266,8 +276,8 @@
             </div>
         </div>
         <div class="canvas-clicker">
-            <a href="#canvas-11">
-                <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-up"></i>&emsp;4 of 4</div>
+            <a href="#canvas-12">
+                <div class="canvas-clicker-inside"><i class="fas fa-circle-chevron-up"></i>&emsp;5 of 5</div>
             </a>
         </div>
     </div>

diff --git a/static/css/index.css b/static/css/index.css
@@ -845,4 +845,24 @@
 
 #canvas-11 a {
     color: unset;
+}
+
+#canvas-12 {
+    overflow: hidden;
+}
+
+#canvas-12>.canvas-text {
+    font-size: 35px;
+    font-family: 'Space Grotesk', 'Helvetica', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: bold;
+    position: absolute;
+}
+
+#canvas-12-img {
+    width: 120%;
+    height: 120%;
+    background-image: url(../img/592x592bb\ \(2\).webp);
+    background-size: cover;
+    background-position: center bottom;
+    filter: blur(1em);
 }
diff --git a/static/css/style.css b/static/css/style.css
@@ -187,10 +187,6 @@ body {
     height: 100vh;
 }
 
-#doors-wall.active::before {
-    position: fixed;
-}
-
 #doors-wall-head {
     font-family: 'Inter', 'Source Han Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     font-size: 25px;