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

css

Browse Source
master
Sandra 5 years ago
parent 136a30f99f
commit 729e55dd03
2 changed files with 172 additions and 16 deletions
Show Stats Download Patch File Download Diff File

44
12/index_test.html
Unescape Escape View File

@ -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">
@ -212,6 +247,9 @@
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>

142
12/style.css
Unescape Escape View File

@ -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{
@ -238,3 +256,103 @@ a:hover{
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;
}
Write Preview
Loading…
Cancel
Save