XPUB
/
issue.xpub.nl
71
3
Fork 0
Code Issues Pull Requests Releases Wiki Activity

css

Browse Source
master
Sandra 4 years ago
parent 1c40244690
commit f3b17f07e9
5 changed files with 166 additions and 122 deletions
Show Stats Download Patch File Download Diff File

87
12/blank.html
Unescape Escape View File

@ -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>

26
12/index.html
Unescape Escape View File

@ -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");
});

2
12/index_test.html
Unescape Escape View File

@ -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">

110
12/resources_04.html
Unescape Escape View File

@ -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>

63
12/style.css
Unescape Escape View File

@ -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;
}
}
.about_04{
text-align: center;
color: black;
font-family:"Roboto Mono";
font-size: 15px;
}
Write Preview
Loading…
Cancel
Save