diff --git a/.gitignore b/.gitignore
index bee8a64..cd690fc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,4 @@
 __pycache__
+www/boris/me
+www/boris/swarm
+
diff --git a/www/boris/astroport.png b/www/boris/astroport.png
new file mode 100644
index 0000000..8378959
Binary files /dev/null and b/www/boris/astroport.png differ
diff --git a/www/boris/conf.php b/www/boris/conf.php
index 5242035..d7688bc 100644
--- a/www/boris/conf.php
+++ b/www/boris/conf.php
@@ -1,6 +1,7 @@
 <?php
 
-define('HOST', 'tube.copylaradio.com');
+define('STATION_NAME', exec('cat ../../../ipfs/.12D*/_xbian.zuid'));
+define('HOST', 'astroport');
 
 /*
 
diff --git a/www/boris/crowdbunker.css b/www/boris/crowdbunker.css
index 030c326..4e66be6 100644
--- a/www/boris/crowdbunker.css
+++ b/www/boris/crowdbunker.css
@@ -81,7 +81,7 @@ main {
 article {
 
 	border-radius: 0.25rem;
-	background: hsl(200.8, 100%, 9.6%);
+	background: var(--canard);
 	width: 58.3%;
 	margin: auto;
 	overflow: hidden;
diff --git a/www/boris/styles/astroport/style.css b/www/boris/styles/astroport/style.css
new file mode 100644
index 0000000..ae02a9c
--- /dev/null
+++ b/www/boris/styles/astroport/style.css
@@ -0,0 +1,111 @@
+:root {
+
+	--rouge: hsl(0, 98.8%, 33.5%);
+	--noir-fonce: hsl(0, 30%, 2.1%);
+	--noir-moyen: hsl(0, 15%, 3.1%);
+	--noir-clair: hsl(0, 5%, 7.1%);
+}
+
+body {
+
+	background: var(--noir-fonce);
+	color: white;
+	margin: 0;
+	padding: 0;
+	font-family: Roboto,sans-serif;
+}
+
+header {
+
+	background: var(--noir-clair);
+	overflow: hidden;
+	margin-bottom: 2rem;
+
+}
+
+header * {
+
+	font-size: 1.5rem;
+	padding: 0.5rem;
+	margin: 0;
+	color: var(--rouge);
+	text-decoration: none;
+}
+
+header span {
+
+	color: white;
+}
+
+
+main {
+
+	width: 80%;
+	margin: auto;
+}
+
+#videosList {
+
+	display: grid;
+	grid-gap: 1rem 1rem;
+	grid-auto-flow: row;
+	grid-template-columns: 322px 322px 322px;
+
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+#videosList li {
+
+	background: var(--noir-clair);
+	border-color: var(--rouge);
+	border-radius: 0.25rem;
+	border-width: 1px;
+	border-style: solid;
+	overflow: hidden;
+}
+
+#videosList .video-title {
+
+	padding: 0.5rem 1rem;
+}
+
+.video-title,
+.video-title a,
+.video-title a:visited {
+
+	color: white;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+article {
+
+	border-radius: 0.25rem;
+	background: var(--noir-clair);
+	width: 58.3%;
+	margin: auto;
+	overflow: hidden;
+
+}
+
+article video {
+
+	width: 100%;
+	max-height: 50vh;
+	background: black;
+}
+
+article .video-title {
+
+	font-weight: bold;
+	padding: 1rem 1rem;
+	font-size: 1.25rem;
+	margin: 0;
+}
+
+footer {
+
+	display: none;
+}
diff --git a/www/boris/styles/crowdbunker/style.css b/www/boris/styles/crowdbunker/style.css
new file mode 100644
index 0000000..4e66be6
--- /dev/null
+++ b/www/boris/styles/crowdbunker/style.css
@@ -0,0 +1,104 @@
+:root {
+
+	--pink: hsl(338.5, 72.8%, 36.1%);
+	--canard: hsl(200.8, 100%, 9.6%);
+}
+
+body {
+
+	background: #121212;
+	color: white;
+	margin: 0;
+	padding: 0;
+	font-family: Roboto,sans-serif;
+}
+
+header {
+
+	background: var(--canard);
+	overflow: hidden;
+	margin-bottom: 2rem;
+
+}
+
+header * {
+
+	font-size: 1.5rem;
+	padding: 0.5rem;
+	margin: 0;
+	color: var(--pink);
+	text-decoration: none;
+}
+
+header span {
+
+	color: white;
+}
+
+
+main {
+
+	width: 80%;
+	margin: auto;
+}
+
+#videosList {
+
+	display: grid;
+	grid-gap: 1rem 1rem;
+	grid-auto-flow: row;
+	grid-template-columns: 322px 322px 322px;
+
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+#videosList li {
+
+	background: var(--canard);
+	border-color: var(--pink);
+	border-radius: 0.25rem;
+	border-width: 1px;
+	border-style: solid;
+	overflow: hidden;
+}
+
+#videosList .video-title {
+
+	padding: 0.5rem 1rem;
+}
+
+.video-title,
+.video-title a,
+.video-title a:visited {
+
+	color: white;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+article {
+
+	border-radius: 0.25rem;
+	background: var(--canard);
+	width: 58.3%;
+	margin: auto;
+	overflow: hidden;
+
+}
+
+article video {
+
+	width: 100%;
+	max-height: 50vh;
+	background: black;
+}
+
+article .video-title {
+
+	font-weight: bold;
+	padding: 1rem 1rem;
+	font-size: 1.25rem;
+	margin: 0;
+}
diff --git a/www/boris/youtube.php b/www/boris/youtube.php
index e135a6a..68f8615 100644
--- a/www/boris/youtube.php
+++ b/www/boris/youtube.php
@@ -14,8 +14,8 @@ foreach ($videos as $v) {
     list($a, $youtubeID, $c, $videoName, $e, $src, $h, $quality, $videoURI) = explode(";", $v);
 
 
-    $videoURL = 'https://'. HOST. $videoURI;
-    $videoEco = 'https://'. HOST. '/ipns/' . $h;
+    $videoURL = 'http://'. HOST. $videoURI;
+    $videoEco = 'http://'. HOST. '/ipns/' . $h;
     $mimeType = guessTypeFromFilename($videoURI);
 
 
@@ -38,19 +38,16 @@ foreach ($videos as $v) {
 <html>
 <head>
     <title>Astroport/School: WWW/IPFS - Interfaces et API - </title>
-    <link rel="stylesheet" href="crowdbunker.css" type="text/css" />
-    <link rel="icon" type="image/png" href="./astrocrowdbunker.png" />
+    <link rel="stylesheet" href="styles/astroport/style.css" type="text/css" />
+    <link rel="icon" type="image/png" href="./astroport.png" />
 </head>
 <body>
 
 <header>
     <h1>
-        <span><a href="https://git.p2p.legal/axiom-team/astrXbian/src/branch/master/www/boris">~/.zen/AstXbian/www/boris</a></span> × <span><a href="/ipfs/QmbmjSBWVNSSjJsMmCeFuFtQiuWyGg6iUGLRyvK7TUkFN8">Voir le code de la page</a></span>
+        <a href="youtube.php">Astroport "<span><?php echo STATION_NAME; ?></span>"</a>
     </h1>
 </header>
-    <h2>
-        <span>le code est libre</span> × <span>voyez le évoluer</span>
-    </h2>
 <main>
 <?php
 
@@ -66,12 +63,12 @@ foreach ($videosList as $video) {
 
     echo '
 
-    <a href="'. $href .'">
+    <a href="'. $video['eco'] .'">
         <img src="'. sprintf(YOUTUBE_THUMB, $video['youtubeID']) . '" alt="'. $video['name'] . '" />
     </a>
 
     <p class="video-title">
-        <a href="'. $video['eco'] .'">
+        <a href="'. $href .'">
             ' . $video['name'] . '
         </a>
     </p>';
@@ -83,6 +80,13 @@ echo '</ul>';
 ?>
 </main>
 
-
+<footer>
+    <p>
+        <span>le code est libre</span> × <span>voyez le évoluer</span>
+    </p>
+    <p>
+        <span><a href="https://git.p2p.legal/axiom-team/astrXbian/src/branch/master/www/boris">~/.zen/AstXbian/www/boris</a></span> × <span><a href="/ipfs/QmbmjSBWVNSSjJsMmCeFuFtQiuWyGg6iUGLRyvK7TUkFN8">Voir le code de la page</a></span>
+    </p>
+</footer>
 </body>
 </html>
diff --git a/www/boris/youtube_watch.php b/www/boris/youtube_watch.php
index becdc93..d112be9 100644
--- a/www/boris/youtube_watch.php
+++ b/www/boris/youtube_watch.php
@@ -2,22 +2,22 @@
 require_once('functions.php');
 require_once('conf.php');
 
-$videoURL = 'https://'. HOST. htmlentities($_GET['uri']);
+$videoURL = 'http://'. HOST. htmlentities($_GET['uri']);
 $videoName = htmlentities(urldecode($_GET['name']));
 $videoMIME = htmlentities($_GET['mime']);
 
 ?><!DOCTYPE html>
 <html>
 <head>
-	<title>AstroCrowdBuster</title>
-	<link rel="stylesheet" href="crowdbunker.css" type="text/css" />
-	<link rel="icon" type="image/png" href="/astrocrowdbunker.png" />
+	<title><?php echo $videoName; ?> - Astroport "<?php echo STATION_NAME; ?></title>
+    <link rel="stylesheet" href="styles/astroport/style.css" type="text/css" />
+	<link rel="icon" type="image/png" href="/astroport.png" />
 </head>
 <body>
 
 <header>
 	<h6>
-		<a href="youtube.php"><span>Astroport</span> × <span>Crowdbunker</span></a>
+        <a href="youtube.php">Astroport "<span><?php echo STATION_NAME; ?></span>"</a>
 	</h6>
 </header>