diff --git a/index.html b/index.html
index 1b9b81c..01917eb 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,87 @@
-<h1>Radio Implicancies</h1> 
-<h2>2022-04-13</h2>
-<audio controls>
-  <source src="https://hub.xpub.nl/soupboat/SI18/00/release.mp3" type="audio/mpeg">
-Your browser does not support the audio element.
-</audio> 
\ No newline at end of file
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <title>UNEVEN PATTERNS</title>
+    <link href='css/main.css' rel='stylesheet'>
+    <script src='js/main.js' defer></script>
+
+  </head>
+
+  <body>
+
+
+    <div class="content">
+
+        <div class="title">
+            UNEVEN PATTERNS
+        </div>
+
+        <div class="subtitle">
+            SPECIAL ISSUE 18<br>
+            WEEK TWO
+        </div>
+
+        <div class="date">
+
+            [ 2022-04-26 ]
+        </div>
+
+
+        <div class="intro">
+            introduction
+        </div>
+
+        <div class="audio">
+            <audio controls>
+                <source src="https://hub.xpub.nl/soupboat/SI18/02/release.mp3" type="audio/mpeg">
+                    Your browser does not support the audio element.
+                </audio>
+        </div>
+
+        <div class="tracklist">
+            00:00<br>
+            pattern<br><br>
+
+            00:49<br>
+            Emma + Miriam:<br>
+            "your personal guide to making sound"<br><br>
+
+            03:57<br>
+            pattern<br><br>
+
+            04:27<br>
+            Kamo + Mitsa + Supi:<br>
+            "Schooling Shoaling"<br><br>
+
+            14:18<br>
+            pattern<br><br>
+
+            14:31<br>
+            Gersands + Carmen + Alex:<br>
+            no title<br><br>
+
+            17:46<br>
+            pattern<br><br>
+
+            19:48<br>
+            Erica + Chae:<br>
+            "Critical Evaluation of  Crunchy and Crispy Texture" from  Issue number 1 of "The Perfect Crunch International Journal", Patterns of Crunchiness to Satisfy Your Bored Mouth<br><br>
+
+            25:14<br>
+            pattern
+        </div>
+
+        <div class="caretakers">
+            Caretakers:<br>
+            Kimberley + Carmen + Jian
+        </div>
+
+    </div>
+
+
+    <div class="notation">
+        <img src="images/notation.jpg" alt="" />
+    </div>
+
+  </body>
+</html>
