回复：不然怎么感受折腾的乐趣（划掉）

MCSeekeri · Oct 19, 2023 · 9cf01f9 · 9cf01f9
1 parent 0a7702c
commit 9cf01f9
Show file tree

Hide file tree

Showing 3 changed files with 100 additions and 114 deletions.
diff --git a/assets/jsconfig.json b/assets/jsconfig.json
@@ -1,10 +1,10 @@
 {
- "compilerOptions": {
-  "baseUrl": ".",
-  "paths": {
-   "*": [
-    "../../../.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/!cai!jimmy/hugo-theme-stack/[email protected]/assets/*"
-   ]
-  }
- }
+    "compilerOptions": {
+     "baseUrl": ".",
+     "paths": {
+      "*": [
+       "../../../.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/!cai!jimmy/hugo-theme-stack/[email protected]/assets/*"
+      ]
+     }
+    }
 }
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
@@ -238,4 +238,91 @@
 .vp-doc .custom-block .vp-code-group .tabs {
     margin: 0;
     border-radius: 8px 8px 0 0
+}
+
+/* 左侧竖条样式 */
+div.timenode {
+    position: sticky
+}
+div.timenode:after,div.timenode:before {
+    content: '';
+    z-index: 1;
+    position: absolute;
+    background: rgba(61,217,182,.5);
+    width: 2px;
+    left: 7px
+}
+div.timenode:before {
+    top: 0;
+    height: 6px
+}
+div.timenode:after {
+    top: 26px;
+    height: calc(100% - 26px)
+}
+
+/* 限宽 */
+div.timenode .body,div.timenode .meta {
+    max-width: calc(100% - 24px)
+}
+
+/* 时间标注样式 */
+div.timenode .meta {
+    position: relative;
+    color: #888;
+    line-height: 32px;
+    height: 32px
+}
+div.timenode .meta p {
+    font-weight: 700;
+    font-size: 80%;
+    margin: 0 0 0 24px
+}
+
+/* 左侧圆圈 */
+div.timenode .meta:after,div.timenode .meta:before {
+    content: '';
+    position: absolute;
+    top: 8px;
+    z-index: 2
+}
+div.timenode .meta:before {
+    background: rgba(61,217,182,.5);
+    width: 16px;
+    height: 16px;
+    border-radius: 8px;
+}
+div.timenode .meta:after {
+    background: #3dd9b6;
+    margin-left: 2px;
+    margin-top: 2px;
+    width: 12px;
+    height: 12px;
+    border-radius: 6px;
+    transform: scale(.5);
+	transition: all .28s ease;
+
+}
+
+/*鼠标滑动效果*/
+div.timenode .meta:hover {
+    color: #444;
+}
+div.timenode:hover .meta:before {
+    background: rgba(255,87,34,.5)
+}
+div.timenode:hover .meta:after {
+    background: #ff5722;
+    transform: scale(1);
+}
+
+/* 内容框样式 */
+div.timenode .body {
+	background: #f6f6f6;
+    margin: 4px 0 10px 24px;
+    padding: 5px;
+    border-radius: 8px;
+    display: -webkit-box;
+    display: -moz-box;
+    display: inline-block
 }
diff --git a/content/post/石头门剧场版QA.md b/content/post/石头门剧场版QA.md
@@ -394,123 +394,22 @@ R 世界线由于其特殊性，并不能和一般意义上的世界线相提并
 
 #### **一周目**
 
-{% timeline %}
-
-{% timenode 2011 年 8 月 3 日 %}
-
-2011 年 8 月 3 日，牧濑红莉栖从美国回到日本，与 Labmem 们聚会。
-
-{% endtimenode %}
-
-{% timenode 2011 年 8 月 4 日 %}
-
-红莉栖在洗衣房前与冈部伦太郎擦肩而过，没能送出自己提前准备的礼物——白大褂。不久之后冈部消失。
-
-{% endtimenode %}
-
-{% timenode 2017 年 %}
-
-阿万音铃羽出生。
-
-{% endtimenode %}
-
-{% timenode 2036 年 %}
-
-红莉栖成功造出了时间机器，铃羽不顾红莉栖的阻止启动时间机器回到了 2011 年（广播剧《现存在的后验》剧情）。
-
-{% endtimenode %}
-
-{% endtimeline %}
+<div class="timeline"><div class="timenode"><div class="meta"><p></p><p>2011年8月3日</p><p></p></div><div class="body"><p>2011年8月3日，牧濑红莉栖从美国回到日本，与Labmem们聚会。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2011年8月4日</p><p></p></div><div class="body"><p>红莉栖在洗衣房前与冈部伦太郎擦肩而过，没能送出自己提前准备的礼物——白大褂。不久之后冈部消失。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2017年</p><p></p></div><div class="body"><p>阿万音铃羽出生。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2036年</p><p></p></div><div class="body"><p>红莉栖成功造出了时间机器，铃羽不顾红莉栖的阻止启动时间机器回到了2011年（广播剧《现存在的后验》剧情）。</p></div></div></div>
 
 #### **二周目|<sub>剧场版动画的最初时间</sub>**
 
