diff --git a/components/CookbookForm.js b/archive/06/components/CookbookForm.js
similarity index 100%
rename from components/CookbookForm.js
rename to archive/06/components/CookbookForm.js
diff --git a/components/CookbookRecipes.js b/archive/06/components/CookbookRecipes.js
similarity index 100%
rename from components/CookbookRecipes.js
rename to archive/06/components/CookbookRecipes.js
diff --git a/archive/img/avatar/Alex.jpg b/archive/img/avatar/Alex.jpg
new file mode 100644
index 0000000..9ab55fc
Binary files /dev/null and b/archive/img/avatar/Alex.jpg differ
diff --git a/archive/img/avatar/Carmen.jpg b/archive/img/avatar/Carmen.jpg
new file mode 100644
index 0000000..6210081
Binary files /dev/null and b/archive/img/avatar/Carmen.jpg differ
diff --git a/archive/img/avatar/Chae.jpg b/archive/img/avatar/Chae.jpg
new file mode 100644
index 0000000..ccdaf99
Binary files /dev/null and b/archive/img/avatar/Chae.jpg differ
diff --git a/archive/img/avatar/Em.jpg b/archive/img/avatar/Em.jpg
new file mode 100644
index 0000000..f597bb3
Binary files /dev/null and b/archive/img/avatar/Em.jpg differ
diff --git a/archive/img/avatar/Gersande.jpg b/archive/img/avatar/Gersande.jpg
new file mode 100644
index 0000000..c6817cb
Binary files /dev/null and b/archive/img/avatar/Gersande.jpg differ
diff --git a/archive/img/avatar/Gr.jpg b/archive/img/avatar/Gr.jpg
new file mode 100644
index 0000000..c7c8712
Binary files /dev/null and b/archive/img/avatar/Gr.jpg differ
diff --git a/archive/img/avatar/Jian.jpg b/archive/img/avatar/Jian.jpg
new file mode 100644
index 0000000..3eaf6a5
Binary files /dev/null and b/archive/img/avatar/Jian.jpg differ
diff --git a/archive/img/avatar/Kamo.jpg b/archive/img/avatar/Kamo.jpg
new file mode 100644
index 0000000..e63b452
Binary files /dev/null and b/archive/img/avatar/Kamo.jpg differ
diff --git a/archive/img/avatar/Kim.jpg b/archive/img/avatar/Kim.jpg
new file mode 100644
index 0000000..e7a9b89
Binary files /dev/null and b/archive/img/avatar/Kim.jpg differ
diff --git a/archive/img/avatar/Miri.jpg b/archive/img/avatar/Miri.jpg
new file mode 100644
index 0000000..480a00d
Binary files /dev/null and b/archive/img/avatar/Miri.jpg differ
diff --git a/archive/img/avatar/Mitsa.jpg b/archive/img/avatar/Mitsa.jpg
new file mode 100644
index 0000000..3837ff0
Binary files /dev/null and b/archive/img/avatar/Mitsa.jpg differ
diff --git a/archive/img/avatar/Supi.jpg b/archive/img/avatar/Supi.jpg
new file mode 100644
index 0000000..15f0499
Binary files /dev/null and b/archive/img/avatar/Supi.jpg differ
diff --git a/archive/index.html b/archive/index.html
index 729c1d7..557e148 100644
--- a/archive/index.html
+++ b/archive/index.html
@@ -4,11 +4,14 @@
 		<meta charset="UTF-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Document</title>
+		<link rel="stylesheet" href="style.css" />
+		<script src="releases.js" defer></script>
+		<title>SI18 Archive</title>
 	</head>
 	<body>
-		This is the main head quarter.
-		<ul>
+		<h1 class="title">SI18 - Radio Implicancies</h1>
+		<div class="colophon"></div>
+		<ul class="index">
 			<li>
 				<a href="00">Try Out</a>
 			</li>
@@ -27,12 +30,28 @@
 			<li>
 				<a href="05">Nested Narratives</a>
 			</li>
+			<li>
+				<a href="06">Sharing methods for diffractive reading</a>
+			</li>
+
+			<li>
+				<a href="07">[[ Unfolding [ ] Implicancies ]]</a>
+			</li>
 		</ul>
