XPUB
/
project.xpub.nl
65
1
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Merge branch 'master' of https://git.xpub.nl/XPUB/project.xpub.nl

Browse Source
master
jocavdh 5 years ago
parent 9a8d78ec84 361f0cb9e6
commit 304b8813e2
71 changed files with 38872 additions and 14 deletions
Show Stats Download Patch File Download Diff File

BIN
.DS_Store vendored
View File

Binary file not shown.

BIN
2019/postergenerator/BandeinsStrangeVariableGX.ttf
View File

Binary file not shown.

453
2019/postergenerator/index.html
Unescape Escape View File

@ -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 12–13, 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 12–13, 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 12–13, 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 12–13, 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>

4
css/main.css
Unescape Escape View File

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

Binary file not shown.

4
eaiaiaiaoi/index.html → eigengrau/empty.html
Unescape Escape View File

@ -11,8 +11,6 @@
</head> </head>
<body> <body>
<title>Let's Amplify Unspeakable Things</title> <img src='reasonable.jpg' width='50%'/>
<meta http-equiv="refresh" content="0; url=https://hub.xpub.nl/screaming/" />
</body> </body>
</html> </html>

BIN
eigengrau/img/.DS_Store vendored
View File

Binary file not shown.

BIN
eigengrau/img/EIGENGRAU_1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

78
eigengrau/index.html
Unescape Escape View File

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

BIN
eigengrau/pdf/.DS_Store vendored
View File

Binary file not shown.

37813
eigengrau/pdf/Phantasmagoria_Zalan_Szakacs_Thesis.pdf
View File

File diff suppressed because one or more lines are too long

16
index.html
Unescape Escape View File

@ -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,8 @@
</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='eaiaiaiaoi/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='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>
<div class='subrow'> <div class='subrow'>
@ -363,18 +365,18 @@
</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>
<p class='subcl2'><a href='2019/Alice_Strete/index.html' target="_blank" class='ext'>Is it time to eat, or is there no more time to eat?</a></p> <p class='subcl2'><a href='is-it-time-to-eat-or-is-there-no-more-time-to-eat/' target="_blank" class='ext'>Is it time to eat, or is there no more time to eat?</a></p>
<p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att5' class='int'>IMG</a--></p> <p class='subcl3'><a href='is-it-time-to-eat-or-is-there-no-more-time-to-eat/pdf/your-body-will-make-itself-heard.pdf' target="_blank" class='ext'>PDF</a></p>
</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>

6
instant-warnet/index.html
Unescape Escape View File

@ -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 world’s 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 world’s 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>

BIN
is-it-time-to-eat-or-is-there-no-more-time-to-eat/img/examples.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 MiB

BIN
is-it-time-to-eat-or-is-there-no-more-time-to-eat/img/food_waste.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 MiB

BIN
is-it-time-to-eat-or-is-there-no-more-time-to-eat/img/making_huel.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 MiB

BIN
is-it-time-to-eat-or-is-there-no-more-time-to-eat/img/making_small.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 KiB

BIN
is-it-time-to-eat-or-is-there-no-more-time-to-eat/img/order_small.JPG
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

BIN
is-it-time-to-eat-or-is-there-no-more-time-to-eat/img/unlike_food.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 MiB

80
is-it-time-to-eat-or-is-there-no-more-time-to-eat/index.html
Unescape Escape View File

@ -0,0 +1,80 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Iitteoitnmtte</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: #f1f1f1"></div>
<a href='../' id='homebttn' class='ext'> << home </a>
<header>
<h1 id='project-title'>Is is time to eat, or is there no more time to eat? <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.alicestrete.me' target='_blank' class='ext' id='student-page'>Alice Strete</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>Is it time to eat, or is there no more time to eat</i> is an extensive review of the most prominent techno-solutionist creation in terms of food. It manifests itself into a desktop film and an essay, alongside an archive of images, articles, videos and more, which together deconstruct the culture of future food, born in the valley of technological quick-fixes.
</p>
<p>
The work takes a closer look at the culture around the techno-solutionist ideology, and the role of meal replacements within societies which value the authoritative roles of tech innovators and their potential to impact the way humans live.</p>
</p>
<p>
<br>Alice Strete, <i>Is it time to eat, or is there no more time to eat</i>, July 2019
</p>
<p>
Copyleft: This is a free work, you can copy, distribute, and modify it under the terms of the Free Art License http://artlibre.org/licence/lal/en/
</p>
<p>
<br><br></p>
</div>
<hr align='left'>
<div id='about-student'>
<p> Alice Strete (1991, RO) is a researcher and, otherwise, person interested in the intricate relationship between humans and the technologies they surround themselves with. Her work is currently focusing on food. </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://food.alicestrete.me' target="_blank" class='ext'>Project Website</a></li>
</ul>
<img src="img/examples.gif" class='workimg'/>
<img src="img/making_huel.gif" class='workimg'/>
<img src="img/unlike_food.gif" class='workimg'/>
<img src="img/food_waste.gif" class='workimg'/>
<img src="img/order_small.JPG" class='workimg'/>
<img src="img/making_small.jpg" class='workimg'/>
</div>
<div id='publication'>
<h3 class='gal-title'>Publication</h3>
<ul id='publist'>
<li><a href='pdf/your-body-will-make-itself-heard.pdf' target="_blank" class='ext'>Thesis (PDF) </a></li>
</ul>
</ul>
</div>
</section>
</div>
</body>
</html>