-{% timeline %}
-
-{% timenode 2011 年 8 月 3 日 %}
-
-牧濑红莉栖从美国回到日本，阿万音铃羽出现在机场。晚上，**Labmem**们进行了聚会。
-
-{% endtimenode %}
-
-{% timenode 2011 年 8 月 4 日 %}
-
-红莉栖在酒店洗澡时，铃羽潜入房间给红莉栖留下了提示“手机、微波炉、SERN”。红莉栖察觉到异常后，没有向浴缸里注水慢悠悠地洗澡，因此提前赶到了洗衣房，遇见冈部并送出了白大褂。在聊天过程中冈部消失。
-
-{% endtimenode %}
-
-{% timenode 2011 年 8 月 13 日 %}
-
-红莉栖研制出了时间跳跃机器（该时间跳跃机器并没有本篇中 48 小时的可回溯时间上限），并使用它回到了 10 天前。
-
-{% endtimenode %}
-
-{% endtimeline %}
+<div class="timeline"><div class="timenode"><div class="meta"><p></p><p>2011年8月3日</p><p></p></div><div class="body"><p>牧濑红莉栖从美国回到日本，阿万音铃羽出现在机场。晚上，<strong>Labmem</strong>们进行了聚会。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2011年8月4日</p><p></p></div><div class="body"><p>红莉栖在酒店洗澡时，铃羽潜入房间给红莉栖留下了提示“手机、微波炉、SERN”。红莉栖察觉到异常后，没有向浴缸里注水慢悠悠地洗澡，因此提前赶到了洗衣房，遇见冈部并送出了白大褂。在聊天过程中冈部消失。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2011年8月13日</p><p></p></div><div class="body"><p>红莉栖研制出了时间跳跃机器（该时间跳跃机器并没有本篇中48小时的可回溯时间上限），并使用它回到了10天前。</p></div></div></div>
 
 #### **三周目|<sub>牧濑红莉栖时间跳跃之后</sub>**
 
-{% timeline %}
-
-{% timenode 2011 年 8 月 3 日晚-8 月 4 日凌晨 %}
-
-牧濑红莉栖两次观测到冈部伦太郎的消失，并与冈部、铃羽讨论了他即将消失的现象。
-
-{% endtimenode %}
-
-{% timenode 2011 年 8 月 4 日 %}
-
-红莉栖赶到 Lab 的时候冈部恰好消失，她决定听从冈部的警告，放弃使用时间跳跃机器。
-
-{% endtimenode %}
-
-{% timenode 2011 年 8 月 13 日晚-8 月 14 日凌晨 %}
-
-铃羽质问红莉栖真正的心愿，并带她登上时间机器。两人一同回到了 2005 年 6 月 30 日。
-
-{% endtimenode %}
-
-{% endtimeline %}
+<div class="timeline"><div class="timenode"><div class="meta"><p></p><p>2011年8月3日晚-8月4日凌晨</p><p></p></div><div class="body"><p>牧濑红莉栖两次观测到冈部伦太郎的消失，并与冈部、铃羽讨论了他即将消失的现象。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2011年8月4日</p><p></p></div><div class="body"><p>红莉栖赶到Lab的时候冈部恰好消失，她决定听从冈部的警告，放弃使用时间跳跃机器。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2011年8月13日晚-8月14日凌晨</p><p></p></div><div class="body"><p>铃羽质问红莉栖真正的心愿，并带她登上时间机器。两人一同回到了2005年6月30日。</p></div></div></div>
 
 #### **四周目|<sub>牧濑红莉栖第一次使用时间机器</sub>**
 
-{% timeline %}
-
-{% timenode 2005 年 6 月 30 日 %}
-
-牧濑红莉栖第一次拯救冈部伦太郎失败。
-
-{% endtimenode %}
-
-{% timenode 2011 年 8 月 14 日 %}
-
-回到现在的红莉栖感到心灰意冷，本打算再次放弃拯救冈部，但其它 Labmem 们全部渐渐回想起了冈部的存在，点燃了红莉栖的斗志。
-
-{% endtimenode %}
-
-{% timenode 2011 年 8 月 15 日 %}
-
-红莉栖与铃羽再次乘上时间机器。
-
-{% endtimenode %}
-
-{% endtimeline %}
+<div class="timeline"><div class="timenode"><div class="meta"><p></p><p>2005年6月30日</p><p></p></div><div class="body"><p>牧濑红莉栖第一次拯救冈部伦太郎失败。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2011年8月14日</p><p></p></div><div class="body"><p>回到现在的红莉栖感到心灰意冷，本打算再次放弃拯救冈部，但其它Labmem们全部渐渐回想起了冈部的存在，点燃了红莉栖的斗志。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2011年8月15日</p><p></p></div><div class="body"><p>红莉栖与铃羽再次乘上时间机器。</p></div></div></div>
 
 #### **五周目|<sub>牧濑红莉栖第二次使用时间机器</sub>**
-
-{% timeline %}
-
-{% timenode 2005 年 6 月 30 日 %}
-
-牧濑红莉栖夺走了冈部伦太郎的初吻。
-
-{% endtimenode %}
-
-{% timenode 2011 年 x 月 x 日 %}
-
-红莉栖乘坐时间机器回到现在，铃羽和时间机器消失，冈部回归命运石之门世界线。
-
-{% endtimenode %}
-
-{% endtimeline %}
+<div class="timeline"><div class="timenode"><div class="meta"><p></p><p>2005年6月30日</p><p></p></div><div class="body"><p>牧濑红莉栖夺走了冈部伦太郎的初吻。</p></div></div><div class="timenode"><div class="meta"><p></p><p>2011年x月x日</p><p></p></div><div class="body"><p>红莉栖乘坐时间机器回到现在，铃羽和时间机器消失，冈部回归命运石之门世界线。</p></div></div></div>
 
 ------