diff --git a/12/blank.html b/12/blank.html
index 9737131..32bb741 100644
--- a/12/blank.html
+++ b/12/blank.html
@@ -48,42 +48,54 @@
 
           
   		#demo {
-		margin-top: 30px;
-    	text-align: center;
-        font-size: 60px;
-		line-height: 30px;
-		color: white;
-		font-family:"Roboto Mono";
-        text-shadow: 2px 2px 5px Blue;
-        }
+	margin-top: 30px;
+  text-align: center;
+  font-size: 60px;
+  line-height: 30px;
+	color: white;
+	font-family:"Roboto Mono";
+  text-shadow: 2px 2px 5px blue;
+  }
   
-        h1 {
-          text-align: center; 
-          color: black; 
-          line-height: 30px;
-          font-family:"Roboto Mono";
-          font-size: 24px; 
-          }
+h1 {
+  text-align: center; 
+  color: black; 
+  line-height: 30px;
+  font-family:"Roboto Mono";
+  font-size: 30px;
+  padding-top: 5px; 
+  text-decoration: underline;
+  }
           
           
-		h2 {
-          text-align: center; 
-          color: white; 
-          font-family:"GapSansBold";
-          line-height: 70px;
-          font-size: 70px; 
-          text-shadow: 2px 2px 5px Blue;
-          }
+h2 {
+  text-align: center; 
+  color: black; 
+  line-height: 30px;
+  font-family:"Roboto Mono";
+  font-size: 24px;
+  }
+
+.about_04 {
+  text-align: center; 
+  color: black; 
+  font-family:"Roboto Mono";
+  font-size: 20px;
+  margin-left: 180px;
+  margin-right: 180px;
+  font-style: italic;
+  overflow: hidden;
+}
           
           
-        .muisding {
-  		border: none;
-  		width: 50px;
-		}
+.muisding {
+  border: none;
+  width: 50px;
+}
 
-		#ding{
+#ding{
 		position:absolute;
-		}
+}
            
 		</style> 
 
@@ -108,16 +120,15 @@
   
  </script>
 
-
-  <h1>
-	<br>
-	Radio Implicancies #12.4: Damages <br> 04/06 at 16:00 (UTC+2) 
-	</h1>
+<h1>
+	Radio Implicancies #12.4 
+</h1>
+  <div class="about_04">What energy is there after damage is done? How do we de-normalize and destabilize damage, rather than trying to fix it? This week, the contributors created a response to "Queering Damage" - a workshop by our guest Helen Pritchard.</div>
 	<br>
-  	<h1>
-    broadcast will start in...
-  	</h1>
-   <p id="demo"></p>
+<h2>
+  broadcast will start in...
+</h2>
+<p id="demo"></p>
   
   
   
diff --git a/12/index.html b/12/index.html
index 2e8c721..0dedf03 100644
--- a/12/index.html
+++ b/12/index.html
@@ -2,10 +2,10 @@
       
 
     <head>
-    	<meta charset="UTF-8">
+      <meta charset="UTF-8">
       <meta charset="utf-8">
-    	<meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1">
-    	<title>Special issue 12</title>
+      <meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1">
+      <title>Special issue 12</title>
       <link rel="stylesheet" type="text/css" href="style.css">
       <link rel="stylesheet"
               href="https://fonts.googleapis.com/css?family=Roboto Mono">
@@ -13,10 +13,10 @@
     <body>
       <div class="back"><a href="https://issue.xpub.nl/"> ↰ Main Page </a></div>
       <div class="intro">
-     	 <div class="page_title_2">RADIO IMPLICANCIES</div>
-     	 <div class="intro_text">
+       <div class="page_title_2">RADIO IMPLICANCIES</div>
+       <div class="intro_text">
     Radio Implicancies is a weekly broadcast of recorded and live matter brought to you by Piet Zwart Institute's Experimental Publishing programme. Radio Implicancies starts in the middle.  Each broadcast means to engage with the way technologies are worlding the world. Take a deep breath and jump in on other ways of calculating, validating, ordering and framing collections of digital material. Let’s not wait for tomorrow to pay attention to the colonial conditionings of contemporary techno-cultures!
-     	 </div>
+       </div>
        <div class="sec_title_contributors">Contributors:</div>
     <div class="contributors_names">
     Avital Barkai, Damlanur Bilgin, Sandra Golubjevaite, Tisa Neža Herlec, Mark van den Heuvel, Max Lehmann, Mika Motskobili, Clara Noseda, Anna Sandri, Ioana Tomici, Michael Murtaugh, Femke Snelting
@@ -30,7 +30,7 @@
   <div id="resources" class=""><iframe name="resources" id="iframe" src='resources_04.html'></iframe></div>
        <!--  <div id="info"><div id="title"></div><div id="authors"></div> --> 
     <div id="week_04">
-      <div class="schedule_04">PROGRAMME</div>
+      <div class="schedule_04">PROGRAMME #12.4<br>04/06 at 16:00 (UTC+2)</div>
       <div class="audio_04">
         <audio controls>
         <source src="archive_12.1.4.mp3" type="audio/mp3">