-		<div class="image-placeholder">
-			<img
-				src="images/inner-dance-cell.png"
-				alt="two people with headphones are picturing dancing jelly people with joy"
-			/>
-		</div>
+
+		<!-- <div class="colophon">
+			<div class="avatar"><img src="img/al.jpg.jpg" alt="Al" /></div>
+			<div class="avatar"><img src="img/kim.jpg" alt="Kim" /></div>
+			<div class="avatar"><img src="img/kamo.jpg" alt="Km0" /></div>
+			<div class="avatar"><img src="img/grr.jpg" alt="Gr" /></div>
+			<div class="avatar"><img src="img/g.jpg" alt="Ge" /></div>
+			<div class="avatar"><img src="img/chae.jpg" alt="Che" /></div>
+			<div class="avatar"><img src="img/supi.jpg" alt="Sup" /></div>
+			<div class="avatar"><img src="img/mitsa.jpg" alt="Miz" /></div>
+			<div class="avatar"><img src="img/miri.jpg" alt="Mir" /></div>
+			<div class="avatar"><img src="img/emma.jpg" alt="Em" /></div>
+			<div class="avatar"><img src="img/jian.jpg" alt="J" /></div>
+			<div class="avatar"><img src="img/carmen.jpg" alt="Car" /></div>
+		</div> -->
 	</body>
 </html>
