更新一波about

Author: windshadow233

themes/butterfly/layout/includes/page/about.pug

@@ -135,14 +135,6 @@
         a(target='_blank', rel='noopener external nofollow', href='https://www.16personalities.com/ch/infp-%E4%BA%BA%E6%A0%BC') 调停者
       .image
         img.no-lightbox(src='https://blogfiles.oss.fyz666.xyz/svg/39e1659f-5eef-4709-bc5f-c5e588168293.svg')
-    .author-content-item.maxim
-      .author-content-item-tips 座右铭
-      span.maxim-title
-        span(style='opacity:.6;margin-bottom:8px') 行所欲行，
-        |
-        span 无问西东。
-      .post-tips 翻译: 
-        | 想干啥就干啥，不听劝。
   .author-content
     .author-content-item.buff
       .card-content
@@ -158,13 +150,32 @@
             span.inline-word Max
       .card-background-icon
         i.fas.fa-dice-d20
+    .author-content-item.maxim
+      .author-content-item-tips 座右铭
+      span.maxim-title
+        span(style='opacity:.6;margin-bottom:8px') 行所欲行，
+        |
+        span 无问西东。
+      .post-tips 翻译: 
+        | 想干啥就干啥，人生苦短，及时行乐主义。
+  .author-content
     .author-content-item.game(style="background-image: url(https://blogfiles.oss.fyz666.xyz/webp/335c2e46-52a4-49c3-ad6c-490c406aee77.webp);")
       .card-content
         .author-content-item-tips 爱好游戏
         span.author-content-item-title 立直麻将
         .title2 混迹于雀魂、天凤等平台，更热衷于线下
         .content-bottom
           .tips.game-uid UID: 49666973
+    .author-content-item.hobby(style="background-image: url(https://blogfiles.oss.fyz666.xyz/webp/b1c7c034-82df-4266-9143-a9fd3aa24d7d.webp);")
+      .card-content
+        .author-content-item-tips 最近爱玩
+        span.author-content-item-title 魔方
+        .title2 三速 sub 20、四速（曾） sub 1分半菜鸟。曾会三盲彳亍法（记性不好得花3分多，而且现在不会了）。掌握各种高阶（但不爱玩）
+        .banner-button-group
+          a.banner-button(href="/cfop/")
+            i.fas.fa-circle-right
+            |
+            span.banner-button-text 个人使用的公式集
 
   .author-content
     .author-content-item.like-technology(style="background-image: url(https://blogfiles.oss.fyz666.xyz/webp/311e87a2-738e-4769-a150-df1ee78b4d20.webp);")
@@ -194,11 +205,11 @@
         | 攻读
         strong 数据科学专业
         | 的博士学位，因
-        psw 不屑于水论文
+        psw 不屑于靠吹牛皮讲故事来水论文
         | 水平太差而没有什么拿得出手的科研成果，且由于始终感觉在做的事情意义不大而逐渐丧失科研兴趣。不过，我会始终保持对计算机相关领域的热情，毕竟——科研只是计算机领域的冰山一角，甚至我还认为，搞科研能让我学到的技术少之又少，
         psw 在我所涉足的科研领域，大部分人只是毫无意义的缝合怪+擅长讲故事的Paper Machine罢了。
       h2 网名的由来
-      p 我的网名叫「风的影子」，英文版「WindShadow」，这是我小学刚注册QQ时的QQ昵称，在当时也算比较非主流（不过已经忘了当时是如何想出这个名字的），后面才发现这个网名的首字母缩写包含了我的名字的首字母，于是就一直沿用了下来。
+      p 我的网名叫「风的影子」，英文版「WindShadow」，这是我小学刚注册QQ时的QQ网名，在当时也算比较非主流（不过已经忘了当时是如何想出这个名字的），后面才发现这个网名的首字母缩写包含了我的名字的首字母，于是就一直沿用了下来。
       h2 我与计算机的结缘之
         psw 弯
         | 路
@@ -249,10 +260,16 @@
       .checkbox.blue.checked
         input(type='checkbox', checked)
         p 找个优秀、体贴的对象