@@ -67,7 +67,7 @@
 <!--           <script src="https://threejs.org/build/three.js"></script>
     <script src="torusKnot.js"></script> -->    
 
-       	<div class="sec_title_03">#12.3 - 28/05</div>
+        <div class="sec_title_03">#12.3 - 28/05</div>
       <br> 
       <div class="text_above_3">The third broadcast is a mystery, a myth, a speculation, an insecurity, a poem perhaps.</div>
          <br>
@@ -108,12 +108,12 @@
             </ul>
           <div class="audio_03">
             <audio controls>
-            	<source src="https://echo.lurk.org:999/radioimplicancies.ogg" type="audio/ogg">  
+              <source src="https://echo.lurk.org:999/radioimplicancies.ogg" type="audio/ogg">  
             </audio>
       </div>
       
       <!-- <div> 
-        	<p><a href="https://pad.xpub.nl/p/radio_implicancies_12.3" target="shell">etherpad</a>&nbsp;&nbsp;
+          <p><a href="https://pad.xpub.nl/p/radio_implicancies_12.3" target="shell">etherpad</a>&nbsp;&nbsp;
               <a href="shell.html" target="shell">shell</a>
              </p>
       </div> -->
@@ -123,7 +123,7 @@
       </div>
 
       </div>
-      	
+        
 
 
 
@@ -196,7 +196,7 @@
                srclang="en"
                src="archive_12.2.vtt"/>
       </audio>
-      	</div>
+        </div>
         <p>
           LIVE COMMENT STREAM HERE DURING THE BROADCAST   
         <a href="https://www.yourworldoftext.com/implicances02" target="_blank">here</a>
@@ -243,7 +243,7 @@
             liveplayer(document.querySelector("#week_03")); 
             document.querySelector("#iframe").addEventListener("load",function(){
             document.querySelector("#shell_03").classList.remove("hidden");                                                 
-			});     
+      });     
             document.querySelector("#iframe2").addEventListener("load",function(){
             document.querySelector("#etherpad").classList.remove("hidden");                                                 
       });                                                          
diff --git a/12/index_test.html b/12/index_test.html
index 2e8c721..4a5db76 100644
--- a/12/index_test.html
+++ b/12/index_test.html
@@ -30,7 +30,7 @@
   <div id="resources" class=""><iframe name="resources" id="iframe" src='resources_04.html'></iframe></div>
        <!--  <div id="info"><div id="title"></div><div id="authors"></div> --> 
     <div id="week_04">
-      <div class="schedule_04">PROGRAMME</div>
+      <div class="schedule_04">PROGRAMME #12.4<br>04/06 at 16:00 (UTC+2)</div>
       <div class="audio_04">
         <audio controls>
         <source src="archive_12.1.4.mp3" type="audio/mp3">
diff --git a/12/resources_04.html b/12/resources_04.html
index d319902..e03b21c 100644
--- a/12/resources_04.html
+++ b/12/resources_04.html
@@ -1,82 +1,98 @@
 <!DOCTYPE html>
 <html>
-<head>
-  
-  
+<head> 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-
  <script src="muisje.js"></script> 
-
-  
-      <style> 
-          
-   
-        @font-face {
+<style> 
+      @font-face {
       font-family: 'GapSansBold';
       src: url('font/gapsansbold-webfont.eot');
       src: url('font/gapsansbold-webfont.eot?#iefix') format('embedded-opentype'),
-        url('font/gapsansbold-webfont.woff2') format('woff2'),
-        url('font/gapsansbold-webfont.woff') format('woff'),
-        url('font/gapsansbold-webfont.ttf') format('truetype'),
-        url('font/gapsansbold-webfont.svg#gap_sansbold') format('svg');
+      url('font/gapsansbold-webfont.woff2') format('woff2'),
+      url('font/gapsansbold-webfont.woff') format('woff'),
+      url('font/gapsansbold-webfont.ttf') format('truetype'),
+      url('font/gapsansbold-webfont.svg#gap_sansbold') format('svg');
       font-weight: normal;
       font-style: normal;
-
     }
 
-          
-      #demo {
-      text-align: center;
-        font-size: 70px;
-        line-height:40px;
-    color: black;
-    font-family:"Roboto Mono";
+@font-face{
+font-family:"Roboto Mono";
+src: url("font/RobotoMono-Regular.ttf") format("truetype"),
+url("https://fonts.googleapis.com/css?family=Roboto Mono")
+}
+
+#demo {
+  text-align: center;
+  font-size: 70px;
+  line-height:40px;
+  color: black;
+  font-family:"Roboto Mono";
         }
   
-        h1 {
-          text-align: center; 
-          color: black; 
-          line-height: 35px;
-          font-family:"Roboto Mono";
-          font-size: 30px; 
-          }
+h1 {
+  text-align: center; 
+  color: black; 
+  line-height: 35px;
+  font-family:"Roboto Mono";
+  font-size: 30px; 
+}
           
 h2 {
-    text-align: center;
-    color: white;
-    font-family: "GapSansBold";
-    line-height: 70px;
-    font-size: 70px;
-    text-shadow: 2px 2px 5px blue;
+  text-align: center;
+  /*color: black;*/
+  font-family: "GapSansBold";
+  line-height: 70px;
+  font-size: 70px;
+  text-shadow: 2px 2px 5px blue;
+  -webkit-animation: pulsate 3s ease-out;
+  -webkit-animation-iteration-count: infinite; 
 }
