diff --git a/index.html b/index.html
index b462f82..a6108dd 100644
--- a/index.html
+++ b/index.html
@@ -236,11 +236,12 @@
- spiral
+ spiral
-
-
+
+
@@ -262,8 +263,10 @@
-
-
+
+
@@ -293,25 +296,25 @@
-
+
-
-
+
+
-
+
@@ -328,12 +331,12 @@
-
-
+
+
-
+
@@ -355,6 +358,21 @@
brin
+
+
+ clip
+
+
+
+
+
+
+
+
+
+
diff --git a/script/shuffle.ts b/script/shuffle.ts
index 0d4d489..40e32c2 100644
--- a/script/shuffle.ts
+++ b/script/shuffle.ts
@@ -44,7 +44,7 @@ function groupedShuffle(subject: A[], keepTogether: A[][]): A[] {
}
function shuffleAll() {
- let groups = [group('myno', 'abyss')];
+ let groups = [group('myno', 'abyss'), group('clip', 'cervine')];
for (const elem of Array.from(document.getElementsByClassName('shuffle'))) {
let shuffled = groupedShuffle(Array.from(elem.children), groups);
diff --git a/style/base.css b/style/base.css
index 8576d25..9ce7dd1 100644
--- a/style/base.css
+++ b/style/base.css
@@ -482,6 +482,7 @@ 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; }
#nissbuttons {
margin: 2em auto 0;