alicestrt 5 years ago
commit 566e6bf002

BIN
.DS_Store vendored

Binary file not shown.

@ -0,0 +1,453 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<style>
@font-face {
font-family: 'Bandeins Strange';
src: url('BandeinsStrangeVariableGX.ttf') format("truetype-variations");
font-weight: 1 999;
}
#mainframe{
position:absolute;
top:30px;
left:30px;
bottom:30px;
right:30px;
margin:0;
padding:10px;
/*border:2px dashed #ff0066;*/
/* border:2px solid #703EC1; */
background: #B008E0; purple
-webkit-box-shadow: -7px 7px 0px 0px rgba(80, 80, 80, 1);
-moz-box-shadow: -7px 7px 0px 0px rgba(80, 80, 80, 1);
box-shadow: -7px 7px 0px 0px rgba(80, 80, 80, 1);
}
/* input, button, textarea {
border: 2px solid rgba(0, 0, 0, 0.6);
background-image:none;
background-color: #dadad3;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 5px;} */
body{
margin:0;
padding:0;
width:100%;
height:100vh;
overflow: hidden;
/* background: #F34146;
color: #F34146; red*/
background: #F34146;
color: black;
background-image: linear-gradient(rgba(0, 0, 0, 1) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 1) 1px, transparent 1px);
background-size: 2em 2em;
/* background-size: 30px; */
/* background-image: url('https://d7hftxdivxxvm.cloudfront.net/?resize_to=width&src=https%3A%2F%2Fartsy-media-uploads.s3.amazonaws.com%2F2RNK1P0BYVrSCZEy_Sd1Ew%252F3417757448_4a6bdf36ce_o.jpg&width=1200&quality=80'); */
}
h1{
font-family:"Bandeins Strange";
font-size:8vw;
font-variation-settings:"wght" 800, "wdth" 421;
margin:0;
padding:0;
word-wrap: break-word;
margin-top: -1%;
margin-left: 0px;
line-height: 7vw;
/* -webkit-transform: rotate(-100deg) skew(0, -10deg);
-moz-transform: rotate(-100deg) skew(0, -10deg);
-ms-transform: rotate(-10deg) skew(-10deg, 0);
-o-transform: rotate(-10deg) skew(-10deg, 0); */
transform: rotate(10deg) skew(-10deg, 0deg);
color: #FFEED0;
}
h2{
font-family:"Bandeins Strange";
font-size:8vw;
font-variation-settings:"wght" 600, "wdth" 421;
margin:0;
padding:0;
}
h3{
font-family:"Bandeins Strange";
font-size:3vw;
font-variation-settings:"wght" 400, "wdth" 221;
margin:0;
padding:0;
color: #FFEED0;
}
h5{
font-family:"Bandeins Strange";
font-size:2vw;
font-variation-settings:"wght" 400, "wdth" 121;
margin:0;
padding:0;
color: #FFEED0;
}
h5{
list-style: none;
}
#fontslider{
margin-top: 10px;
z-index: 999999;
}
/*margins*/
#m1{
display:block;
position:absolute;
top: 5px;
left: 50%;
width:50px;
margin-left:-25px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
z-index: 999;
}
#m2{
display:block;
position:absolute;
top: 50%;
left: -15px;
width:50px;
margin-top:-25px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 999;
}
#m3{
display:block;
position:absolute;
top: 50%;
right: -15px;
width:50px;
margin-top:-25px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 999;
}
#m4{
display:block;
position:absolute;
bottom: 5px;
left: 50%;
width:50px;
margin-left:-25px;
z-index: 999;
}
#asciibox{
display:block;
position:absolute;
bottom:15px;
right: 10px;
line-height: 13px;
}
input[type="number"]{
border: 1px solid black;
/* border: none; */
padding: 3px;
font-family:"Bandeins Strange";
background-color: lightgrey;
}
#place{
position: absolute;
right: 15px;
font-size: 20px;
top: 60%;
}
#place2{
position: absolute;
right: 15px;
font-size: 20px;
top: 65%;
}
#place3{
position: absolute;
right: 15px;
font-size: 20px;
top: 70%;
}
input[type="checkbox"] {
transform: scale(1);
margin: -1px;
}
@media only screen and (max-width: 900px) {
input[type="checkbox"]{
transform: scale(0.8);
margin: -2px;
}
#asciibox{
line-height: 12px;
}
select{
transform: scale(0.7);
margin: -50px;
}
h1{
font-size:12vw;
line-height: 10vw;
}
}
</style>
</head>
<body>
<!--margin settings dials -->
<input type="number" name="m1" id="m1" step="10" value="100">
<input type="number" name="m2" id="m2" step="10" value="100">
<input type="number" name="m3" id="m3" step="10" value="40">
<input type="number" name="m4" id="m4" step="10" value="40">
<!--div class="quantity">
<input type="number" min="1" max="9" step="1" value="1">
</div-->
<div id="mainframe">
<h1>UPSETTING SETTINGS</h1>
<input type="range" min="0" max="100" value="40" class="slider" id="fontslider">
<input type="range" min="0" max="10" value="3" class="slider" id="fontslider2">
<h3>Graduation Show, Piet Zwart Institute, <br>Experimental Publishing</h3>
<br>
<br>
<h5>
<input type="radio" name="" value="Settings" checked> Natasha Berting<br>
<input type="radio" name="" value="Settings" checked> Angeliki Diakrousi<br>
<input type="radio" name="" value="Settings" checked> Joca van der Horst<br>
<input type="radio" name="" value="Settings" checked> Alexander Roidl<br>
<input type="radio" name="" value="Settings" checked> Alice Strete<br>
<input type="radio" name="" value="Settings" checked> Zalán Szakács<br>
</h5>
<br>
<select id="place" name="selection">
<option value="1">July 1213, 2019</option>
<option value="2">UBIK + SLASH GALLERY</option>
<option value="3">Boomgaardsstraat 69, Rotterdam</option>
</select>
<select id="place2" name="selection">
<option value="1">July 1213, 2019</option>
<option value="2" selected>UBIK + SLASH GALLERY</option>
<option value="3">Boomgaardsstraat 69, Rotterdam</option>
</select>
<select id="place3" name="selection">
<option value="1">July 1213, 2019</option>
<option value="2">UBIK + SLASH GALLERY</option>
<option value="3" selected>Boomgaardsstraat 69, Rotterdam</option>
</select>
<!--textarea name="message" rows="10" cols="30">
July 1213, 2019
UBIK + SLASH GALLERY
Boomgaardsstraat 69, Rotterdam
</textarea-->
<span id="asciibox">
<input type="checkbox" name="" value="" checked id="colorchanger">
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" >
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value="">
<br>
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="" >
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value=""checked>
<br>
<input type="checkbox" name="" value="" >
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value="">
<br>
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" >
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value=""checked>
<br>
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="" >
<input type="checkbox" name="" value="" >
<input type="checkbox" name="" value="" checked>
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value=""checked>
<input type="checkbox" name="" value="">
<br>
</span>
</div>
</body>
<script>
$( document ).ready(function() {
var newvalue = $("#m1").val() + "px"
$("#mainframe").css("top",newvalue)
var newvalue = $("#m2").val() + "px"
$("#mainframe").css("left",newvalue)
var newvalue = $("#m3").val() + "px"
$("#mainframe").css("right",newvalue)
var newvalue = $("#m4").val() + "px"
$("#mainframe").css("bottom",newvalue)
var newvalue = $("#fontslider").val()
$("h1").css("font-variation-settings", "'wght' 800, 'wdth' "+newvalue*10)
var newvalue = $("#fontslider2").val()
$("h1").css("transform", "rotate("+newvalue*1.3 +"deg) skew("+newvalue*-6+"deg, 0deg)")
});
$("#m1,#m2,#m3,#m4").change(function(){
var newvalue = $(this).val() + "px"
console.log(newvalue)
if($(this).attr('id') == "m1" ) $("#mainframe").css("top",newvalue)
if($(this).attr('id') == "m2" ) $("#mainframe").css("left",newvalue)
if($(this).attr('id') == "m3" ) $("#mainframe").css("right",newvalue)
if($(this).attr('id') == "m4" ) $("#mainframe").css("bottom",newvalue)
}
)
$("#fontslider").change(function(){
var newvalue = $(this).val()
$("h1").css("font-variation-settings", "'wght' 800, 'wdth' "+newvalue*10)
})
$("#fontslider2").change(function(){
var newvalue = $(this).val()
$("h1").css("transform", "rotate("+newvalue*1.3 +"deg) skew("+newvalue*-6+"deg, 0deg)")
})
$("#colorchanger").change(function(){
if($(this).is(":checked")) {
$("#mainframe").css("background","#B008E0")
$("body").css("background-color","#F34146")
$("h3,h5").css("color","#FFEED0")
$("h1").css("color","#FFEED0")
}
else{
$("#mainframe").css("background","lightgrey")
$("body").css("background-color","white")
$("h3,h5").css("color","black")
$("h1").css("color","black")
}
})
//transform: rotate(10deg) skew(-10deg, 0deg);
// jQuery('<div class="quantity-nav"><div class="quantity-button quantity-up">+</div><div class="quantity-button quantity-down">-</div></div>').insertAfter('.quantity input');
// jQuery('.quantity').each(function() {
// var spinner = jQuery(this),
// input = spinner.find('input[type="number"]'),
// btnUp = spinner.find('.quantity-up'),
// btnDown = spinner.find('.quantity-down'),
// min = input.attr('min'),
// max = input.attr('max');
//
// btnUp.click(function() {
// var oldValue = parseFloat(input.val());
// if (oldValue >= max) {
// var newVal = oldValue;
// } else {
// var newVal = oldValue + 1;
// }
// spinner.find("input").val(newVal);
// spinner.find("input").trigger("change");
// });
//
// btnDown.click(function() {
// var oldValue = parseFloat(input.val());
// if (oldValue <= min) {
// var newVal = oldValue;
// } else {
// var newVal = oldValue - 1;
// }
// spinner.find("input").val(newVal);
// spinner.find("input").trigger("change");
// });
//
// });
</script>
</html>