-        .hide-block
+        .hide-block(style="margin: 0;")
           button.hide-button(onclick="this.classList.add('open');") Click
           .hide-content
             pre const girlfriend = new Girl({ name: 'HYZ', birthday: 905011200 });
+        .checkbox.sub-checkbox
+          input(type='checkbox', checked)
+          p 订婚
+        .checkbox.sub-checkbox
+          input(type='checkbox')
+          p 结婚
       .checkbox.blue.checked
         input(type='checkbox', checked)
         p 拿到学士学位（这不是有手就行）

themes/butterfly/source/css/_custom/about/about.css

@@ -206,7 +206,8 @@ p.p.center, span.p.center {
   }
 }
 #about-page .about-statistic {
-  min-height: 380px;
+  /* min-height: 380px; */
+  height: 380px;
   width: 39%;
   background-size: cover;
   color: var(--fyz-white);
@@ -315,7 +316,9 @@ p.p.center, span.p.center {
 }
 .author-content-item.personalities {
   position: relative;
-  width: 59%;
+  /* width: 59%; */
+  width: 100%;
+  height: 170px;
 }
 
 .author-content-item.personalities .image {
@@ -349,7 +352,7 @@ p.p.center, span.p.center {
   max-height: 400px;
   position: relative;
   overflow: hidden;
-  margin-bottom: 0.5rem;
+  /* margin-bottom: 0.5rem; */
   height: 60%;
   background-size: 100%;
   transition: 1s ease-in-out;
@@ -380,12 +383,14 @@ p.p.center, span.p.center {
 }
 .author-content-item.selfInfo {
   display: flex;
-  max-height: 400px;
+  /* max-height: 140px; */
   /* justify-content: space-between; */
   align-items: center;
   /* flex-wrap: wrap; */
   /* height: -webkit-fill-available; */
-  min-height: 40%;
+  /* min-height: 140px; */
+  /* min-height: 140px; */
+  height: calc(40% - 20px);
 }
 .author-content-item.selfInfo div {
   display: flex;
@@ -404,6 +409,7 @@ p.p.center, span.p.center {
   font-weight: 700;
   font-size: 34px;
   line-height: 1;
+  word-wrap: break-word;
 }
 .author-content-item-group.column.mapAndInfo {
   width: 59%;
@@ -470,7 +476,8 @@ p.p.center, span.p.center {
   /* animation: gradient 15s ease infinite; */
   min-height: 200px;
   height: fit-content;
-  width: 49%;
+  /* width: 49%; */
+  width: 59%;
   min-height: 300px;
 }
 [data-theme="light"] .author-content-item.buff{
@@ -503,6 +510,13 @@ p.p.center, span.p.center {
   color: var(--fyz-white);
   width: 49%;
 }
+.author-content-item.hobby {
+  background-size: cover;
+  min-height: 300px;
+  overflow: hidden;
+  color: var(--fyz-white);
+  width: 49%;
+}
 
 .author-content-item .content-bottom {
   margin-top: auto;
@@ -578,7 +592,7 @@ p.p.center, span.p.center {
     margin-top: 1rem;
     padding: 1rem;
   }
-  .author-content-item.map {
+  .author-content-item {
     margin-bottom: 0;
   }
   .author-content-item-group.column {
@@ -587,9 +601,6 @@ p.p.center, span.p.center {
   .author-content-item.selfInfo {
     height: 95%;
   }
-  .author-content-item.personalities {
-    height: 170px;
-  }
   .post-tips {
     left: auto;
   }
@@ -608,10 +619,16 @@ p.p.center, span.p.center {
   #selfInfo-content-year {
     width: 90px;
   }
+  .author-content-item.selfInfo .selfInfo-content {
+    font-size: 14px;
+  }
 }
 
 @media screen and (min-width: 768px) and (max-width: 896px) {
   .author-content-item.like-music .content-bottom .tips {
     display: none;
   }
+}
+.checkbox.sub-checkbox {
+    margin-left: 20px;
 }