-   
+
+@-webkit-keyframes pulsate {
+    0% { 
+      text-shadow: 2px 2px 5px blue;
+/*      text-shadow: 2px 2px 5px blue;*/
+    }
+    50% {
+      text-shadow: 2px 2px 5px black;
+/*      text-shadow: 0px 15px 0px black;*/ 
+        
+    }
+    100% { 
+      text-shadow: 2px 2px 5px blue;
+/*      text-shadow: 2px 2px 5px blue;*/
+    }
+  } 
+
+p{
+  text-align: center; 
+  color: black; 
+  font-family:Roboto Mono;
+  font-size: 15px;
+}
+
     </style> 
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Clock of the instable Now</title>
+    <title>Resources_04</title>
 </head>
 <body>
-<!-- 
-
 
-  <h1>
-  <br>
-  Radio Implicancies #12.4 - 04/06 at 16:00 (UTC+2) 
-    <br>
-  </h1>
-   -->
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
+   <p>
 
+  </p>
     <h2>
   DAMAGE
   </h2>
-
-
+  <p class="text">
+  </p>
   
 
   
diff --git a/12/style.css b/12/style.css
index 27a77f2..2ad9158 100644
--- a/12/style.css
+++ b/12/style.css
@@ -25,6 +25,12 @@ font-weight: normal;
 font-style: normal;
 }
 
+          
+@font-face{
+font-family:"Roboto Mono";
+src: url("font/RobotoMono-Regular.ttf") format("truetype"),
+url("https://fonts.googleapis.com/css?family=Roboto Mono")
+}
 
 
 body{
@@ -41,8 +47,9 @@ body{
 }
 
 .intro{
-  margin:40px;
+  margin:60px;
   max-width: 60%;
+  margin-left: 100px;
 }
 
 .page_title{
@@ -50,6 +57,7 @@ body{
   color: blue;
   font-family: pitchoun;
 
+
 }
 
 
@@ -61,9 +69,10 @@ body{
 }
 
 
-.intro_text_01{
-  margin-top:15px;
-  font-size:30px;
+.intro_text{
+  margin-left:100px;
+  margin-top: 10px;
+
 }
 
 .sec_title_01{
@@ -94,16 +103,15 @@ color: blue;
 
 .text_above_3{
 font-family: hershey;
-  font-size:20px;
+font-size:20px;
 text-align: center;
 color: white;
-   text-shadow: 2px;
-    font-style: italic;
+text-shadow: 2px;
+
 }
 .sec_title_contributors{
-	font-size:19px;
+	font-size:18px;
   padding-top: 20px;
-  font-style: italic;
 }
 
 /*.contributors{
@@ -114,8 +122,8 @@ color: black;
 .contributors_names{
   color: black;
   margin-top: 10px;
-  font-size: 19px;
-  font-style: italic;
+  font-size: 18px;
+
 }
 
 #week_01{
@@ -255,10 +263,12 @@ a:hover{
     font-family: monospace;
     color: white;
     font-size: 14px;
-    overflow-y: auto;
   	background: Linen;
-  	margin-top: 20px;
+  	margin-top: 100px;
   	margin-bottom: 20px;
+    overflow: hidden;
+    overflow-y: hidden; /* Hide vertical scrollbar */
+    overflow-x: hidden; /* Hide horizontal scrollbar */
 }
 
 #shell_03.hidden {
@@ -301,15 +311,15 @@ a:hover{
     white-space: pre-wrap;
     height: 100%;
     width: 45%;
-    font-family: monospace;
-    color: white;
+    color: black;
     font-size: 14px;
     overflow-y: auto;
     background: #FAF0E6;
     margin: 0px;
-    border: 10px solid #FAF0E6;
+    border: 10px solid black;
     float: left;
     margin-left: 50px;
+    font-family: Roboto Mono;
 }
 
 #resources iframe {
@@ -321,9 +331,9 @@ a:hover{
 }
 
 #week_04{
-  width: 45%;
+  width: 40%;
   margin: 0px;
-  margin-right: 50px;
+  margin-right: 70px;
   background-color: ;
   float: right;
 }
@@ -331,15 +341,14 @@ a:hover{
 .schedule_04 {
   width: 100%;
   padding-top: 0px;
-  margin-top: 30px;
+  margin-top: 5px;
   background-color:;
-
-  
+ 
 }
 
 #table_content_04 { 
  align-content: initial;   
- font-size: 20px;
+ font-size: 22px;
  text-align: left;
  background-color:;
  list-style-type: none;
@@ -392,4 +401,12 @@ a:hover{
 .link_04{  
   color:blue;
   text-decoration: none;
-} 
\ No newline at end of file
+} 
+
+  
+.about_04{
+      text-align: center; 
+      color: black; 
+      font-family:"Roboto Mono";
+      font-size: 15px;
+   }
\ No newline at end of file