@ -20,6 +20,8 @@
body{ body{
font-family:inconsolata, sans-serif; font-family:inconsolata, sans-serif;
color:white; color:white;
min-width:320px;
} }
@ -339,7 +341,7 @@ section#main{
} }
.col2 p { .col2 p,.col1 p {
word-wrap:break-word; word-wrap:break-word;
} }

BIN
eigengrau/.DS_Store vendored

Binary file not shown.

@ -0,0 +1,16 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>XPUB</title>
<meta name="description" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
</head>
<body>
<img src='reasonable.jpg' width='50%'/>
</body>
</html>

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

@ -0,0 +1,78 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Eigengrau</title>
<meta name="description" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/pages.css">
</head>
<body>
<div id='wrapper' style="background-color: #F4FFFF;"<div style="width: 35%; font-family: sans-serif; color: #F4FFFF;"> </div>
<a href='../' id='homebttn' class='ext'> << home </a>
<header>
<h1 id='project-title'>Eigengrau <a href='#hleft-text' class='show'></a><br><a href='../' class='show' id='home'><< </a></h1>
<div id='sub'>
<h2 id='student-name'><a href='http://www.zalansworld.com' target='_blank' class='ext' id='student-page'>Zalán Szakács</a></h2>
</div>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
<div id='about-project'>
<p><i>Eigengrau</i> (derived from German origin, meaning <i>dark light</i>) counters the online individual information overload by creating an offline non-screen mediated collective experience. It proposes a temporary escape in a contemporary setting, where the audience is invited into a collective ritual, a feeling of togetherness. With only the means of stripped back elements of light, sound and haze, the installation creates an emotional illusion, a dialogue between darkness and light.</p>
<p>
The audiovisual experience features a custom-made LED circle, that in the timespan of 12 minutes takes the audience through a non linear time of five mental states: <i> Deep State, Anticipation State, Weird state, Higher State and Relaxation State</i>. This narrative is made visible through the pre-programmed motion of blue light gradients, referring to the colour of screen light.
</p><p>
Eigengrau frames the negative space, and therefore it generates an illusion of non-material space. The installation offers a suspension from the isolation and digital saturation of contemporary society.
<br><br> <i>Eigengrau</i> (2019) is published under the terms of the Peer Production License (PPL). The Peer Production License is an example of CopyFair licensing, in which only other commoners, collectives and nonprofits can share and re-use the material in question.<br><br>
<i>Eigengrau Project Team</i><br><br>
Sébastien Robert <i>sounddesign</i> <br>
Anna Kacso <i>architecture</i><br>
Julius Keijzer <i>software</i><br>
Koen Coppens <i>hardware</i><br>
Luuk de Kok <i>film</i><br>
Pim van Baalen <i>photography</i><br>
<br> </p>
</div>
<hr align='left'>
<div id='about-student'>
<p> Zalán Szakács is a post-digital designer, who explores media theories through the use of light, space, and sound. He translates his conceptual research into interactive and immersive environments, creating atmospheres that challenge human perception. <br><br>
He graduated from Design Academy Eindhoven and currently studies Media Design masters at the Piet Zwart Institute in Rotterdam. </p>
</div>
<span id='getback'> go back </span>
</div>
</div>
</a>
</div>
</header>
</p></div>
<section id='main'>
<div id="galleries">
<div id='work'>
<h3 class='gal-title'>Work</h3>
<ul id='publist'>
<li><a href='https://git.xpub.nl/ZalanSzakacs/EigengrauScripts' target="_blank" class='ext'>Project Website</a></li>
</ul>
<img src="img/EIGENGRAU_1.jpg" class='workimg'/>
</div>
<div id='publication'>
<h3 class='gal-title'>Publication</h3>
<ul id='publist'>
<li><a href='pdf/Phantasmagoria_Zalan_Szakacs_Thesis.pdf' target="_blank" class='ext'>Phantasmagoria Thesis (PDF) </a></li>
</ul>
</ul>
</div>
</section>
</div>
</body>
</html>

