关于我

Guten tag!
欢迎来到这个蒟蒻的博客。
你可以叫我南陽劉子驥，或者 KaiserWilheim.

这个博客里面会有与 OI 有关的东西。

关于我自己

一个淹没于众多大佬们中间的普通人。
经常会有些过于深邃的思考。

十六歳、学生です。

喜欢化学、编程（特指 C++），玩一些音游（指 Phigros、arcaea、MuseDash），玩一些 p 社（指 Paradox Interactive）的游戏（CK III、EU IV、Vic III、HoI IV、Stellaris），玩 Minecraft 和战地 5。
喜欢 EBIMAYO、USAO、LeaF 和姜米條的曲子，尤其喜欢 EBIMAYO 的 GOOD 系列。
有同好可以一起快乐地交流。

语言

会说的语言

• 中文 (zh-CN) ★★★★★ （母语）
• 英语 (en-GB) ★★★★☆ （正在学）
• 日语 (ja-JP) ★☆☆☆☆ （刚起步）

（如有异议请私信我）

会用的编程语言

• C++ ★★★☆☆ （正在学）
• Java ★☆☆☆☆ （刚起步）
• C# ★☆☆☆☆ （刚起步）
• Rust ★☆☆☆☆ （当我不会）

在做的事情

• OI 集训。
• 学习文化课。
• 勉強日本語。
• 学习 信息学奥林匹克竞赛 相关知识。
• 学习 有机化学 相关知识。

在爱发电上支持我一下吧：https://afdian.net/@KaiserWilheim

瞎改改

优化博客主页界面

将_common/components/post/post-header.styl 中.posts-expand .post-header 部分改为：

.posts-expand .post-header {
  font-size: $font-size-large;
  margin-bottom: 10px;
  text-align: center;
}

将_common/components/post/index.styl 中.post-button 部分改为：

.post-button {
  margin-top: 0px;
  text-align: center;
}

可以使博客在主页排版的时候更加紧凑。

给 <details> 框加入动画

在_common/scaffolding/normalize.styl 中 detials 前加入：

@keyframes open {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

/* closing animation */
@keyframes close {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

details[open] summary~* {
  animation: open .5s;
}

/* closing class */
details.closing summary~* {
  animation: close .5s;
}

在_partials/footer.njk 中最底端加入 <scripts> 标签包裹的如下内容：

const details = document.querySelector("details");
details.addEventListener("click", function(e) {
  if (details.hasAttribute("open")) { // since it's not closed yet, it's open!
    e.preventDefault(); // stop the default behavior, meaning - the hiding
    details.classList.add("closing"); // add a class which apply the animation in CSS
    setTimeout(() => { // only after the animation finishes, continue
      details.removeAttribute("open"); // close the element
      details.classList.remove("closing");
    }, 400);
  }
});

改进表格样式

将_common/scaffolding/tables.styl 中的内容替换成下面的东西：

.table-container {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: $table-font-size;
  margin: 0 0 20px;
}

tbody tr {
  &:nth-of-type(odd) {
    background: var(--table-row-odd-bg-color);
  }

  &:hover {
    background: var(--table-row-hover-bg-color);
  }
}

caption {
  padding: 8px;
}

th, td {
  border: 1px solid $table-border-color;
  border-bottom: 3px solid $table-cell-border-bottom-color;
  padding: 6px 12px;
}

th {
  font-weight: 700;
}

td {
  border-bottom-width: 1px;
}