works n read me
Castro0o
5 years ago
parent
104a03f2fe
commit
863d297e6e
@ -1,7 +1,7 @@
|
||||
*~
|
||||
*.pyc
|
||||
web/20*.html
|
||||
web/2016.html
|
||||
*.json
|
||||
\#*\#
|
||||
web/*
|
||||
.idea/
|
||||
venv/
|
||||
tmp_content.mw
|
||||
@ -0,0 +1,81 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>SUPERNOVA</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Elleke Hageman</h2>
|
||||
|
||||
<p id="title">SUPERNOVA 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>In the produced sculptures we see elements of the artists research towards the possibilities of integrating photography into sculpture.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Elleke Hageman [NL] immerses photography and sculpture into singular pieces with emphasis on formalistic and content-based interaction between the two different entities.<br>
|
||||
By assimilating forms, derived from an original, into new shapes she researches the impact of the new manifestation on its origin. This constitutes an environment in which the separate elements refer to each other. The artist sees the physical body and other natural entities as abstract shapes and uses those to formulate a narrative in her sculptures. Furthermore natural phenomena occur in the alteration process of the materials with which she works are often implemented in the final result whether as an inspirational source or an asset.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.ellekehageman.com/" target="_blank">http://www.ellekehageman.com/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>SUPERNOVA</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/0/08/Thumbsuper.jpg">
|
||||
<p>The artist is fascinated with the affect the transformation from the two dimensional image to the three dimensional sculpture produces. She aims to connect photography and sculpture by replicating forms from image to object and object to image.</p>
|
||||
<p>She is interested in cosmological phenomena and the relation thereof to mankind and the human body. She sees a clear connection between the human physique, the universe and metals. The sculptures she produced are investigating how the human body and the cosmos can be related in sculpture. In the produced works, she focuses on a collaboration between images of the soft organic body and the harsh look and feel of the metal. Through similarities in shape in between the object and image the artist aims to connect the separate mediums. In some sculptures illumination is a method to connect the image and the physical.</p>
|
||||
<p><a class="uri" href="File:thumbsuper.jpg">File:thumbsuper.jpg</a> <a class="uri" href="File:DSC0791.jpg">File:DSC0791.jpg</a> <a class="uri" href="File:IMG_5862kv.jpg">File:IMG_5862kv.jpg</a> <a class="uri" href="File:IMG_5870kv.jpg">File:IMG_5870kv.jpg</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Zero = 0dB</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Henk-Jelle de Groot</h2>
|
||||
|
||||
<p id="title">Zero = 0dB 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Zero = 0dB is a work about visualizing and understanding the non-audible</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Henk-Jelle de Groot is a Rotterdam based sound designer and musician. After graduating with an Audio / Visual design bachelor Henk-Jelle set up a sound studio in Rotterdam to work in the Audio / Visual industry. After seven years of working he returned to the Piet Zwart Institute to graduate in a Master Media Design And Communication. In addition to working in the Audio / Visual industry, he is musician and builder of electronic instruments.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="" target="_blank"></a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Zero = 0dB</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/e/ec/Docu4-3.jpg">
|
||||
<p><a class="uri" href="File:Docu4-3.jpg">File:Docu4-3.jpg</a> <a class="uri" href="File:Cata_02.gif">File:Cata_02.gif</a> <a class="uri" href="File:Cata_01.gif">File:Cata_01.gif</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,79 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>RRTRN</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Joseph Knierzinger</h2>
|
||||
|
||||
<p id="title">RRTRN 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The real-reel-to-reel-network[RRTRN] is a media archaeological platform that represents an investigation into a fictional, part electronic, part acoustic and part mechanical network and storage system.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Joseph Knierzinger[AT] grew up in a circus and is a trained banker, artist and dilettantish engineer. His artistic output is between installation, intervention, wearable instruments and performances. In his work he explores obsolete media and the implementation of it into our here and now, as well as the mechanisation of the non-sense. Currently he manages his presence between Rotterdam and Vienna.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://joak.nospace.at" target="_blank">http://joak.nospace.at</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>RRTRN</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/95/Rrtrn.jpg">
|
||||
<p>Since the rise of information theory we know that the processing of a signal always results in loss, there is always an element of friction. In the [RRTRN] three terminals are connected together via a single tape loop. Each terminal consists of a modified reel-to-reel tape deck and a computational work-station running a simple messaging program. Every message that a user on the terminal writes, will be modulated into sound, recorded on the tape and sent(=rolled) to the other terminals. There the received audio signal will be demodulated back into the message and it appears on the screen. By its particular setup the installation is classed in an unusual ring network topology, where information flows counter-clockwise.[RRTRN] deals with the materialisation of networks and reveals hidden technological layers and deals with contingency in the development of technology by considering media of the past and imagining different uses.</p>
|
||||
<p><a class="uri" href="File:Rrtrn.jpg">File:Rrtrn.jpg</a> <a class="uri" href="File:Rrtrnweb1.JPG%7CTerminal">File:Rrtrnweb1.JPG|Terminal</a> <a class="uri" href="File:Rrtrnweb2.JPG%7CTape">File:Rrtrnweb2.JPG|Tape</a> deck <a class="uri" href="File:Rrtrnweb3.JPG%7CTape">File:Rrtrnweb3.JPG|Tape</a> deck <a class="uri" href="File:Rrtrnweb4.JPG%7CExample">File:Rrtrnweb4.JPG|Example</a> house [RRTRN] <a class="uri" href="File:Rrtrnweb5.JPG%7CRing">File:Rrtrnweb5.JPG|Ring</a> topology <a class="uri" href="File:Rrtrnweb6.JPG%7COverview">File:Rrtrnweb6.JPG|Overview</a> operation manual</p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>A Unique Line</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Junyu Chen</h2>
|
||||
|
||||
<p id="title">A Unique Line 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"></div>
|
||||
|
||||
<div id="bio"><p>Junyu CHEN (1990, China) is an artist using video and drawing as her main tool for self-analysis to address the visual language we communicate with. She has a specific enthusiasm for depicting the process of drawing physically and conceptually, and into the way we question the current state of drawing.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://chenjunyu.org/" target="_blank">http://chenjunyu.org/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>A Unique Line</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/c/c0/Line_copy.jpg">
|
||||
<p><a class="uri" href="File:line">File:line</a> copy.jpg <a class="uri" href="File:DSC06559_copy.jpg">File:DSC06559_copy.jpg</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Immaterial Labour Union</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Lídia Pereira</h2>
|
||||
|
||||
<p id="title">Immaterial Labour Union 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The Immaterial Labor Union was born out of a desire to negotiate terms of service and push for the protection of personal data on a transnational scope, against avid, corporate social networking companies profiting from user-generated content. The Union aims, in the short-term, to readdress abuses concerning the unfair working conditions perpetrated through the processing of our online data, and in a long-term to conceive and shape alternative social networking solutions.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>After completion of her bachelor studies in Graphic Design, Lídia Pereira [PT] became intrigued by the friction between digital utopias and material realities. Her current work is concerned with the political organization of labour within digital economy, presenting a focus on the power structures governing online behaviour.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.immateriallaborunion.net/" target="_blank">http://www.immateriallaborunion.net/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Immaterial Labour Union</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/5/5e/Lidiacatalogthumbnail.png">
|
||||
<p><a class="uri" href="File:Lidiacatalogthumbnail.png">File:Lidiacatalogthumbnail.png</a> <a class="uri" href="File:Lidiacapazine1.png">File:Lidiacapazine1.png</a> <a class="uri" href="File:Lidiacapazine2.png">File:Lidiacapazine2.png</a> <a class="uri" href="File:Lidiacapazine3.png">File:Lidiacapazine3.png</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Cassandra</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Lucia Dossin</h2>
|
||||
|
||||
<p id="title">Cassandra 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Cassandra is a voice-operated chatbot, aimed at making psychological profiles during the conversations. These profiles are shown as pie charts where personality aspects are represented by a color. The graphics are accompanied by a short analysis and a list of companies possibly interested in the profile. In this sense, the bot provides data that can act as a mediator in services like job-seeking and dating.The profile then becomes a digital representation of the user and can be used as a kind of digital key to personalize every gadget in the near future of the Internet of Things. Make your life easier, let Cassandra make a digital copy of you.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Lucia Dossin (BR/NL) has a background in architecture and webdesign. She works at the intersection of art and design, currently focusing on the interactions between humans and computers and their implications in subjectivity, language and politics.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.luciadossin.net" target="_blank">http://www.luciadossin.net</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Cassandra</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/5/55/Cassandra-thumbnail.png">
|
||||
<p><a class="uri" href="File:Cassandra-thumbnail.png">File:Cassandra-thumbnail.png</a> <a class="uri" href="File:Netpict-lowres.png">File:Netpict-lowres.png</a> <a class="uri" href="File:Cassandra-card.png">File:Cassandra-card.png</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,83 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>The Focal Camera</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Mathijs van Oosterhoudt</h2>
|
||||
|
||||
<p id="title">The Focal Camera 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>'The Focal Camera' is a workshop that takes a critical look at how cameras are constructed and how design choices influence not only our usage of them, but also the photos they create. It exposes the social and political bias present in a tool we take for granted.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Mathijs van Oosterhoudt [NL] is an artist that engages critically with the political landscape of media, exploring the direct and indirect social and cultural influences of invisible technology. His works present such exploration through various ways of participation and interaction.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.demu.re" target="_blank">http://www.demu.re</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>The Focal Camera</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/6/6e/TheFocalCamera_Promo4_SMALL_4x3.jpg">
|
||||
<p><a class="uri" href="File:TheFocalCamera_Promo4_SMALL_4x3.jpg">File:TheFocalCamera_Promo4_SMALL_4x3.jpg</a> <a class="uri" href="File:Gradcat-1-2.jpg">File:Gradcat-1-2.jpg</a> <a class="uri" href="File:Rop9.jpg">File:Rop9.jpg</a> <a class="uri" href="File:Gradcat-2.jpg">File:Gradcat-2.jpg</a></p>
|
||||
<p>The Focal Camera is a project that takes a critical look at how cameras are constructed and how design choices influence not only our usage of them, but also the photos they create. Tools and technology are by no means objective as often thought, but rather subjective, as they are created by people. With that comes a certain social and political bias. The way it is shaped and the way it works amongst others change our perception of said technology and thereby the end-result. Considering the importance of photographs in the image culture we live in, it becomes a necessity to understand such a bias: The choices made by inventors, designers, engineers and executives throughout the history of the camera undoubtedly changed our way of thinking of photography and imagery, but almost always goes unnoticed or unremarked.</p>
|
||||
<p>Driven by the need for profit in order to compete with various other companies, their choices might not always be what we would want or desire, in a way creating a capitalistic camera: A camera first and foremost to be sold, not used. Furthermore, most of today's cameras' principles are based on those of the first thirty to forty years of cameras made. The mirror in a contemporary SLR camera even stems from that of the camera obscura. While DIY solutions were an option in the past, it has become increasingly hard to understand the current camera, which is a necessity to subvert it. 'The Focal Camera' tries to aid this subversion, whilst exposing and changing the bias that exists within the camera.</p>
|
||||
<p>In a two-day workshop participants learn the underlying principles of the parts that make up a camera and are exposed to this critical view. They build their own shutters, focusing mechanisms, viewfinders and lenses, intermittent with discussions on the camera's inherent problems. To go through such a large amount of technical knowledge, specific modules are designed ahead of time: Small model kits that each consist of a specific function. The assembly of such a kit makes it easy to understand how it works, but still gives the user the freedom to make a large amount of choices. The modules can be combined with each other in various ways, creating unique cameras that would otherwise not exist, much like a camera prototyping system. Meanwhile, the ability to produce homemade objectives opens up an array of aesthetic choices. The second day of the workshop is aimed at using the camera, developing film and making prints with easily accessible material, found in any supermarket.</p>
|
||||
<p>These modules range from more classical functions such as that of an aperture or shutter, but also consist of more unique designs such that of a RGB splitter, which allows the creation of color photographs with black and white film (Something that might become important with the slow demise of color film). The designs, instructions, workshop dates and theory can all be found online where participation is welcome.</p>
|
||||
<p><a href="http://www.focalcamera.com/">www.focalcamera.com</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,79 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>How To Be More Or Less Human</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Max Dovey</h2>
|
||||
|
||||
<p id="title">How To Be More Or Less Human 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>How To Be More Or Less Human investigates how human activity is classified by image recognition software. Computer vision and the gaze of the webcam become the basis for a performance that explores how online databases form an identity of the human subject. Performances will take place every hour during the opening on 3 July and by appointment during the exhibition.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Max Dovey [UK] is 28.3% man, 14.1% artist and 8.4% successful. His performances confront how computers, software, and data affect the human condition. Specifically he is interested in how the meritocracy of neo-liberal ideology is embedded in technology and digital culture. His research is in “liveness” and real-time computation in performance and theatre.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://howtobemoreorless.com" target="_blank">http://howtobemoreorless.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>How To Be More Or Less Human</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/6/61/Howtobemoreorless_thumbnail.jpg">
|
||||
<p><a class="uri" href="File:Howtobemoreorless_thumbnail.jpg">File:Howtobemoreorless_thumbnail.jpg</a></p>
|
||||
<p>How To Be More Or Less Human investigates how human activity is classified by image recognition software. Computer vision and the gaze of the webcam become the basis for a performance that explores how online databases form an identity of the human subject. A clinic is divided by two computers that continually project words from an image recognition program. A man enters at appointed times and performs a series of actions that are analysed by the image recognition software. The confidence levels of the image recognition program become the basis for a performance between a man and an algorithm. How To Be More Or Less Human examines how computer vision classifies gender, race and class through commercial stock imagery. Visual stereotypes and typologies are highlighted and performed by human and non-human actors to demonstrate how humans are encoded into computer vision.</p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Platform</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Mihail Bakalov</h2>
|
||||
|
||||
<p id="title">Platform 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Platform is an audio-visual installation, which gives an alternative view of mundane messages posted on on-line social networks. This project presents the loneliness in the on-line socialization on everyday basis. The construction of the piece is similar to a musical composition, reflecting the emotion that the content carries.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Mihail Bakalov [BG] is a media artist dealing with on-line social networks, digital footprints and metaphysical characters of objects. His methodology of working is through observation and isolation of hidden or neglected elements in daily life. Some of the visuals he creates appear as dreamlike images with fictional elements, where meanings of reality shift.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://cargocollective.com/mihailbakalov" target="_blank">http://cargocollective.com/mihailbakalov</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Platform</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/c/c9/PlatformScreenShot.png">
|
||||
<p><a class="uri" href="File:PlatformScreenShot.png">File:PlatformScreenShot.png</a> <a class="uri" href="File:StadHuisPlatform.png">File:StadHuisPlatform.png</a> <a class="uri" href="File:SnickersPlatform.png">File:SnickersPlatform.png</a> <a class="uri" href="File:WIFI-edited.png">File:WIFI-edited.png</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Finity of lists</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Nikos Voyiatzis</h2>
|
||||
|
||||
<p id="title">Finity of lists 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The web is the world of classified information. Individuals as information collectors operate within databases and their lists in order to access information and gain meaning of the world. This research explores the effect of the list on the online information collector by looking at its political and ideological dimensions. It focuses on online lists of search results and how they enforce a flat online experience.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Nikos Voyiatzis' work explores information organisation in its political and aesthetic dimensions, particularly in the networked context. He has a background on Library Science and Information Systems and has been working as an art librarian, information literacy instructor and workshop designer.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://thereisamajorprobleminaustralia.tumblr.com/" target="_blank">http://thereisamajorprobleminaustralia.tumblr.com/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Finity of lists</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/5/56/Nnnnnnnn.png">
|
||||
<p><a class="uri" href="File:Nnnnnnnn.png">File:Nnnnnnnn.png</a> <a class="uri" href="File:123.png">File:123.png</a> <a class="uri" href="File:1234.png">File:1234.png</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Free WiFi</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">ehCaetano</h2>
|
||||
|
||||
<p id="title">Free WiFi 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Free Wi-Fi is a non-linear audio visual installation manifested in the screens and speakers of visitors' devices. With a collage of found footage and text, it reenacts a series of contemporary events turning them into Simulacra that creates a dystopian fiction-reality. The installation stages a theater of power and control, playing with how the consumption of overly mediated images of events has its meaning recuperated by commercial technological platforms.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>ehCaetano plays Sci-Fi drone in a band called Mountain Dew. He also engages in experiments and empirical researches within the frameworks of art and design.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://eee.ehcaetano.com" target="_blank">http://eee.ehcaetano.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Free WiFi</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/e/e8/Banner_wiki.gif">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Mama, Tess en ik</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Arantxa Gonlag</h2>
|
||||
|
||||
<p id="title">Mama, Tess en ik 2016</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The photobook series 'Mama, Tess en ik' by Arantxa Gonlag investigates the digital relationship that she has with her mother and sister, who have grown apart. The books' content switches from being in their individual worlds, to specific words they use to each other within their digital communication. Seeing their communication vs. their worlds and situations, she tries to create a stronger bond between them.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Arantxa Gonlag (1989) is a photographer focusing mostly on documenting stories about the influence of invisible aspects to relationships and individuals. Whilst exploring this aspect within a story she tries to make this invisible element tangible. She received her BA in photography at the Willem de Kooning Academy in 2014, where she graduated with the photobook 'Data Diary'.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.arantx.com" target="_blank">http://www.arantx.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Mama, Tess en ik</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/0/0a/Arantxa_voorbeeld.jpg">
|
||||
<p><a class="uri" href="File:01mama.jpg">File:01mama.jpg</a> <a class="uri" href="File:02tess.jpg">File:02tess.jpg</a> <a class="uri" href="File:03ik.jpg">File:03ik.jpg</a> <a class="uri" href="File:04reflectie.jpg">File:04reflectie.jpg</a> <a class="uri" href="File:05reactie.jpg">File:05reactie.jpg</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>In Search of Perfect Orange</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Benjamin Li</h2>
|
||||
|
||||
<p id="title">In Search of Perfect Orange 2016</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The origin of Benjamin Li project lies in an event from Holland Got Talent back in 2013. In this particular episode, Dutch jury member Gordon asked the Chinese contestant Wang if he will sing "Nr. 39 with Rice". As a direct answer, Li started his project In Search of Perfect Orange. The results are video works and sculptures that focus on concepts like cultural identity, affection and home displacement. Personal but also critical issues that Li present through different layers of food and meaning.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Benjamin Li's work is centred around concepts like identity, displacement and online social behaviour. Li completed a Bachelor in photography with distinction at the Willem de Kooning Academie in Rotterdam in 2013. In 2015 Li completed his first publication TE KOOP, an outcome of his project about commodity markets. His work is shown at Showroom MAMA, Art Rotterdam and A Gallery Named Sue, amongst others.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.benjaminli.nl/" target="_blank">http://www.benjaminli.nl/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>In Search of Perfect Orange</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/89/Still_video.jpg">
|
||||
<p><a class="uri" href="File:Still_video.jpg">File:Still_video.jpg</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>In The Company Of Bots</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Cristina Lavinia Cochior</h2>
|
||||
|
||||
<p id="title">In The Company Of Bots 2016</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Bots operate at the intersection of technical infrastructure and social superstructure. Although they follow strict rules dictated by platform specificity, their status of autonomy sets them apart from regular tools. Wikipedia bots, especially, are measured in terms of utility.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Cristina Cochior (RO) is a researcher, designer and bot custodian working in the Netherlands. Her interests revolve around automation practices, disruption of the interface and peer to machine knowledge production.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://randomiser.info/" target="_blank">http://randomiser.info/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>In The Company Of Bots</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/2f/ChenzwBot.png">
|
||||
<p><a class="uri" href="File:ITCOB-img2.png">File:ITCOB-img2.png</a> <a class="uri" href="File:ITCOB-img1.png">File:ITCOB-img1.png</a> <a class="uri" href="File:ITCOB-img3.png">File:ITCOB-img3.png</a> <a class="uri" href="File:ITCOB-img6.jpg">File:ITCOB-img6.jpg</a> <a class="uri" href="File:ITCOB-img4.jpg">File:ITCOB-img4.jpg</a> <a class="uri" href="File:ITCOB-img5.jpg">File:ITCOB-img5.jpg</a> <a class="uri" href="File:ITCOB-img8.jpg">File:ITCOB-img8.jpg</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>LIAPO</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Julie Boschat Thorez</h2>
|
||||
|
||||
<p id="title">LIAPO 2016</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The Light Interferometer Astro-Digital Packets Observatory (Cephei) has been built with the aim to discover the matching pattern of the star constellation of Cepheus in the sky and over the Earth, through the Internet. The artist is seeking a correlation, recognizable by the identification of some objects' positions in each environment through the use of their respective addressing systems. The project attempts to reimplement the notions of physical constrains and individual perspective in navigating and imagining digital Networks, by comparing data transmission with light emission from far celestial objects.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Julie Boschat Thorez (FR) is a researcher, artist and proficient creator of far fetched analogies. Her work currently engages with the materiality and geography of digital networks. She regards them as agents, structuring the agency between humans acting across the localities covered, at a pace induced by their physical properties and political orientations.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.s192400.gridserver.com" target="_blank">http://www.s192400.gridserver.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>LIAPO</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/94/Liapo.jpg">
|
||||
<p><a class="uri" href="File:Liapo.jpg">File:Liapo.jpg</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,80 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>I-could-have-written-that</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Manetta Berends</h2>
|
||||
|
||||
<p id="title">I-could-have-written-that 2016</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p><em>i-could-have-written-that</em> is a two hour workshop, that critically examines the reading power of text mining software. The workshop dismantels how large sets of written documents are transformed into useful/meaningful/truthful information. A process that is presented by text mining companies as <em>"the power to know"</em>, <em>"the absolute truth"</em>, <em>"with an accuracy that rivals and surpasses humans"</em>. This workshop challenges the image of this modern algorithmic oracle, by making our own. more info: <a href="http://i-could-have-written-that.info">www.i-could-have-written-that.info</a></p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Manetta Berends (NL) has been educated as a graphic designer at ArtEZ, Arnhem before starting her master-education at the Piet Zwart Institute (PZI), Rotterdam. From an interest in linguistics, code and a research based design practice, she currently works on the systemization of language in the field of natural language processing and text mining.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="www.manettaberends.nl" target="_blank">www.manettaberends.nl</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>I-could-have-written-that</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/a/a3/I-could-have-written-that_these-are-the-words_mb_300dpi.png">
|
||||
<p><a class="uri" href="File:I-could-have-written-that">File:I-could-have-written-that</a> these-are-the-words mb 300dpi.png <a class="uri" href="File:Text-mining-is">File:Text-mining-is</a> +1.00 certain.png <a class="uri" href="File:I-could-have-written-that">File:I-could-have-written-that</a> categories-modality.gif</p>
|
||||
<p><em>i-could-have-written-that</em> is a two hour workshop, in which we will write between the lines, raw data will be cooked, and personal oracles will be trained. The workshop contains three parts. We start with a writing exercise in which we challenge the strictness of numbers with words. Then we will train our personal oracles by following the 1989 model Knowledge Discovery in Databases, and do manual pattern recognition with notecards and pens. After this hard work, we will ask three algorithms to do a bit of work as well. They will built your personal oracle, which you can consult at any time in the future!</p>
|
||||
<p>Many text mining services offer pre-trained classifiers through API's without specifying how the system is created. They promise to read meaning out of a text correctly. This unconditional trust is the basis of automated essay scoring systems (AES), psychology studies, job vacancy platforms and terrorism prevention. Automated systems are trained to detect sentiment, education level, mental illness, or suspicious behaviour. The techniques are used online in i.e. social media platforms, in the academic field and by the government. However, framing text mining techniques as readerly systems makes them immune for questions and discussion. When text mining results are considered as a product of writing, the presence of an author is emphasized. This makes it possible to discuss text mining results in relation to predefined goals and breaks the idea that text mining results represent an absolute truth.</p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Choose how you feel; you have seven options</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Ruben van de Ven</h2>
|
||||
|
||||
<p id="title">Choose how you feel; you have seven options 2016</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>What does it mean to feel 47% happy and 21% surprised? "Choose how you feel; you have seven options" is a video work that revolves around this question as it looks at software that derives emotional parameters from facial expressions. It combines human accounts and algorithmic processing to examine the intersection of highly cognitive procedures and ambiguous experiences. Interrogating the discursive apparatus that is being erected.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Combining his backgrounds in filmmaking and programming, Ruben van de Ven (NL) challenges alleged objective practices. He is intrigued by the intersection of highly cognitive procedures and ambiguous experiences. In his last works he investigates computational quantification of emotions.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.rubenvandeven.com/" target="_blank">http://www.rubenvandeven.com/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Choose how you feel; you have seven options</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/3/37/Choosehowyoufeel1.jpg">
|
||||
<p><a class="uri" href="File:choose1.png">File:choose1.png</a> <a class="uri" href="File:choose2.png">File:choose2.png</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>My Hard-Drive Died Along With My Heart</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p>Fuzzy Logic</p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Thomas Walskaar</h2>
|
||||
|
||||
<p id="title">My Hard-Drive Died Along With My Heart 2016</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>“My Hard-Drive Died Along With My Heart” is a book project created by Thomas Walskaar where he explores people's relationship with hard-drives and what emotions people get after their trust is broken. The book contains a collection of online forum and twitter posts on the topic. As a society we always seem to be looking for a new technical solution for knowledge and information storage and for this, we hope there is one magic, final solution that will solve every issue. But easy solutions create their own problems. The perceived view of the stable nature of digital information differs from reality. Problems like old physical formats, lost or non functional machines, companies that go bankrupt, file formats with no support in the future, changing user licenses are just some of the many points of failure. It seems the more technical the technology gets, the more problems it creates.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Thomas Walskaar [NOR] is a graphic designer and researcher. He has a BA Graphic Design from Ravensbourne in London before starting his Master at The Piet Zwart Institute. His current projects centre around technology and how history and memory are mediated through the integrity of our devices. He is dedicated to understanding the frailty of storage technology, and the importance of the individual to store with caution.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.walska.com/" target="_blank">http://www.walska.com/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>My Hard-Drive Died Along With My Heart</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/23/Myharddrivefront02.jpg">
|
||||
<p><a class="uri" href="File:Myharddrivefront02.jpg">File:Myharddrivefront02.jpg</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,79 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Adversarial Interface</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Colm O' Neill</h2>
|
||||
|
||||
<p id="title">Adversarial Interface 2017</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The practice of user interface design has developed over the last decade to support the spreading of ways and devices to access the Internet. On-screen user interfaces are actively thought of as experience producers, concerned with making tasks easy and making technical seems invisible. An outcome of this is a subset of practices of user experience design that has more roots in marketing than in visual design.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Colm O'Neill (IE) Colm is a designer and researcher based in Rotterdam and Brussels. His work is concerned with mediations of digital literacy through graphical, user and programmatic interfaces. The research and practice that result follow the ideals of free and open source development models.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://adversarial.interfaces.site" target="_blank">http://adversarial.interfaces.site</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Adversarial Interface</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/81/Not-that-hard.png">
|
||||
<p><a href="http://adversarial.interfaces.site">Adversarial interface</a> is a website collecting tools, extensions, projects and research that enable agonism and critical responses to an overwhelming feeling of mono-narrative in user interfaces on and offline.</p>
|
||||
<p><img alt="notthathard, so we lied" src="Not-that-hard.png" title="fig:notthathard, so we lied"> <img alt="highly trained monkeys" src="https://pzwiki.wdka.nl/mw-mediadesign/images/d/df/Trained-monkeys.png" title="highly trained monkeys"> <img alt="(Don't worry we'll keep it private)" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/21/Interested-in.png" title="(Don't worry we'll keep it private)"></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Screenscapes</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Nataliya Sinelshchikova</h2>
|
||||
|
||||
<p id="title">Screenscapes 2017</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p><em>Screenscapes</em> is a video installation that aims to express the anxiety of losing oneself in a digital void. The abstract, code-based video uses the author's computer logs, and the video documentation of her digital routine, as a source for data visualisation. The project invites the audience to travel through abstract landscape that will carry the viewer away into the environment it creates.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Nataliya Sinelshchikova (RU) is a researcher and media artist with a background in graphic design. Her interests revolve around generative art, media specificities and the aesthetics of distortion as an inevitable part of our relationships with technology.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="" target="_blank"></a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Screenscapes</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/e/ee/Filler.png">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,79 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Pomegranate Seeds</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Samira Damato</h2>
|
||||
|
||||
<p id="title">Pomegranate Seeds 2017</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>A scene from the short-film Pomegranate Seeds will be presented at Kino. It is a story of love, grief and identity-theft. After the death of Jenny, a young woman in her 20s, her boyfriend Andrea and her mother Monica, grieve together. Peace seems to settle over the pair until there is a knock on the door, a young woman introduces herself as a medium with a message from Jenny. Who is this mysterious woman and what does she want?</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Samira Damato (DE/MLT) is a filmmaker who explores various facets of love and nostalgia. With her transnational background, Samira has experienced various cultures as a distanced observer, and uses these experiences in her practice. Her films have been screened at international festivals.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="" target="_blank"></a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Pomegranate Seeds</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/7/7d/S.Damato1.jpg">
|
||||
<p>The short-film Pomegranate Seeds explores facets of emotion experienced around grief, not necessarily focussing upon it. The deification of a lost loved one, an attempt to replace or resolve the space which they once filled, and the conflicting emotional hardship that comes with survival.</p>
|
||||
<p>Having written various screenplays around the subject, the film is a reiteration of various narratives into one concise and poignant portrayal.</p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Bonsai</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Stone Ying Shi</h2>
|
||||
|
||||
<p id="title">Bonsai 2017</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p><strong>Bonsai</strong> is a 3D project created by Stone Ying Shi in which she reconsiders the female figure by forming them as plants. Stone Ying Shi views people's rooms as their private spaces, and the people as potted plants within those rooms. The bonsai deforms the figure, and represents the way we are formed by the way we are perceived to be.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Stone Ying Shi 石颖 [CN] is a film maker and visual artist who works with photography, 3d images and videos. She has a BA in Film Directing (Editing Art and Technology) from Communication University of China in Beijing. Her current projects play with human bodies, and colours within an unknown space.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.stoneyingshi.com/" target="_blank">http://www.stoneyingshi.com/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Bonsai</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/99/0509-011500.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Me and Christina</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Anna-Lena Lystad</h2>
|
||||
|
||||
<p id="title">Me and Christina 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Me and Christina is an autobiographical work that is directly based on an experience of losing control over an image. With photography and livestreaming, the work questions ownership, control of body and image, privacy and intimacy.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Anna Lena Lystad (NO) is a Fine Art Photographer whose work is exploring exposure of the body and the private. Based on her personal experiences she investigates the boarders between herself as a photographer and subject matter, often resulting in intimate and uncomfortable images.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://annalystad.com" target="_blank">http://annalystad.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Me and Christina</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/c/cb/GradCover.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,87 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Sky Islands</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Catalina Giraldo</h2>
|
||||
|
||||
<p id="title">Sky Islands 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Sky Islands: A time travel of the Andes Mountains is a collaboration with the Institute for Biodiversity and Ecosystem Dynamics, University of Amsterdam. It is a film that combines 3D animation with photography to envision one chapter of the ecological history of the Northern Andes Mountains of South America. In the times we are living today, the anthropogenic global warming is affecting not only our human species but also the whole species and inhabitants of the planet Earth. For this reason, this project seeks to visualize how an extraordinary ecosystem and a refuge of unique diversification and a hotspot of biodiversity, called Paramo, took at least 2 million years of evolution. This visualization opens a door to travel from the Pleistocene to the Anthropocene as a first step toward opening minds of its importance, and to implant a concern and post a question: Are we still on time to avoid losing more than 2 million years evolution of an extraordinary ecosystem in the Planet Earth?</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Catalina is a Visual Artist and Biologist. She has been experimenting photography, film and animation of the Earth. Her interest is the use of video and mapping projection to envision past, present and future ecosystems. She thinks that visualizing the history of Earths'ecosystems is the first step to bestrew dreams and create potential future realities with past and original environments in balance with current human civilization. Her philosophy of life is to contribute to environmental education and to plant seeds of consciousness to treat our planet with love and respect.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.catalhinagiraldo.com/" target="_blank">http://www.catalhinagiraldo.com/</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Sky Islands</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/21/SkyISlands.png">
|
||||
<figure>
|
||||
<img alt="SkyIslands2.jpeg" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/85/SkyIslands2.jpeg" title="SkyIslands2.jpeg"></figure>
|
||||
<figure>
|
||||
<img alt="Skyislands4.png" src="https://pzwiki.wdka.nl/mw-mediadesign/images/6/62/Skyislands4.png" title="Skyislands4.png"></figure>
|
||||
<figure>
|
||||
<img alt="SkyIslands3.jpeg" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/2a/SkyIslands3.jpeg" title="SkyIslands3.jpeg"></figure>
|
||||
<figure>
|
||||
<img alt="Skyislands8_00000.jpg" src="https://pzwiki.wdka.nl/mw-mediadesign/images/1/1e/Skyislands8_00000.jpg" title="Skyislands8_00000.jpg"></figure>
|
||||
<figure>
|
||||
<img alt="SkyIslands_11.jpeg" src="https://pzwiki.wdka.nl/mw-mediadesign/images/b/bf/SkyIslands_11.jpeg" title="SkyIslands_11.jpeg"></figure>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,78 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Referendum Medialogs</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Franc González</h2>
|
||||
|
||||
<p id="title">Referendum Medialogs 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Referendum Medialogs is a work in progress, mapping a journey of the events before, during and after the referendum, showing a series of conflicts leading to both blocking and distributing practices, in a context strongly characterized by nonstop overloads of inaccurate information. At the same time, Referendum Medialogs digs into the issue of disinformation and media noise, using open source revision control software to track and log article revisionism.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Franc is a visual designer from Barcelona. His work intersects printed matter digging into the political side of software and design as part of his studies, in an ongoing quest to better understand the radical implications of digital tools to society and individuals in general. This has led to his current research in the use of revision control software applied to journalism, in the dramatic context surrounding the Catalan referendum.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://referendumedialogs.referata.com" target="_blank">http://referendumedialogs.referata.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Referendum Medialogs</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/8/81/Reflogs2.jpg">
|
||||
<p><a class="uri" href="http://pzwiki.wdka.nl/mw-mediadesign/images/5/5f/Reflogs.gif">http://pzwiki.wdka.nl/mw-mediadesign/images/5/5f/Reflogs.gif</a></p>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Unlearning the Rules of Collectivity</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Giulia de Giovanelli</h2>
|
||||
|
||||
<p id="title">Unlearning the Rules of Collectivity 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Unlearning the Rules of Collectivity is a research project that studies practices of collaboration for art and education models and existent communities. In the thesis, there is an interest in looking at the meaning of community and cooperation, and in rethinking these concepts in different terms. My proposal is to introduce different values that would aim to create a balance between individuals and their natural competitive forces, and the collective, with a need for community and cooperation. The research explores a variety of possibilities and values which calls for a need for balance.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Giulia explores models of collaboration for art and communication. She is interested in dialogical structures for sharing and making and counter-practices in the organization of communal life. Her work includes projects such as The Autonomous Archive, a digital database that archives the historical documents of a former squat, and The Temporary Autonomous Bureau, a temporary office and educational project that explores meanings of self-organization for the city of Rotterdam.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="" target="_blank"></a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Unlearning the Rules of Collectivity</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/91/Tesi.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Irma Oldenburg</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Irma Oldenburg</h2>
|
||||
|
||||
<p id="title">Irma Oldenburg 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>In the documentary Nothing has to be Official (2018) Irma Oldenburg portrays a Dutch rebel who declared himself a sovereign citizen living within a like-minded community. As a 'Tachyon Energy' facilitator he provides clients with alternative energy healing sessions. He supports numerous conspiracy theories believing Donald Trump will protect the world from a corrupt satanic elite. Oldenburg follows the consequences of his self-declared freedom.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Irma Oldenburg [NL] is a visual artist based in Amsterdam. She creates documentaries, short narrative films and video installations. Her work explores the psychology of manipulation and rhetorical structures of storytelling. Recurring themes in her work include the longing for "a bigger other". This other manifests in different forms, e.g. the greater all-knowing spirit, those that follow the advice in self-help books, YouTube gurus who preach to their thousands of followers and company that sells nothing physical but the service of advice. These sources are always paramount to the role of character's she creates of chooses to follow.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="www.irmaoldenburg.com" target="_blank">www.irmaoldenburg.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Irma Oldenburg</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/b/b5/IrmaOldenburg_filmstill.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Back It Up</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Karina Dukalska</h2>
|
||||
|
||||
<p id="title">Back It Up 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The intangibility of social dances create a disruptive beauty of pure fulfilment in the moment, a true sense of flow, as well as a yearning for the fleeting memory that may be lost forever. Back It Up is an interactive performance of two swing dancers whose steps are controlled by the audience. It is accompanied by graphical notation systems, traces of the non-verbal dialogue between dancers and the atmosphere in the room recorded by the audience. The difference in perception of the experience is what makes every recording unique.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Karina Dukalska is a graphic designer challenging the physicality of books by enforcing physical interaction. Engaging with the content through materials, tangibility and actions deepens the experience of consuming the content itself.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.karinadukalska.com" target="_blank">http://www.karinadukalska.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Back It Up</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/97/Back_it_up_grad_show_thumbnail.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Anomolous faces</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Max Franklin</h2>
|
||||
|
||||
<p id="title">Anomolous faces 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Improvisation poses questions upon the production and dissemination of artistic work in terms of its material value, and traditional attributions of mastery. <a href="https://en.wikipedia.org/wiki/Karen_Eliot">Karen Eliot</a> is an improviser, musician, artist, and activist who works to resist standardised valuation of artistic practice. Her work cannot be characterised in distinct forms, but exists as a multitude of actions, challenging ownership, identity and representation.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Max Franklin is a musician and digital artist currently based in Rotterdam. His work is concerned with the fragile nature of improvisation in music, with software. He has worked within this position since completing his studies in Music, moving between a wide range of acts involving music, technology, design, arts and education.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="" target="_blank"></a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Anomolous faces</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/9/9c/StoneSandCrabs.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Alt Reality Lexicon</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Pleun Gremmen</h2>
|
||||
|
||||
<p id="title">Alt Reality Lexicon 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The Alt Reality Lexicon is a lexicon of neologisms that helps the demystification and clarification of the language used by two prominent far-right online subcultures: the Alt-Right and the Manosphere by translating jargon to common language. In order to keep conversing about our differences the editors of the lexicon build a door in the walls of the echo chamber to open it up to a broader audience.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Pleun is a visual artist and graphic designer aiming to research ways to create and share new narratives about current affairs and interests while pushing the boundaries of her practice.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="" target="_blank"></a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Alt Reality Lexicon</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/e/ef/Altrightlexicontestblub.png">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Foremothers</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Sigrun Lydsdottir</h2>
|
||||
|
||||
<p id="title">Foremothers 2018</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>In the project Foremothers, Sigrun reenacts her female ancestors photos, with emphasis on gestures and posing, exploring her identity through the process. By focusing on similarities and differences, dissecting the key elements she creates unique self-portrait reenactments that also reflect on her own identity.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Sigrun Lydsdottir (IS) explores feminine identity through photography and the moving image. She asks questions about gender equality, female objectification, while looking at the beauty and strength in femininity. She uses self-portraiture, allowing her total control as an artist, and symbolism in props and image build-up, to express her intentions and opinions.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.sigrunlyds.com" target="_blank">http://www.sigrunlyds.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Foremothers</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/6/61/Bakvidtre.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,79 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>ALEPH ZETA: The Star</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Ana Buljan</h2>
|
||||
|
||||
<p id="title">ALEPH ZETA: The Star 2019</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>This film is a part of an experiment in constructing a visual language that can be seen as a consequence to her attraction to chance and the unintended.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Ana Buljan [HR] is an artist who works with still and moving images that seek to preserve ephemeral landscapes. Her work pursues the transient, situated through frames of memory and dislocation. Her current research has focused on situating traditional filmmaking methods within contemporary narratives. She also works as a production designer in film and theatre.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://anabuljan.com" target="_blank">http://anabuljan.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>ALEPH ZETA: The Star</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/f/f9/Buljan5.jpeg">
|
||||
<figure>
|
||||
<img alt="Buljan.jpg" src="https://pzwiki.wdka.nl/mw-mediadesign/images/c/c3/Buljan.jpg" title="Buljan.jpg"></figure>
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Lost The Plot</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Mike Pelletier</h2>
|
||||
|
||||
<p id="title">Lost The Plot 2019</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Lost the Plot is a series of works focusing on bodies being captured and recreated in digitised, virtual and mechanical formats. It consists of a series of pen and ink drawings made on plotting machines. The figures in the drawings are sourced from 3d animations which are shown alongside the drawings. Human movements captured by motion capture technology are processed through physical simulations that alter the human form.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Mike Pelletier is a Canadian artist based in Amsterdam. His work focuses on the relationship between the body and technology.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://mikepelletier.nl" target="_blank">http://mikepelletier.nl</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Lost The Plot</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/c/c5/Mikepelletier_thumbnail.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@ -0,0 +1,77 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>This is my land...</title>
|
||||
<link href="../css/style.css" rel="stylesheet">
|
||||
<link href="../css/style_projectpage.css" rel="stylesheet">
|
||||
<link href="../fonts/fontstylesheet01.css" rel="stylesheet">
|
||||
<link href="../css/fixedsticky.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="pageWrap">
|
||||
<div id="sidebar">
|
||||
<div id="sidebarInner">
|
||||
<div id="sideBarDesc">
|
||||
<div id="sideBarDescInfo">
|
||||
<a class="hoverBackA" href="javascript:history.back()"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
|
||||
</div>
|
||||
|
||||
<div id="sideBarDescInner">
|
||||
|
||||
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||||
|
||||
<h2 id="creator">Salvador Miranda</h2>
|
||||
|
||||
<p id="title">This is my land... 2019</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>This is my land… is an experimental 2-channel film examining the trial of a woman whose home is threatened by a new development project. The work explores the use of language and rhetoric, its deployment in support of incommensurable worldviews, as well as competing visions of utopia, progress and home.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Salvador Miranda [CA/MX] is an artist and writer. His research explores grand narratives and the images/propaganda that (re)produce them. His work often explores alternative narratives, and the re-appropriation of language and imagery under new contexts. In particular, his work focuses on the tension found in the images we consume and our visual affirmation of them.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="http://www.salvadormiranda.com" target="_blank">http://www.salvadormiranda.com</a></p><!-- {website} -->
|
||||
|
||||
<!-- // -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="logoWrap"><img class="template" id="logo" src="../img/black_PZI_logo_p.svg"></div>
|
||||
</div>
|
||||
|
||||
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
|
||||
<div class="fixedsticky" id="filter" style="top:0;">
|
||||
<div class="themes" id="sortArea">
|
||||
<a class="hoverBackB" href="javascript:history.back()">
|
||||
<img class="template" src="../img/arrowBack.svg">
|
||||
</a>
|
||||
<p>This is my land...</p><!--{title}-->
|
||||
<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- extra -->
|
||||
|
||||
<div class="project" id="extra">
|
||||
<img id="thumbnail" src="https://pzwiki.wdka.nl/mw-mediadesign/images/7/74/Trial_sm.jpg">
|
||||
</div>
|
||||
|
||||
<!---->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../js/jquery-2.1.3.min.js"></script>
|
||||
<script src="../js/fixedfixed.js"></script>
|
||||
<script src="../js/fixedsticky.js"></script>
|
||||
<script src="../js/mainScripts_single.js"></script>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
Loading…
Reference in New Issue