Angeliki
/
eaiaiaiaoi
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

playing with html

Browse Source
master
Angeliki 6 years ago
parent 5b71e93d60
commit 3839e2b6a0
10 changed files with 62 additions and 20 deletions
Show Stats Download Patch File Download Diff File

55
index.html
Unescape Escape View File

@ -3,23 +3,50 @@
body {font-family: "Old Standard TT"; font-size: 20px; line-height: 1.4; letter-spacing: 1px;} body {font-family: "Old Standard TT"; font-size: 20px; line-height: 1.4; letter-spacing: 1px;}
section {margin-bottom: 50px;} section {margin-bottom: 50px;}
a {font-weight: bold; font-size: 24px; text-decoration: none; } a {font-weight: bold; font-size: 24px; text-decoration: none; }
.list {
border-top: 1px solid #47505e;
padding-top: 10px;
padding-bottom: 10px;
list-style: none;
}
.description {
font-size: 12px;
float: right;
}
.mini-player {
background-size: 100% 100%;
background-image: url(/project/images/player.png);
cursor: pointer;
}
</style> </style>
<body> <body>
<dl> <li class="list">
<dt><a href="thesis/thesis-angeliki.html" target="_blank">Let' s Talk About Unspeakable Things by Angeliki Diakrousi</a></dt> <a href="thesis/thesis-angeliki.html" target="_blank">Let' s Talk About Unspeakable Things</a>
<dt><a href="project/amplification.html" target="_blank">Amplification of female voices</a></dt> <div class="description">THESIS, ANNOTATIONS</div>
<dt><a href="/home/angeliki/Documents/0918_PZI/0918_Grad/Grad_project proposal/D_streaming screaming/West Rotterdam/leeszaal_repetition.html" target="_blank">Diary of West Rotterdam</dt> </li>
<dt><a href="project/overlapping-interface.html" target="_blank">Feedback Composition</a></dt> <li class="list">
</dl> <a href="project/amplification.html" target="_blank">Amplification of female voices</a>
<!-- <div class="description">VOCAL EXERCISES, MEETINGS</div>
<iframe id="frame" src="thesis/thesis-angeliki.html" width="30%" height="600px" name="targetframe" allowTransparency="true" scrolling="no" frameborder="1" > </li>
</iframe> <li class="list">
<iframe id="frame" src="project/amplification.html" width="30%" height="600px" name="targetframe" allowTransparency="true" scrolling="no" frameborder="1" > <a href="/home/angeliki/Documents/0918_PZI/0918_Grad/Grad_project proposal/D_streaming screaming/West Rotterdam/leeszaal_repetition.html" target="_blank">Diary of West Rotterdam</a>
<iframe id="frame" src="project/overlapping-interface.html" width="30%" height="600px" name="targetframe" allowTransparency="true" scrolling="no" frameborder="1" > <div class="description">PROCESS, ARCHIVE</div>
</iframe> </li>
<iframe id="frame" src="/home/angeliki/Documents/0918_PZI/0918_Grad/Grad_project proposal/D_streaming screaming/West Rotterdam/leeszaal_repetition.html" width="30%" height="600px" name="targetframe" allowTransparency="true" scrolling="no" frameborder="1" > <li class="list">
</iframe> --> <a href="project/overlapping-interface.html" target="_blank">Feedback Composition</a>
<div class="description">SOUNDWALKS, ANNOTATIVE RECORDINGS</div>
</li>
<div style="position:absolute; top:45%; left:30%;">
<audio class="player" controls src="http://pzwiki.wdka.nl/mw-mediadesign/images/d/d5/Selection-track-extracts-1.mp3">
</audio>
</div>
<p>
<div class="mini-player" rel="http://pzwiki.wdka.nl/mw-mediadesign/images/d/d5/Selection-track-extracts-1.mp3" style="position:absolute; top:35%; left:50%;">
<audio controls src="http://pzwiki.wdka.nl/mw-mediadesign/images/d/d5/Selection-track-extracts-1.mp3"></audio>
</div></p>
</body> </body>

21
project/amplification.html
Unescape Escape View File

@ -11,10 +11,23 @@
<h2>Amplification of female voices</h2> <h2>Amplification of female voices</h2>
</head> </head>
<body> <body>
<iframe src="https://pad.xpub.nl/p/tender_reading_meeting" width="50%" height="1200px"></iframe> <table>
<img src="images/vowels-leeszaal.jpg" width="800px" align="right"></img> <tr>
<br> <td>
<br> <table>
<tr>
<td>
<img src="images/vowels-leeszaal.jpg" width="100%"></img><img src="images/vowels-leeszaal-test.jpg" width="100%"></img>
</td>
<td rowspan="2">
<img src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/13/Extracts-reading.jpg" width="100%"></img> <img src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/13/Extracts-reading.jpg" width="100%"></img>
</td>
</tr>
</table>
<iframe align="right" src="https://pad.xpub.nl/p/tender_reading_meeting" width="100%" height="500px"></iframe>
</body> </body>
</html> </html>

BIN
project/images/extracts-leeszaal-table.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
project/images/player.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
project/images/slampoetry_speechact.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
project/images/soundwalk-photo1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 MiB

BIN
project/images/soundwalk-photo2.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 MiB

BIN
project/images/soundwalk-photo3.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.9 MiB

BIN
project/images/vowels-leeszaal-test.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 365 KiB

4
project/overlapping-interface.html
Unescape Escape View File

@ -45,7 +45,7 @@ Experiment: I listen and record carefully sounds from the area that are coming f
<div><a data-start="13.7" href="#">00:00:13,700</a> Shoes, walking people</div> <div><a data-start="13.7" href="#">00:00:13,700</a> Shoes, walking people</div>
<div><a data-start="20.44" href="#">00:00:20,440</a> Or maybe papers</div> <div><a data-start="20.44" href="#">00:00:20,440</a> Or maybe papers</div>
<div><a data-start="27.48" href="#">00:00:27,480</a> Music inside</div> <div><a data-start="27.48" href="#">00:00:27,480</a> Music inside</div>
<div><a data-start="31.38" href="#">00:00:31,380</a> Chirring up</div> <div><a data-start="31.38" href="#">00:00:31,380</a> Chilling up</div>
<div><a data-start="53.06" href="#">00:00:53,060</a> This is outside. It's a troll, it's a bag</div> <div><a data-start="53.06" href="#">00:00:53,060</a> This is outside. It's a troll, it's a bag</div>
<div><a data-start="58.24" href="#">00:00:58,240</a> Wheels</div> <div><a data-start="58.24" href="#">00:00:58,240</a> Wheels</div>
<div><a data-start="75.7" href="#">00:01:15,700</a> Water</div> <div><a data-start="75.7" href="#">00:01:15,700</a> Water</div>
@ -57,6 +57,8 @@ Experiment: I listen and record carefully sounds from the area that are coming f
</tr> </tr>
</table> </table>
<img src="images/soundwalk-photo1.jpg" width="500px"></img>
<img src="images/soundwalk-photo3.jpg" width="500px"></img>

Write Preview
Loading…
Cancel
Save