diff --git a/08/css/override.css b/08/css/override.css
index 0e8b484..4c39bbf 100644
--- a/08/css/override.css
+++ b/08/css/override.css
@@ -2,6 +2,23 @@
 	box-sizing: border-box;
 }
 
+header {
+	margin: 0;
+	padding: 16px;
+}
+
+header h1 {
+	font-size: 72px;
+}
+header h2 {
+	font-size: 48px;
+	line-height: 1;
+}
+header p {
+	font-size: 3ch;
+	line-height: 1.4;
+}
+
 .initials,
 .pull_left.userpic_wrap,
 .reply_to,
diff --git a/08/index.html b/08/index.html
index 1bf2ba7..05832ab 100644
--- a/08/index.html
+++ b/08/index.html
@@ -10,8 +10,26 @@
 	</head>
 
 	<body>
-		<h1>Outro/Intro</h1>
-		<h2>4 Days in <a href="https://www.lagenerale.fr/fr/projet/sound-publishing">La Générale</a> located in Paris. While working together, we made an outro for ourselves. We imagined this outro as an intro for listeners.</h2>
+		<header>
+			<h1>Live in Paris, Outro/Intro</h1>
+			<h2>
+				Special Issue #18 — Weekly Release #8<br />
+				21 June 2022, at La General<br />
+			</h2>
+			<p>
+				Bonjour, during the final week of Special Issue 18 we have been hosted by
+				<a href="https://www.lagenerale.fr/fr/projet/sound-publishing">La Générale</a>, a
+				political, social and artistic laboratory in Paris, in which we had the chance to
+				closely work together in a residency for 4 days. It was for us an opportunity to
+				look and reflect retrospectively on the work done so far, to process, analyse and
+				draw a fil rouge in between our weekly releases, and build a collective
+				understanding of the process we went through. The eighth release is thus the result
+				of a wrap up moment; we would like to present it as an outro for ourselves, but also
+				as an introduction that could hopefully guide future listeners across the messy
+				interconnections and implicancies of the Special Issue 18. The following chat is the
+				travel log of our residency in Paris, enjoy!
+			</p>
+		</header>
 		<div class="page_wrap">
 			<div class="page_body chat_page">
 				<div class="history">
@@ -1321,7 +1339,10 @@
 							<div class="text">The bus is now xpub property</div>
 						</div>
 					</div>
-					<img src="photos/live-in-paris-3.jpg" alt="The AC was broken and there was a heat wave. As a portest, we drew multiple drawings illustrating how hot the bus was." />
+					<img
+						src="photos/live-in-paris-3.jpg"
+						alt="The AC was broken and there was a heat wave. As a portest, we drew multiple drawings illustrating how hot the bus was."
+					/>
 					<div class="message default clearfix" id="message420281">
 						<div class="pull_left userpic_wrap">
 							<div class="userpic userpic1" style="width: 42px; height: 42px">
@@ -6065,9 +6086,9 @@
 						</div>
 					</div>
 					<img
-					src="photos/live-in-paris-5.jpg"
-					alt="us setting up the workspace in La General, moving chairs and tables."
-				/>
+						src="photos/live-in-paris-5.jpg"
+						alt="us setting up the workspace in La General, moving chairs and tables."
+					/>
 					<div class="message default clearfix joined" id="message420881">
 						<div class="body">
 							<div
@@ -6261,9 +6282,9 @@
 						</div>
 					</div>
 					<img
-					src="photos/live-in-paris-6.jpg"
-					alt="us playing with different instruments that Gersande brought."
-				/>
+						src="photos/live-in-paris-6.jpg"
+						alt="us playing with different instruments that Gersande brought."
+					/>
 					<div class="message default clearfix" id="message420893">
 						<div class="pull_left userpic_wrap">
 							<div class="userpic userpic1" style="width: 42px; height: 42px">
@@ -6455,9 +6476,9 @@
 						</div>
 					</div>
 					<img
-					src="photos/live-in-paris-19.jpg"
-					alt="us re-listening our previous releases and reflecting on them."
-				/>
+						src="photos/live-in-paris-19.jpg"
+						alt="us re-listening our previous releases and reflecting on them."
+					/>
 					<div class="message default clearfix" id="message420908">
 						<div class="pull_left userpic_wrap">
 							<div class="userpic userpic1" style="width: 42px; height: 42px">
@@ -6479,9 +6500,9 @@
 						</div>
 					</div>
 					<img
-					src="photos/live-in-paris-9.jpg"
-					alt="us re-listening our previous releases and reflecting on them."
-				/>
+						src="photos/live-in-paris-9.jpg"
+						alt="us re-listening our previous releases and reflecting on them."
+					/>
 					<div class="message default clearfix" id="message420909">
 						<div class="pull_left userpic_wrap">
 							<div class="userpic userpic4" style="width: 42px; height: 42px">
@@ -8512,10 +8533,7 @@
 							</div>
 						</div>
 					</div>
-					<img
-					src="photos/live-in-paris-8.jpg"
-					alt=""
-				/>
+					<img src="photos/live-in-paris-8.jpg" alt="" />
 					<div class="message default clearfix" id="message421106">
 						<div class="pull_left userpic_wrap">
 							<div class="userpic userpic1" style="width: 42px; height: 42px">
diff --git a/TODO.md b/TODO.md
index a33b207..5301992 100644
--- a/TODO.md
+++ b/TODO.md
@@ -5,4 +5,14 @@
 - index text design desktop & mobile
 - releases documentation for index
 - si18.8 release page ? paris diary feed ?
-- 
\ No newline at end of file
+
+
+
+TODO LIST FOR 24 
+
+- SI page picture & fix mobile visibility
+- compress upload connect intro audio 
+- paris intro design
+- colophon design
+
+mobile eee vediamo 
\ No newline at end of file
