merging scripts
parent
10747d4c55
commit
818e007157
@ -1,77 +0,0 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Title</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="index.html"><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">Ana Luísa Moura</h2>
|
||||
|
||||
<p id="title">The Aesthetics of Ethics 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The installation follows a research on the way social trouble is perceived through photography and on what this protocol of representation might say about citizenship, ethical concern or political consciousness. The project attempts to address the topic from the point of view of social inter-surveillance and to explore the amount of information present in casual photography as a map of human value.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Ana Luísa Moura (PT) has a background in Architecture / Urban Planning and is currently exploring means of visual storytelling and strategic illustration. Her research focuses on photographical protocols within media imagery, regarding in particular the instrumentalization of vulnerability and personal exposure.</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="index.html">
|
||||
<img class="template" src="./img/arrowBack.svg">
|
||||
</a>
|
||||
<p>The Aesthetics of Ethics</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="http://pzwiki.wdka.nl/mw-mediadesign/images/8/8d/LMoura_GP_01.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>
|
||||
@ -1,77 +0,0 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Title</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="index.html"><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">U ntitled 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Untitled is a work about visualizing non audible and non visual acoustic properties of a space. Every space has a certain acoustic reverberation, a property that can't be heard or seen on it's own. With this project I aim to visualize that property trough data visualization. Untitled contains a (few) examples of spaces that have been mapped and visualized in a new form and material. These sculptures are presented in a way that the viewer may contextualize on it's own what the nature of the sculpture is</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 setup a sound studio in Rotterdam to work in the Audio / Visual industry. After 7 years of working he returned to the Piet Zwart Institute to graduate in a Master of comm design something something. In addition to working in the Audio / Visual industry, he is muscian 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="index.html">
|
||||
<img class="template" src="./img/arrowBack.svg">
|
||||
</a>
|
||||
<p>U ntitled</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="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.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>
|
||||
@ -1,76 +0,0 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Title</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="index.html"><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"></div>
|
||||
|
||||
<div id="bio"></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="index.html">
|
||||
<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="http://pzwiki.wdka.nl/mw-mediadesign/images/9/95/Rrtrn.jpg">
|
||||
<p>my free text</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>
|
||||
@ -1,81 +0,0 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Title</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="index.html"><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">Mina 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>Mina is a voice-operated chatterbot, a commercial project designed to fulfill humans' need of talking to someone else, in a world where communication has become almost completely mediated by social media services and the spoken word has given place to images and short text messages. The project is an interactive installation comprising 2 computers, which allows the exhibition visitor to talk with the bot.</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.example.com" target="_blank">http://www.example.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="index.html">
|
||||
<img class="template" src="./img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Mina</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="http://pzwiki.wdka.nl/mw-mediadesign/images/6/6b/Mina.png">
|
||||
<h3 id="free-text">free text</h3>
|
||||
<p>In a future not so far away, most humans are deprived from communicating with other humans through voice. Increased intolerance to raw subjective matters combined to a competitive labour market forcing every adult to work 12 to 16 hours every day resulted in most of human communication happening through written text messages or images using social media services. As a side effect, the complexity of human conversation decreases to a level in which machines and humans can understand each other reasonably well (an issue of Artificial Intelligence solved in an unexpectedly simple way, after many decades and much money spent on Natural Language research). Children are trained from early age to perform well in this environment. However, a parcel of the population still has the need to engage in conversation using their voices. Within this group, a few actually meet other humans to talk. Others do not manage to find time or energy, despite their longings. Aiming at this target group, a promising startup company designed Mina, a chatterbot that manages to fulfill this need for voice interaction remarkably well. Marketed as high technology, as a product of years of research done by the brightest minds in the tech world, Mina is in fact a very old program, written in the infancy of digital electronic computing. Interaction with Mina is possible through a monthly subscription fee.</p>
|
||||
<p>Mina manages natural language in a quite rudimentary fashion. When the program is initiated, it loads a script. This script contains a specific set of instructions for a conversation. It is able to identify some language patterns and according to these patterns, it chooses a response that will sound plausible. But in order for the program to have the desired effect, the responses in these scripts have to be changed on a regular basis. These changes will help keep alive the illusion of talking to another human being. Without them, subscribers would probably notice they are talking to a robot and would cancel their subscriptions. Also, scripts are changed according to the calendar and the news - and can count on social media profile data to increase the (sanitized) subjectivity rate of the conversation.</p>
|
||||
<p>From time to time, the words database used to feed the scripts is attacked and the connections between words are switched or corrupted. That causes the script to reply using weird language constructs, and in many cases Mina's talk will not only unmask the robot but can also ignite a self-reflection process in the subscriber. Some subscribers use this wake-up chance to try to find a way of having actual voice-based human contact back in their lives, others instead sue the company and ask the subscription fee back. Nobody never found out if the ones responsible for these attacks are hackers or a business competitor.</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>
|
||||
@ -1,86 +0,0 @@
|
||||
<!DOCTYPE HTML><html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||||
|
||||
<title>Title</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="index.html"><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">Luther Blisset</h2>
|
||||
|
||||
<p id="title">Qq 2015</p><!--{title} {date} -->
|
||||
|
||||
<!-- moved up description -->
|
||||
|
||||
<div id="description"><p>The novel <strong>Q</strong> was written by four Bologna-based members of the LBP, as a final contribution to the project, and published in Italy in 1999. So far, it has been translated into English (British and American), Spanish, German, Dutch, French, Portuguese (Brazilian), Danish, Polish, Greek, Czech, Russian, Turkish, Basque and Korean. In August 2003 the book was nominated for the First Book Prize.</p>
|
||||
</div>
|
||||
|
||||
<div id="bio"><p>Luther Blissett is a multiple-use name, an open pop star informally adopted and shared by hundreds of artists and activists all over Europe and the Americas since 1994. The pseudonym first appeared in Bologna, Italy, in mid-1994, when a number of cultural activists began using it for staging a series of urban and media pranks and to experiment with new forms of authorship and identity. From Bologna the multiple-use name spread to other European cities, such as Rome and London, as well as countries such as Germany, Spain, and Slovenia.[1] Sporadic appearances of Luther Blissett have been also noted in Canada, the United States, and Brazil.</p>
|
||||
</div>
|
||||
|
||||
<p class="hightlightSidebar"><a href="https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)" target="_blank">https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)</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="index.html">
|
||||
<img class="template" src="./img/arrowBack.svg">
|
||||
</a>
|
||||
<p>Qq</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="http://pzwiki.wdka.nl/mw-mediadesign/images/8/85/Luther-blissett-300.jpg">
|
||||
<p>While the folk heroes of the early-modern period and the nineteenth century served a variety of social and political purposes, the <strong>Luther Blissett Project (LBP)</strong> were able to utilize the media and communication strategies unavailable to their predecessors. According to Marco Deseriis, the main purpose of the LBP was to create a folk hero of the information society whereby knowledge workers and immaterial workers could organize and recognize themselves.[5] Thus, rather than being understood only as a media prankster and culture jammer, Luther Blissett became a positive mythic figure that was supposed to embody the very process of community and cross-media storytelling. Roberto Bui—one of the co-founders of the LBP and Wu Ming—explains the function of Luther Blissett and other radical folk heroes as mythmaking or mythopoesis</p>
|
||||
<p><iframe height="450px" src="https://player.vimeo.com/video/114218234" width="600px"> </iframe></p>
|
||||
<p><iframe height="450px" src="https://www.youtube.com/embed/oXxZnL5HokA" width="600px"> </iframe></p>
|
||||
<h2 id="gallery">gallery</h2>
|
||||
<p><img alt="WWWonopoly_Board.png" src="http://pzwiki.wdka.nl/mw-mediadesign/images/c/ce/WWWonopoly_Board.png" title="fig:WWWonopoly_Board.png"> <img alt="Mb-WordNet-tour-version2-08.png" src="http://pzwiki.wdka.nl/mw-mediadesign/images/8/82/Mb-WordNet-tour-version2-08.png" title="fig:Mb-WordNet-tour-version2-08.png"> <img alt="Labanotation1.jpg" src="http://pzwiki.wdka.nl/mw-mediadesign/images/4/46/Labanotation1.jpg" title="fig:Labanotation1.jpg"></p>
|
||||
<h2 id="other-radical-folk">other radical folk</h2>
|
||||
<p>Are you the radical folk?</p>
|
||||
<p><iframe height="450px" src="https://player.vimeo.com/video/115381750" width="600px"> </iframe></p>
|
||||
<p><iframe height="450px" src="https://www.youtube.com/embed/ihReeJg08ns" width="600px"> </iframe></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>
|
||||
Loading…
Reference in New Issue