From 729e55dd03e15c0fd94955be479617c9514b29b0 Mon Sep 17 00:00:00 2001
From: Sandra <you@example.com>
Date: Wed, 3 Jun 2020 17:22:21 +0200
Subject: [PATCH] css

---
 12/index_test.html |  46 +++++++++++++--
 12/style.css       | 142 +++++++++++++++++++++++++++++++++++++++++----
 2 files changed, 172 insertions(+), 16 deletions(-)

diff --git a/12/index_test.html b/12/index_test.html
index a50cd88..cc6e2f5 100644
--- a/12/index_test.html
+++ b/12/index_test.html
@@ -17,18 +17,53 @@
      	 <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 class="sec_title_contributors">Contributors</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
       </div>
       </div>
-      
       <div id="shell_03" class=""><iframe name="shell" id="iframe" src='blank.html'></iframe></div>
         <div id="info"><div id="title"></div><div id="authors"></div>
       </div>
+    
+<div id="implicancies_04">
+  <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="audio_04">
+        <audio controls>
+        <source src="archive_12.1.4.mp3" type="audio/mp3">
+              <track default kind="captions"
+               srclang="en"
+               src="archive_12.1.4.vtt"/>
+        </audio>
+      </div>
+      <div class="sec_title_04">#12.4 Schedule</div>
+      <ul id="table_content_04">
+        <li id="track_1"> No. 2992 / Clara / 0'00''</li>
+        <li id="track_2"> SupraSignal: An audio piece of the unseen image / Ioana / 0'00''</li>
+        <li id="track_3"> I can think with my own head / Tisa / 0'00''</li>
+<!--         <li id="track_4">track / name / 0'00''</li>
+        <li id="track_5">track / name / 0'00''</li>
+        <li id="track_6">track / name / 0'00''</li>
+        <li id="track_7">track / name / 0'00''</li>
+        <li id="track_8">track / name / 0'00''</li> -->
+      </ul> 
+       
+          <p> 
+            live comment during the broadcast: <br><a href="https://pad.xpub.nl/p/radio_implicancies_12.4" target="etherpad"> >> ETHERPAD << </a>&nbsp;&nbsp;
+              <!-- <a href="shell.html" target="shell">shell</a> -->
+          </p>
+</div>
+</div>
+
+<!-- <div id="shell_03" class="hidden"><iframe name="shell" id="iframe"></iframe></div> -->
+      <div id="etherpad" class="hidden"><iframe name="etherpad" id="iframe2" ></iframe></div>
+        <div id="info"><div id="title"></div><div id="authors"></div>
+      </div>
 
 
-      <div class="previous"> Previously</div>
+      <div class="previous">&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668;&#8668; ARCHIVE &#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669;&#8669; </</div>
 
 
     <div id="week_03" class="liveplayer">
@@ -211,7 +246,10 @@
             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");                                                 
+      });                                                          
           </script>
 
     </body>
diff --git a/12/style.css b/12/style.css
index 3e46243..d5ae7ea 100644
--- a/12/style.css
+++ b/12/style.css
@@ -17,7 +17,7 @@ body{
 
   width:100%;
   font-family: Roboto Mono;
-  font-size: 18px;
+  font-size: 24px;
 
 }
 
@@ -78,9 +78,22 @@ color: white;
     font-style: italic;
 }
 .sec_title_contributors{
-	font-size:30px;
+	font-size:19px;
+  padding-top: 20px;
+  font-style: italic;
 }
 
+/*.contributors{
+color: black;
+  margin:40px;
+}*/
+
+.contributors_names{
+  color: black;
+  margin-top: 10px;
+  font-size: 19px;
+  font-style: italic;
+}
 
 #week_01{
   margin:40px;
@@ -119,6 +132,9 @@ color: white;
   margin-right: 30%;
 }
 
+ul#table_content_01 li{    
+ font-size: 18px;
+  }
 
 ul#table_content_02 li{    
  display: inline; 
@@ -165,27 +181,29 @@ ul#table_content_03{
 
   }
 
+
 .audio_01{
   width:100%;
   margin-top:40px;
 }
 
-.contributors{
-color: black;
-  margin:40px;
-}
-
-.contributors_names{
-	color: orangered;
 
- margin-top: 15px;
-}
 
 .previous {
   color: black;
   margin:40px;
-  color: orangered;
   margin-top: 15px;
+  font-size: 60px;
+  text-align: center;
+  text-outline: 1px solid;
+  width: 100%;
+  height: auto;
+  background-color: ;
+  left: 0px;
+/*  position: relative;*/
+  margin: 160px 0px 90px 0px;
+  padding: 0px;
+
 }
 
 audio{
@@ -237,4 +255,104 @@ a:hover{
 	height: 40em;
   width: 100%;
     
+}
+
+
+/*broadcast 12.4*/
+
+
+#implicancies_04 > div {
+    display: inline-block;
+    text-align: center;
+}
+
+#implicancies_04 {
+    text-align: center;
+    margin: 0px;
+    max-width: 100%;
+    height: 60%;
+    padding: 0px;
+}
+
+#resources {
+    white-space: pre-wrap;
+    height: 100%;
+    width: 45%;
+    font-family: monospace;
+    color: white;
+    font-size: 14px;
+    overflow-y: auto;
+    background: blue;
+    /*margin-top: 100px;*/
+    /*margin-bottom: 20px;*/
+    margin: 0px;
+    /*margin-top: 100px;*/
+    border: 10px solid pink;
+}
+
+#resources iframe {
+  width: 100%;
+  height: 100%;
+  border: 1px solid;
+  background-color: none;
+  position: relative;
+}
+
+#week_04{
+  /*padding: 40px;*/
+/*  border-style: ridge;
+  border-width:7px;
+  border-color: black;*/
+  /*margin-top:30px;*/
+  height: 100%;
+  width: 45%;
+  margin: 0px;
+  margin-left: 10px;
+  background-color: pink;
+}
+
+.schedule_04 {
+  position: relative;
+  width: 100%;
+}
+
+ul#table_content_04 li{    
+ font-size: 18px;
+ text-align: left;
+  }
+
+#etherpad {
+    text-align: center;
+    white-space: pre-wrap;
+    height: 45%;
+    width: 98%;
+    font-family: monospace;
+    color: white;
+    font-size: 14px;
+    overflow-y: auto;
+    background: blue;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    border: 10px pink solid;
+    margin-top: 100px;
+}
+
+#etherpad.hidden {
+  display:block;
+  width: 100%;
+  height: 20%;
+  background-color: pink;
+  margin-top: 100px;
+}
+
+#etherpad iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  background-color: none;
+}
+
+.audio_04{
+  width:100%;
+  margin-bottom:40px;
 }
\ No newline at end of file