Binary file not shown.

File diff suppressed because one or more lines are too long

@ -340,6 +340,7 @@
<div id='year2019' class='row'> <div id='year2019' class='row'>
<div class='col1'><img src='img/xpub_logo_2019.png' class='logo'/><p class='gradShow'>UPSETTING SETTINGS</p><p>July 2019</p></div> <div class='col1'><img src='img/xpub_logo_2019.png' class='logo'/><p class='gradShow'>UPSETTING SETTINGS</p><p>July 2019</p></div>
<div class='col2'> <div class='col2'>
<p><a href="2019/postergenerator/">poster generator</a></p>
<p><!--a href='#2019-att-video' class='int'>trailer.mp4</a--></p> <p><!--a href='#2019-att-video' class='int'>trailer.mp4</a--></p>
<p><!--a href='test.pdf' target="_blank" class='ext'>publication.pdf</a--></p> <p><!--a href='test.pdf' target="_blank" class='ext'>publication.pdf</a--></p>
<p><!--a href='#2019-att1' class='int'>publication.png</a--></p> <p><!--a href='#2019-att1' class='int'>publication.png</a--></p>
@ -353,7 +354,7 @@
</div> </div>
<div class='subrow'> <div class='subrow'>
<p class='subcl1'>Angeliki Diakrousi</p> <p class='subcl1'>Angeliki Diakrousi</p>
<p class='subcl2'><a href='lets-amplify-unspeakable-things/index.html' target="_blank" class='ext'>Let's Amplify Unspeakable Things</a></p> <p class='subcl2'><a href='lets-amplify-unspeakable-things/' target="_blank" class='ext'>Let's Amplify Unspeakable Things</a></p>
<p class='subcl3'><a href='lets-amplify-unspeakable-things/pdf/diakrousi-lets-amplify-unspeakable-things.pdf' target='_blank' class='ext'>PDF</a> <p class='subcl3'><a href='lets-amplify-unspeakable-things/pdf/diakrousi-lets-amplify-unspeakable-things.pdf' target='_blank' class='ext'>PDF</a>
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att2' class='int'>IMG</a--></p> <p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att2' class='int'>IMG</a--></p>
</div> </div>
@ -364,8 +365,8 @@
</div> </div>
<div class='subrow'> <div class='subrow'>
<p class='subcl1'>Alexander Roidl</p> <p class='subcl1'>Alexander Roidl</p>
<p class='subcl2'><a href='2019/Alexander_Roidl/index.html' target="_blank" class='ext'>Poetic Software</a></p> <p class='subcl2'><a href='poetic-software/' target="_blank" class='ext'>Poetic Software</a></p>
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att4' class='int'>IMG</a--></p> <p class='subcl3'><!--a href='poetic-software/pdf/poetic-software.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att4' class='int'>IMG</a--></p>
</div> </div>
<div class='subrow'> <div class='subrow'>
<p class='subcl1'>Alice Strete</p> <p class='subcl1'>Alice Strete</p>
@ -374,8 +375,8 @@
</div> </div>
<div class='subrow'> <div class='subrow'>
<p class='subcl1'>Zalán Szakács</p> <p class='subcl1'>Zalán Szakács</p>
<p class='subcl2'><a href='2019/Zalan_Szakacs/index.html' target="_blank" class='ext'>Eigengrau</a></p> <p class='subcl2'><a href='eigengrau/' target="_blank" class='ext'>Eigengrau</a></p>
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att6' class='int'>IMG</a--></p> <p class='subcl3'><a href='eigengrau/pdf/Phantasmagoria_Zalan_Szakacs_Thesis.pdf' target="_blank" class='ext'>PDF</a></p></p>
</div> </div>
</div> </div>
</div> </div>

