diff --git a/index.html b/index.html
index 74fe6fa..e3b5ea8 100644
--- a/index.html
+++ b/index.html
@@ -360,7 +360,9 @@
brin
- clip
+
+
+
@@ -373,6 +375,60 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ konsti
+
+
+
+
+
+
+
+
+
+
+
+
+ lena
+
+
+ serena
+
+
+
+
+
+
+
+
+
+
diff --git a/script/run.ts b/script/run.ts
index 659d2ac..3a0f836 100644
--- a/script/run.ts
+++ b/script/run.ts
@@ -178,7 +178,7 @@ export function applyConfiguration(): void {
const place = current[pane];
element.style.setProperty('--base-transform', placeToTransform(place));
- element.style.pointerEvents = place[0] == 'front' ? 'auto' : 'none';
+ element.inert = place[0] != 'front';
}
}
diff --git a/style/base.css b/style/base.css
index 39af411..1c86c0e 100644
--- a/style/base.css
+++ b/style/base.css
@@ -147,10 +147,11 @@ h2 { margin-top: 0; }
h3 {
text-align: center;
- margin-top: 0;
margin-bottom: 0.25em;
}
+h2 + section h3 { margin-top: 0; }
+
strong { font-weight: 700; }
#cube section ::selection {
@@ -474,7 +475,6 @@ strong { font-weight: 700; }
#friends a:hover { text-decoration: none; }
#friends #khr a { background: #ffab71; color: #71153e; }
-#friends #dusty a { background: #fbd265; color: #805c2d; }
#friends #ionchy a { background: #feca2f; color: #1b1505; }
#friends #tenna a { background: #6095da; color: #243224; }
#friends #river a { background: #98d8e7; color: #d67d28; }
@@ -482,7 +482,9 @@ strong { font-weight: 700; }
#friends #codl a { background: #87261f; color: #edb970; }
#friends #violet a { background: #8c2bd8; color: #dddddd; }
#friends #brin a { background: #1e1e1e; color: #ff4400; }
-#friends #clip a { background: #2f2a2b; color: #e8d057; }
+#friends #konsti a { background: #060038; color: #ffcccc; }
+#friends #lena a { background: #e3ccf7; color: #000000; }
+#friends #serena a { background: #e787ad; color: #204; }
#nissbuttons {
margin: 2em auto 0;