css

5 years ago · f3b17f07e9
parent 1c40244690
commit f3b17f07e9
5 changed files with 166 additions and 122 deletions
--- a/12/blank.html
+++ b/12/blank.html
@ -54,7 +54,7 @@
  line-height: 30px;
 	color: white;
 	font-family:"Roboto Mono";
-        text-shadow: 2px 2px 5px Blue;
+  text-shadow: 2px 2px 5px blue;
  }
  
 h1 {
@ -62,17 +62,29 @@
  color: black; 
  line-height: 30px;
  font-family:"Roboto Mono";
-          font-size: 24px; 
+  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;
+  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;
 }
          
          
@ -108,15 +120,14 @@
  
 </script>

-
 <h1>
-	<br>
-	Radio Implicancies #12.4: Damages <br> 04/06 at 16:00 (UTC+2) 
+	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>
+<h2>
  broadcast will start in...
-  	</h1>
+</h2>
 <p id="demo"></p>
  
  
--- a/12/index.html
+++ b/12/index.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">
--- 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">
--- a/12/resources_04.html
+++ b/12/resources_04.html
@ -1,16 +1,9 @@
 <!DOCTYPE html>
 <html>
 <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 {
      font-family: 'GapSansBold';
      src: url('font/gapsansbold-webfont.eot');
@ -21,9 +14,13 @@
      url('font/gapsansbold-webfont.svg#gap_sansbold') format('svg');
      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")
+}

 #demo {
  text-align: center;
@ -43,40 +40,59 @@
          
 h2 {
  text-align: center;
-    color: white;
+  /*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>
  

  
--- a/12/style.css
+++ b/12/style.css
@ -26,6 +26,12 @@ 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{
@ -98,12 +107,11 @@ font-family: hershey;
 text-align: center;
 color: white;
 text-shadow: 2px;
-    font-style: italic;
+
 }
 .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;
@ -393,3 +402,11 @@ a:hover{
  color:blue;
  text-decoration: none;
 } 
+
+  
+.about_04{
+      text-align: center; 
+      color: black; 
+      font-family:"Roboto Mono";
+      font-size: 15px;
+   }