diff --git a/archive/releases.js b/archive/releases.js
new file mode 100644
index 0000000..7501fba
--- /dev/null
+++ b/archive/releases.js
@@ -0,0 +1,54 @@
+const colophon = document.querySelector(".colophon");
+const container = document.querySelector(".index");
+
+fetch("releases.json")
+	.then((res) => res.json())
+	.then((data) => {
+		buildIndex(data.releases);
+	});
+
+const buildIndex = function (releases) {
+	container.innerHTML = "";
+	for (const [index, release] of releases.entries()) {
+		let item = document.createElement("li");
+		let link = document.createElement("a");
+		link.href = index.toString().padStart(2, "0");
+		link.innerHTML = index.toString().padStart(2, "0") + ". " + release.title;
+		item.appendChild(link);
+		item.addEventListener("mouseenter", (e) => {
+			buildColophon(release);
+		});
+		container.appendChild(item);
+	}
+};
+
+const buildColophon = function (release) {
+	colophon.innerHTML = "";
+	let caretakers = document.createElement("div");
+	caretakers.classList.add("caretakers");
+
+	for (const caretaker of release.caretakers) {
+		caretakers.appendChild(buildAvatar(caretaker));
+	}
+
+	let contributors = document.createElement("ul");
+	contributors.classList.add("contributors");
+
+	for (const contributor of release.contributors) {
+		let contribution = document.createElement("div");
+		for (const person of contributor) {
+			contribution.appendChild(buildAvatar(person));
+		}
+		contributors.appendChild(contribution);
+	}
+	colophon.appendChild(caretakers);
+	colophon.appendChild(contributors);
+};
+
+const buildAvatar = function (who) {
+	let avatar = document.createElement("img");
+	avatar.classList.add("avatar");
+	avatar.src = "img/avatar/" + who + ".jpg";
+	avatar.alt = who;
+	return avatar;
+};
diff --git a/archive/releases.json b/archive/releases.json
new file mode 100644
index 0000000..7a6dd76
--- /dev/null
+++ b/archive/releases.json
@@ -0,0 +1,239 @@
+{
+    "releases": [
+        {
+            "title": "Try Out",
+            "caretakers": [],
+            "contributors": []
+        },
+        {
+            "title": "Yet to be Named",
+            "caretakers": [
+                "Chae",
+                "Mitsa"
+            ],
+            "contributors": [
+                [
+                    "Alex",
+                    "Em"
+                ],
+                [
+                    "Miri"
+                ],
+                [
+                    "Kamo"
+                ],
+                [
+                    "Mitsa",
+                    "Gr"
+                ],
+                [
+                    "Kim",
+                    "Chae"
+                ],
+                [
+                    "Supi",
+                    "Jian"
+                ],
+                [
+                    "Gersande",
+                    "Carmen"
+                ]
+            ]
+        },
+        {
+            "title": "Uneven Patterns",
+            "caretakers": [
+                "Kim",
+                "Jian"
+            ],
+            "contributors": [
+                [
+                    "Em",
+                    "Miri"
+                ],
+                [
+                    "Kamo",
+                    "Mitsa",
+                    "Supi"
+                ],
+                [
+                    "Gersande",
+                    "Carmen",
+                    "Alex"
+                ],
+                [
+                    "Gr",
+                    "Chae"
+                ],
+                [
+                    "Kim",
+                    "Jian"
+                ]
+            ]
+        },
+        {
+            "title": "Emergent Opera",
+            "caretakers": [
+                "Gersande",
+                "Gr",
+                "Kamo"
+            ],
+            "contributors": [
+                [
+                    "Kamo",
+                    "Supi"
+                ],
+                [
+                    "Gersande"
+                ],
+                [
+                    "Em",
+                    "Jian"
+                ],
+                [
+                    "Carmen",
+                    "Miri"
+                ],
+                [
+                    "Alex"
+                ],
+                [
+                    "Chae",
+                    "Kim"
+                ]
+            ]
+        },
+        {
+            "title": "The Parliament",
+            "caretakers": [
+                "Mitsa",
+                "Gr",
+                "Miri"
+            ],
+            "contributors": [
+                [
+                    "Supi",
+                    "Kim"
+                ],
+                [
+                    "Kamo",
+                    "Miri"
+                ],
+                [
+                    "Mitsa",
+                    "Alex"
+                ],
+                [
+                    "Gersande",
+                    "Jian"
+                ],
+                [
+                    "Em",
+                    "Carmen"
+                ]
+            ]
+        },
+        {
+            "title": "Nested Narratives",
+            "caretakers": [
+                "Supi",
+                "Em",
+                "Alex"
+            ],
+            "contributors": [
+                [
+                    "Miri",
+                    "Mitsa"
+                ],
+                [
+                    "Alex",
+                    "Supi"
+                ],
+                [
+                    "Em",
+                    "Kamo"
+                ],
+                [
+                    "Jian",
+                    "Gr"
+                ],
+                [
+                    "Gersande",
+                    "Chae"
+                ]
+            ]
+        },
+        {
+            "title": "Sharing methods for diffractive reading",
+            "caretakers": [
+                "Kamo",
+                "Kim",
+                "Gr"
+            ],
+            "contributors": [
+                [
+                    "Em",
+                    "Supi"
+                ],
+                [
+                    "Miri"
+                ],
+                [
+                    "Chae"
+                ],
+                [
+                    "Carmen",
+                    "Jian"
+                ],
+                [
+                    "Alex",
+                    "Mitsa"
+                ],
+                [
+                    "Chae",
+                    "Em"
+                ],
+                [
+                    "Kamo",
+                    "Kim",
+                    "Gr"
+                ]
+            ]
+        },
+        {
+            "title": "[[Unfolding [] implicancies]]",
+            "caretakers": [
+                "Em",
+                "Jian",
+                "Miri"
+            ],
+            "contributors": [
+                [
+                    "Mitsa"
+                ],
+                [
+                    "Gr"
+                ],
+                [
+                    "Kamo"
+                ],
+                [
+                    "Chae"
+                ],
+                [
+                    "Kim"
+                ],
+                [
+                    "Supi"
+                ]
+            ]
+        },
+        {
+            "title": "Prologue (Working Title)",
+            "caretakers": [
+                "Chae",
+                "Carmen"
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/archive/style.css b/archive/style.css
new file mode 100644
index 0000000..7f61165
--- /dev/null
+++ b/archive/style.css
@@ -0,0 +1,95 @@
+* {
+	box-sizing: border-box;
+}
+
+body,
+html {
+	margin: 0;
+	background-color: peachpuff;
+	font-family: Arial, Helvetica, sans-serif;
+}
+
+.title {
+	margin: 24px;
+	/* position: absolute; */
+	top: 24px;
+	left: 24px;
+	font-size: 48px;
+	font-weight: normal;
+	background-color: white;
+}
+
+.index {
+	width: 100%;
+	height: 100vh;
+	padding: 0 24px;
+	margin: 0;
+
+	display: flex;
+	/* justify-content: center; */
+	align-content: flex-start;
+
+	flex-wrap: wrap;
+	gap: 12px;
+
+	list-style: none;
+}
+
+ul {
+	padding: 0;
+	margin: 0;
+}
+
+.index li {
+	position: relative;
+	padding: 6px 12px;
+	background-color: white;
+	border-radius: 24px;
+	margin: 0;
+}
+
+a {
+	color: currentColor;
+	text-decoration: none;
+}
+
+.index a:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+li:hover {
+	transform: scale(1.05);
+}
+
+.avatar {
+	display: inline-block;
+	width: 50px;
+	height: 50px;
+	background-color: white;
+	text-align: center;
+	font-size: 18px;
+	line-height: 50px;
+}
+
+.avatar.img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+.colophon {
+	position: absolute;
+	bottom: 24px;
+	left: 24px;
+	padding: 24px;
+	background-color: white;
+}
+
+.colophon .caretakers {
+	margin-bottom: 24px;
+}