@ -25,8 +25,8 @@
<div id='inner-hleft-text'> <div id='inner-hleft-text'>
<div id='ihtp'> <div id='ihtp'>
<div id='about-project'> <div id='about-project'>
<p>Instant Warnet is a live-action role-playing game which pokes and prods at networks of harassment on social media. In this collective performance, you are invited to assume fictional characters on the massively multiplayer arena of Instagram, with the goal of disrupting and defusing some of its more hostile practices and spaces. <br><br> Composed entirely of found tactics, scenarios and language used by the worlds most cunning trolls, buzzers and campaign operatives, Instant Warnet is an experiment which aims to flip the script on online toxicity. Instead of looking away or logging off, players are encouraged to live vicariously through their characters, using performance as a mode of talking back and reclaiming space on the platform. <p><i>Instant Warnet</i> is a live-action role-playing game which pokes and prods at networks of harassment on social media. In this collective performance, you are invited to assume fictional characters on the massively multiplayer arena of Instagram, with the goal of disrupting and defusing some of its more hostile practices and spaces. <br><br> Composed entirely of found tactics, scenarios and language used by the worlds most cunning trolls, buzzers and campaign operatives, Instant Warnet is an experiment which aims to flip the script on online toxicity. Instead of looking away or logging off, players are encouraged to live vicariously through their characters, using performance as a mode of talking back and reclaiming space on the platform.
<br><br></p> <br><br> <i>Instant Warnet</i> (2019) is published under the terms of the Peer Production License (PPL). The Peer Production License is an example of CopyFair licensing, in which only other commoners, collectives and nonprofits can share and re-use the material in question.<br><br></p>
</div> </div>
<hr align='left'> <hr align='left'>
<div id='about-student'> <div id='about-student'>
@ -55,7 +55,7 @@
<div id='publication'> <div id='publication'>
<h3 class='gal-title'>Publication</h3> <h3 class='gal-title'>Publication</h3>
<ul id='publist'> <ul id='publist'>
<li><a href='instant-warnet/pdf/Berting-Making-Silences-On-Social-Media.pdf' target="_blank" class='ext'>Thesis (PDF) </a></li> <li><a href='pdf/Berting-Making-Silences-On-Social-Media.pdf' target="_blank" class='ext'>Thesis (PDF) </a></li>
</ul> </ul>
</ul> </ul>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 982 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 383 KiB