BIN
is-it-time-to-eat-or-is-there-no-more-time-to-eat/pdf/your-body-will-make-itself-heard.pdf
View File

Binary file not shown.

BIN
lets-amplify-unspeakable-things/img/angeliki-catalogue-1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 982 KiB

BIN
lets-amplify-unspeakable-things/img/gradproject-amplification-website-adiakrousi.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 209 KiB

BIN
lets-amplify-unspeakable-things/img/gradproject-player-website-adiakrousi.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 652 KiB

BIN
lets-amplify-unspeakable-things/img/meeting-20190328-leeszaal-2.JPG
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 MiB

BIN
lets-amplify-unspeakable-things/img/meeting-20190329-finearts.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 447 KiB

BIN
lets-amplify-unspeakable-things/img/meeting-20190523-leeszaal-2.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 748 KiB

BIN
lets-amplify-unspeakable-things/img/meeting-20190530-leeszaal-1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 605 KiB

BIN
lets-amplify-unspeakable-things/img/vowels-20190329-finearts.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 406 KiB

83
lets-amplify-unspeakable-things/index.html
Unescape Escape View File

@ -0,0 +1,83 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
a {
color: black !important;
}
#inner-hleft-text{
height:auto !important;
}
</style>
<title>Let's Amplify Unspeakable Things</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'></div>
<a href='../' id='homebttn' class='ext'> << home</a>
<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>
<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>
</div>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
<div id='about-project'>
<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>
<hr align='left'>
<div id='about-student'>
<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>
</div>
<span id='getback'> go back </span>
</div>
</div>
</a>
</div>
</header>
</div>
<section id='main'>
<div id="galleries">
<div id='work'>
<h3 class='gal-title'>Work</h3>
<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/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/vowels-20190329-finearts.jpg" class='workimg'/>
<li><a href="http://artlibre.org/licence/lal/en/" target="_blank" class='ext'>License</a></li>
[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 id='publication'>
<h3 class='gal-title'>Publication</h3>
<ul id='publist'>
<li><a href='pdf/diakrousi-lets-amplify-unspeakable-things.pdf' target="_blank" class='ext'>Publication PDF</a></li>
</ul>
</div>
</div>
</section>
</div>
</body>
</html>

BIN
lets-amplify-unspeakable-things/pdf/diakrousi-lets-amplify-unspeakable-things.pdf
View File

Binary file not shown.

BIN
poetic-software/img/0_shadowlibrary_final.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 270 KiB

BIN
poetic-software/img/Palm_Graffiti_gestures.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
poetic-software/img/Screenshot_2019-03-31_at_00.17.40.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 899 KiB

BIN
poetic-software/img/Screenshot_2019-03-31_at_20.02.38.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 263 KiB

BIN
poetic-software/img/Screenshot_2019-03-31_at_20.06.21.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 495 KiB

BIN
poetic-software/img/Screenshot_2019-03-31_at_20.23.19.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 541 KiB

BIN
poetic-software/img/Screenshot_2019-06-06_at_13.42.27.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
poetic-software/img/Screenshot_2019-06-06_at_13.51.33.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
poetic-software/img/Screenshot_2019-06-06_at_13.58.19.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

BIN
poetic-software/img/Screenshot_2019-06-09_at_17.50.09.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 MiB

BIN
poetic-software/img/Screenshot_20190606-124257_Video_Player.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-21_15-47-09.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-23_23-21-40.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-24_15-41-55_-_1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-24_21-57-59.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-26_00-20-00.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-26_13-51-44.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-26_19-06-52.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-26_19-07-39.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
poetic-software/img/Screenshot_from_2019-03-26_19-08-33.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
poetic-software/img/Screenshot_from_2019-04-23_22-10-44_2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
poetic-software/img/ezgif.com-resize.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 MiB

BIN
poetic-software/img/gitxpub.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

BIN
poetic-software/img/instructions-01.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 706 KiB

BIN
poetic-software/img/instructions-01.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 298 KiB

BIN
poetic-software/img/mapofinternetandrails.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

BIN
poetic-software/img/myimage.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 MiB

BIN
poetic-software/img/psimg-1.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 MiB

BIN
poetic-software/img/psimg-4.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 MiB

BIN
poetic-software/img/psimg-4new.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 MiB

BIN
poetic-software/img/psimg-5.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 MiB

BIN
poetic-software/img/psimg-6.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 MiB

BIN
poetic-software/img/psimg-7.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 MiB

BIN
poetic-software/img/satellite_target.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
poetic-software/img/synth.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 603 KiB

BIN
poetic-software/img/turing_machine.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
poetic-software/img/winrar-screenshot.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
poetic-software/img/winzipthumb.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
poetic-software/img/xppl.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 259 KiB

349
poetic-software/index.html
View File

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