Minor layout fixes

Author: Josh-Cena

src/components/Scrolly/index.module.css

@@ -38,7 +38,6 @@
 .scrollable {
   position: sticky;
   top: var(--height-navbar);
-  overflow: visible;
 }
 
 .scrolly {

src/global.css

@@ -161,6 +161,7 @@ summary {
   color: var(--color-text);
   border: 1px solid var(--color-text);
   max-width: 22em;
+  width: 100%;
   margin-top: 1em;
   padding: 0 1em;
   font-weight: normal;

src/pages/about/index.tsx

@@ -109,24 +109,20 @@ export default function About(): JSX.Element {
           <br />
           Joshua Chen
         </div>
-        <Tooltip
-          id={nameId}
-          className="tooltip"
-          disableStyleInjection
-          clickable>
-          <p>
-            For those of you who are more familiar with IPA than pinyin, here's
-            its IPA transcription in my pronunciation:
-          </p>
-          {/* cSpell:ignore tʃɛ̌n sᵻdɐ̌ */}
-          <p style={{ textAlign: "center" }}>[tʃɛ̌n sᵻdɐ̌]</p>
-          <p>
-            Granted, everyone seems to have a different theory about what vowels
-            Mandarin has, and I'm far from being a phonetician, so take it with
-            a grain of salt.
-          </p>
-        </Tooltip>
       </div>
+      <Tooltip id={nameId} className="tooltip" disableStyleInjection clickable>
+        <p>
+          For those of you who are more familiar with IPA than pinyin, here's
+          its IPA transcription in my pronunciation:
+        </p>
+        {/* cSpell:ignore tʃɛ̌n sᵻdɐ̌ */}
+        <p style={{ textAlign: "center" }}>[tʃɛ̌n sᵻdɐ̌]</p>
+        <p>
+          Granted, everyone seems to have a different theory about what vowels
+          Mandarin has, and I'm far from being a phonetician, so take it with a
+          grain of salt.
+        </p>
+      </Tooltip>
       <p>
         Specialist in JavaScript and related technologies. Maintainer of the MDN
         JavaScript documentation. Contributor to impactful JavaScript

src/pages/notes/case-mapping/index.mdx

@@ -446,9 +446,23 @@ Therefore, ignoring these nodes, the graph is inherently bipartite:
 - Each uppercase invariant node points to a lowercase invariant node with an $l$-edge and points to itself with a $u$-edge. It has zero or more in $u$-edges and no in $l$-edge.
 - Each lowercase invariant node points to an uppercase invariant node with a $u$-edge and points to itself with an $l$-edge. It has zero or more in $l$-edges and no in $u$-edge.
 
+### Connected subgraphs
+
+A _connected subgraph_, called a _cluster_, formed by $c$ is recursively defined:
+
+1. $c$ is in the cluster.
+2. If $c'$ is in the cluster, then all nodes that point to $c'$ and those that $c'$ points to are all in the cluster.
+
+Nodes that are in the cluster formed by $c\in N_L'\cup N_U'$ do not always form cycles through some series of `toUpperCase`/`toLowerCase` transformations, because they eventually map to a node in $N_L'\cup N_U'$, which has no out $l$-edge or no out $u$-edge.
+
+<CharSet
+  set={nClusters}
+  display={(v) => [...v].map((v) => charCode(v.char)).join(", ")}
+/>
+
 ### Simple mapping pairs
 
-Define a _mapping pair_ as a pair of nodes $(c_u, c_l)$ ($c_u\neq c_l$) such that:
+Define a _mapping pair_ as a cluster of size 2. A mapping pair $(c_u, c_l)$ ($c_u\neq c_l$) satisfies:
 
 1. $(c_u, c_l)\in E_l$ (the $l$-edge of $c_u$ points to $c_l$)
 2. $(c_l, c_u)\in E_u$ (the $u$-edge of $c_l$ points to $c_u$)
@@ -476,20 +490,6 @@ There are {simplePairs.size} such pairs. Of these, {simplePairs.values().reduce(
 
 Which are roman numerals $(Ro_U, Ro_L)$, circled letters $(Ci_U, Ci_L)$, and $(M_L', M_L)$, $(M_U, M_U')$.
 
-### Connected subgraphs
-
-A _connected subgraph_, called a _cluster_, formed by $c$ is recursively defined:
-
-1. $c$ is in the cluster.
-2. If $c'$ is in the cluster, then all nodes that point to $c'$ and those that $c'$ points to are all in the cluster.
-
-Nodes that are in the cluster formed by $c\in N_L'\cup N_U'$ do not always form cycles through some series of `toUpperCase`/`toLowerCase` transformations, because they eventually map to a node in $N_L'\cup N_U'$, which has no out $l$-edge or no out $u$-edge.
-
-<CharSet
-  set={nClusters}
-  display={(v) => [...v].map((v) => charCode(v.char)).join(", ")}
-/>
-
 Now, the remaining nodes are the complex cycles that neither have dead ends nor are simple mapping pairs. They are:
 
 <CharSet

src/pages/notes/star-rail/jingliu.mdx

@@ -0,0 +1,31 @@
+---
+description: 「崩坏：星穹铁道」镜流技能循环分析
+---
+
+# 镜流分析
+
+{/* cSpell:ignore qeee qeeeq qeeeqe qeeeqee */}
+
+|  | 镜流能量 | 停云能量 | 镜流叠层 | 停云赐福 | 战技点 | 镜流总输出 |
+| --- | --- | --- | --- | --- | --- | --- |
+| 开局 | 85 | 130 | 1x | 0 | 3 |  |
+| 停云终结技 | 140 | 5.97 | 1x | 0 | 3 |  |
+| 停云回合开始 | 140 | 11.94 | 1x | 0 | 3 |  |
+| 停云战技 | 140 | 47.76 | 1x | 3 | 2 |  |
+| 镜流战技 | 140 | 47.76 | 3o | 2 | 1 | e |
+| 镜流终结技 | 5 | 47.76 | 4o | 2 | 1 | eQ |
+| 镜流战技 | 35 | 47.76 | 3o | 1 | 1 | eQE |
+| 停云回合开始 | 35 | 53.73 | 3o | 1 | 1 |  |
+| 停云普攻 | 35 | 77.61 | 3o | 1 | 2 |  |
+| 镜流战技 | 65 | 77.61 | 2o | 0 | 2 | eQEE |
+| 停云回合开始 | 65 | 83.58 | 2o | 0 | 2 |  |
+| 停云战技 | 65 | 119.4 | 2o | 3 | 1 |  |
+| 镜流战技 | 95 | 119.4 | 1o | 2 | 1 | eQEEE |
+| 停云回合开始 | 95 | 125.37 | 1o | 2 | 1 |  |
+| 停云普攻 | 95 | 130 | 1o | 2 | 2 |  |
+| 停云终结技 | 140 | 5.97 | 1o | 2 | 2 |  |
+| 镜流终结技 | 5 | 5.97 | 2o | 2 | 2 | eQEEEQ |
+| 镜流战技 | 35 | 5.97 | 1o | 1 | 2 | eQEEEQE |
+| 停云回合开始 | 35 | 11.94 | 1o | 1 | 2 |  |
+| 停云普攻 | 35 | 35.82 | 1o | 1 | 3 |  |
+| 镜流战技 | 65 | 35.82 | 0x | 0 | 3 | eQEEEQEE |