After

Width:  |  Height:  |  Size: 209 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 673 KiB

After

Width:  |  Height:  |  Size: 652 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 242 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 929 KiB

After

Width:  |  Height:  |  Size: 6.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 447 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 605 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 155 KiB

@ -26,6 +26,7 @@
<a href='../' id='homebttn' class='ext'> << home</a> <a href='../' id='homebttn' class='ext'> << home</a>
<header> <header>
<h1 id='project-title'>Let's Amplify Unspeakable Things <a href='#hleft-text' class='show'></a><br><a href='../' class='show' id='home'><< </a></h1> <h1 id='project-title'>Let's Amplify Unspeakable Things <a href='#hleft-text' class='show'></a><br><a href='../' class='show' id='home'><< </a></h1>
<div id='sub'> <div id='sub'>
<h2 id='student-name'><a href='http://pzwiki.wdka.nl/mediadesign/User:Angeliki' target='_blank' class='ext' id='student-page'>Angeliki Diakrousi</a></h2> <h2 id='student-name'><a href='http://pzwiki.wdka.nl/mediadesign/User:Angeliki' target='_blank' class='ext' id='student-page'>Angeliki Diakrousi</a></h2>
</div> </div>
@ -35,11 +36,11 @@
<div id='inner-hleft-text'> <div id='inner-hleft-text'>
<div id='ihtp'> <div id='ihtp'>
<div id='about-project'> <div id='about-project'>
<p><a href="https://hub.xpub.nl/eaiaiaiaoi/index.php">'Let's Amplify Unspeakable Things'</a> is an online platform of exploration and research, regarding female voices in public and their amplification. It creates a space for excluded voices to be explored, that questions the establishment of authoritative voices — which construct exclusive speech platforms and binaries, along the assumption that voices have to be rational in public dialogues. It includes a set of podcasts that revisit and overlay an archive of audio recordings, produced in situated workshops and soundwalks, and media sources from a body of research. The project is based on the concept that amplification can provide presence through repetition and multiplication, as the structure of the workshops and the website reveals. The project itself is a process of feedback and iteration of actions, throughout a period of four months, situated around the space of <a href="http://www.leeszaalrotterdamwest.nl/">Leeszaal</a> and <a href="https://hub.xpub.nl/">hub.xpub.nl</a>.</p> <p>'Let's Amplify Unspeakable Things' is an online platform of exploration and research, regarding female voices in public and their amplification. It creates a space for excluded voices to be explored, that questions the establishment of authoritative voices — which construct exclusive speech platforms and binaries, along the assumption that voices have to be rational in public dialogues. It includes a set of podcasts that revisit and overlay an archive of audio recordings, produced in situated workshops and soundwalks, and media sources from a body of research. The project is based on the concept that amplification can provide presence through repetition and multiplication, as the structure of the workshops and the website reveals. The project itself is a process of feedback and iteration of actions, throughout a period of four months, situated around the space of <a href="http://www.leeszaalrotterdamwest.nl/">Leeszaal</a> and <a href="https://hub.xpub.nl/">hub.xpub.nl</a>.</p>
</div> </div>
<hr align='left'> <hr align='left'>
<div id='about-student'> <div id='about-student'>
<p>Angeliki Diakrousi (Kefalonia, 1990) is an artist and researcher, and currently an Onassis Scholar. Her research focuses on politics and structures of art, architecture, technology and their infusion into public spheres.<br> <p>Angeliki Diakrousi (n, 1990, GR) is an artist and researcher, and currently an Onassis Scholar. Her research focuses on politics and structures of art, architecture, technology and their infusion into public spheres.<br>
</p> </p>
</div> </div>
<span id='getback'> go back </span> <span id='getback'> go back </span>
@ -53,12 +54,21 @@
<div id="galleries"> <div id="galleries">
<div id='work'> <div id='work'>
<h3 class='gal-title'>Work</h3> <h3 class='gal-title'>Work</h3>
<img src="img/gradproject-player-website-adiakrousi.jpg" class='workimg'/> <ul id='publist'>
<li><a href='https://hub.xpub.nl/eaiaiaiaoi/' target="_blank" class='ext'>Project Website</a></li>
<img src="img/meeting-20190530-leeszaal-1.jpg" class='workimg'/> <img src="img/meeting-20190530-leeszaal-1.jpg" class='workimg'/>
<!-- <img src="img/20190606-meeting.jpeg" class='workimg'/> -->
<img src="img/angeliki-catalogue-1.jpg" class='workimg'/>
<img src="img/gradproject-player-website-adiakrousi.jpg" class='workimg'/>
<!-- <img src="img/meeting-20190328-leeszaal-2.JPG" class='workimg'/> -->
<img src="img/gradproject-amplification-website-adiakrousi.jpg" class='workimg'/>
<img src="img/meeting-20190523-leeszaal-2.jpeg" class='workimg'/> <img src="img/meeting-20190523-leeszaal-2.jpeg" class='workimg'/>
<img src="img/vowels-20190329-finearts.jpg" class='workimg'/> <img src="img/vowels-20190329-finearts.jpg" class='workimg'/>
<img src="img/meeting-20190329-finearts.jpg" class='workimg'/> <li><a href="http://artlibre.org/licence/lal/en/" target="_blank" class='ext'>License</a></li>
<img src="img/meeting-20190328-leeszaal-2.JPG" class='workimg'/> [Angeliki Diakrousi, Let's Amplify Unspeakable Things, 2019. Rotterdam].<br>
Copyleft: This is a free work, you can copy, distribute, and modify it under the terms of the Free Art License<br>
http://artlibre.org/licence/lal/en/
</ul>
</div> </div>
<div id='publication'> <div id='publication'>
<h3 class='gal-title'>Publication</h3> <h3 class='gal-title'>Publication</h3>

Binary file not shown.

After

Width:  |  Height:  |  Size: 270 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 899 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 263 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 495 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 541 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 706 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 298 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 603 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 259 KiB

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save