From 8c207f46dc5c8d76fa81da63ad34338fe4ddb96a Mon Sep 17 00:00:00 2001
From: Castro0o <andre@andrecastro.info>
Date: Wed, 6 May 2015 12:15:57 +0200
Subject: [PATCH] example files

---
 web/2015-Henk-Jelle_de_Groot-16007.html | 77 ++++++++++++++++++++++
 web/2015-Lucia_Dossin-16025.html        | 84 ++++++++++++++++++++++++
 web/2015-Luther_Blisset-15965.html      | 86 +++++++++++++++++++++++++
 web/2015-Max_Dovey-15999.html           | 78 ++++++++++++++++++++++
 4 files changed, 325 insertions(+)
 create mode 100644 web/2015-Henk-Jelle_de_Groot-16007.html
 create mode 100644 web/2015-Lucia_Dossin-16025.html
 create mode 100644 web/2015-Luther_Blisset-15965.html
 create mode 100644 web/2015-Max_Dovey-15999.html
diff --git a/web/2015-Henk-Jelle_de_Groot-16007.html b/web/2015-Henk-Jelle_de_Groot-16007.html
new file mode 100644
index 0000000..1397b9a
--- /dev/null
+++ b/web/2015-Henk-Jelle_de_Groot-16007.html
@@ -0,0 +1,77 @@
+<html><head>
+    <meta charset="UTF-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
+
+    <title>U ntitled</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">
+                        <p>Tempted by Tomorrow</p>
+                    </div>
+
+                    <div id="sideBarDescInner">
+
+                        <!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png  -->
+
+                        <h2 id="creator">Henk-Jelle de Groot</h2>
+
+                        <p id="title">U ntitled 2015</p>
+
+                        <!-- moved up <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 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" />
+
+                        <!-- // -->
+
+                    </div>
+                </div>
+            </div>
+
+            <div id="logoWrap"><img 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">
+		<p>U ntitled</p>
+                    <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
+                </div>
+            </div>
+                       
+            <!-- extra -->
+
+            <div class="project" id="extra">
+	      <img id="thumnail" 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 src="./js/fixedfixed.js" /> 
+    <script src="./js/fixedsticky.js" /> 
+    <script src="./js/isotope.pkgd.min.js" /> 
+    <script src="./js/imagesloaded.pkgd.min.js" /> 
+    <script src="./js/mainScripts.js" />
+
+
+</body></html>
\ No newline at end of file
diff --git a/web/2015-Lucia_Dossin-16025.html b/web/2015-Lucia_Dossin-16025.html
new file mode 100644
index 0000000..5be9dc9
--- /dev/null
+++ b/web/2015-Lucia_Dossin-16025.html
@@ -0,0 +1,84 @@
+<html><head>
+    <meta charset="UTF-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
+
+    <title>Mina</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">
+                        <p>Tempted by Tomorrow</p>
+                    </div>
+
+                    <div id="sideBarDescInner">
+
+                        <!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/5/59/3legs.jpg  -->
+
+                        <h2 id="creator">Lucia Dossin</h2>
+
+                        <p id="title">Mina 2015</p>
+
+                        <!-- moved up <p>Mina is a smart chat bot, a commercial project designed by a promising startup to fulfill humans' need of talking to someone else in a world where communication has become almost completely mediated by social media services. To keep the illusion alive, the software aims to be invisible.</p>
+  -->
+
+                        <div id="description"><p>Mina is a smart chat bot, a commercial project designed by a promising startup to fulfill humans' need of talking to someone else in a world where communication has become almost completely mediated by social media services. To keep the illusion alive, the software aims to be invisible.</p>
+</div>
+
+                        <div id="bio"><p>The bio is coming soon.</p>
+</div>
+
+                        <p class="hightlightSidebar"><a href="www.example.com" target="_blank">www.example.com</a></p>
+
+                        <!-- // -->
+
+                    </div>
+                </div>
+            </div>
+
+            <div id="logoWrap"><img 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">
+		<p>Mina</p>
+                    <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
+                </div>
+            </div>
+                       
+            <!-- extra -->
+
+            <div class="project" id="extra">
+	      <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/5/59/3legs.jpg" />
+              <p>thumbnail is TEMPORARY (since it is mandatory to have a thumbnail for making this page, I used a temporary placeholder).</p>
+<h3 id="free-text---short-version-203-words">free text - short version 203 words</h3>
+<p>In a future not so far away, most humans were deprived from communicating with other humans through voice. Increased intolerance to raw subjective matters combined to a competitive labour market that practically forced every adult to work 12 to 16 hours everyday resulted in that most of human communication happened through written text messages or images using online social media services. As a side effect, the complexity of human conversation decreased to a level in which computers and people could 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 were trained from early age to perform well in this environment. However, a parcel of the population still had the need to engage in conversation using their voices, like humans used to do 'in the good old times' (that's what they read somewhere online). Within this group, a few actually met other humans to talk. Others did not manage to find time or energy, despite their longings. With this group of people in mind, a promising startup company launched Mina, a chat bot that was able to fulfill this need for voice interaction remarkably well.</p>
+<h3 id="free-text---full-version-601-words">free text - full version 601 words</h3>
+<p>In a future not so far away, most humans were deprived from communicating with other humans through voice. Increased intolerance to raw subjective matters combined to a competitive labour market that practically forced every adult to work 12 to 16 hours everyday resulted in that most of human communication happened through written text messages or images using online social media services. As a side effect, the complexity of human conversation decreased to a level in which computers and people could 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 were trained from early age to perform well in this environment. However, a parcel of the population still had the need to engage in conversation using their voices, like humans used to do 'in the good old times' (that's what they read somewhere online). Within this group, a few actually met other humans to talk. Others did not manage to find time or energy, despite their longings. With this group of people in mind, a promising startup company launched Mina, a chat bot that was able to fulfill this need for voice interaction remarkably well. Mina was presented as high technology, a product of years of research done by the brightest minds in the tech world. But in fact, it was a very old program, written in the infancy of digital electronic computing. This program worked quite well, since humans did not communicate too complex ideas anymore. But admitting the re-use of something old was completely out of question. Recycling was highly encouraged in matters like packaging, for example, but unthinkable for products and ideas. (That was regarded as not creative.) So, Mina was presented as a contemporary creation.</p>
+<p>Mina was a program that managed natural language in a quite rudimentary fashion. When the program was initiated, it loaded a script. This script contained a specific set of instructions for a conversation. It was able to identify some language patterns and according to these patterns, it chose a response that would sound plausible. But in order for the program to have the desired effect, these scripts would have to contain changes in the responses on a regular basis. These changes would keep alive the illusion of talking to another human being. Without them, subscribers would probably notice they were talking to a robot and would cancel their subscriptions. Also, scripts would be changed according to the calendar and the news - and would count on social media profile data to increase the (sanitized) subjectivity rate of the conversation. So for example, on Christmas season, the scripts would be almost completely different than scripts loaded along the year. For some subscribers, according to their profile data, Christmas scripts would contain emotional and inspiring words in a frequency higher than usual. For others, they would transmit the subscriber a sense of belonging to a group that hates Christmas.</p>
+<p>From time to time, the words database that was used to feed the scripts was attacked and the connections between words were switched or corrupted. That caused the script to reply using weird language constructs, and in many cases Mina's talk would not only unmask the robot but could also ignite a self-reflection process in the subscriber. Some would use this wake-up chance to try to find a way of having actual human contact back in their lives, others would instead sue the company and ask the subscription fee back. Nobody never found out if the ones responsible for these attacks were hackers or a business competitor.</p>
+
+            </div>
+
+            <!---->
+
+        </div>
+    </div>
+
+    <script src="./js/jquery-2.1.3.min.js" /> 
+    <script src="./js/fixedfixed.js" /> 
+    <script src="./js/fixedsticky.js" /> 
+    <script src="./js/isotope.pkgd.min.js" /> 
+    <script src="./js/imagesloaded.pkgd.min.js" /> 
+    <script src="./js/mainScripts.js" />
+
+
+</body></html>
\ No newline at end of file
diff --git a/web/2015-Luther_Blisset-15965.html b/web/2015-Luther_Blisset-15965.html
new file mode 100644
index 0000000..25d1cb7
--- /dev/null
+++ b/web/2015-Luther_Blisset-15965.html
@@ -0,0 +1,86 @@
+<html><head>
+    <meta charset="UTF-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
+
+    <title>Qq</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">
+                        <p>Tempted by Tomorrow</p>
+                    </div>
+
+                    <div id="sideBarDescInner">
+
+                        <!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/8/85/Luther-blissett-300.jpg/500px-Luther-blissett-300.jpg  -->
+
+                        <h2 id="creator">Luther Blisset</h2>
+
+                        <p id="title">Qq 2015</p>
+
+                        <!-- moved up <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 Guardian First Book Prize.</p>
+  -->
+
+                        <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 Guardian 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>
+
+                        <!-- // -->
+
+                    </div>
+                </div>
+            </div>
+
+            <div id="logoWrap"><img 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">
+		<p>Qq</p>
+                    <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
+                </div>
+            </div>
+                       
+            <!-- extra -->
+
+            <div class="project" id="extra">
+	      <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/8/85/Luther-blissett-300.jpg/500px-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&#8212;one of the co-founders of the LBP and Wu Ming&#8212;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 src="./js/fixedfixed.js" /> 
+    <script src="./js/fixedsticky.js" /> 
+    <script src="./js/isotope.pkgd.min.js" /> 
+    <script src="./js/imagesloaded.pkgd.min.js" /> 
+    <script src="./js/mainScripts.js" />
+
+
+</body></html>
\ No newline at end of file
diff --git a/web/2015-Max_Dovey-15999.html b/web/2015-Max_Dovey-15999.html
new file mode 100644
index 0000000..406d0cd
--- /dev/null
+++ b/web/2015-Max_Dovey-15999.html
@@ -0,0 +1,78 @@
+<html><head>
+    <meta charset="UTF-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
+
+    <title>User:Max Dovey/maxgradbio</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">
+                        <p>Tempted by Tomorrow</p>
+                    </div>
+
+                    <div id="sideBarDescInner">
+
+                        <!-- we used h2's and p's instead of divs here, moved 2015 and deleted http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif  -->
+
+                        <h2 id="creator">Max Dovey</h2>
+
+                        <p id="title">User:Max Dovey/maxgradbio 2015</p>
+
+                        <!-- moved up <p>How to be more or less human.</p>
+  -->
+
+                        <div id="description"><p>How to be more or less human.</p>
+</div>
+
+                        <div id="bio"><p>My Bio</p>
+</div>
+
+                        <p class="hightlightSidebar"><a href="http://maxdovey.com" target="_blank">http://maxdovey.com</a></p>
+
+                        <!-- // -->
+
+                    </div>
+                </div>
+            </div>
+
+            <div id="logoWrap"><img 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">
+		<p>User:Max Dovey/maxgradbio</p>
+                    <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
+                </div>
+            </div>
+                       
+            <!-- extra -->
+
+            <div class="project" id="extra">
+	      <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif" />
+              <p>A solo performance exploring identity, perception and representation through automatic image analysis software. Software that is used to automatically tag online images is used to direct a live performance. Each scene is performed alongside software that reacts and interprets the performers actions. The performance explores the potential threat of computer vision and automated image perception on the human body. Every movement of the performance is analysed in detail to reductive categorisation.</p>
+
+            </div>
+
+            <!---->
+
+        </div>
+    </div>
+
+    <script src="./js/jquery-2.1.3.min.js" /> 
+    <script src="./js/fixedfixed.js" /> 
+    <script src="./js/fixedsticky.js" /> 
+    <script src="./js/isotope.pkgd.min.js" /> 
+    <script src="./js/imagesloaded.pkgd.min.js" /> 
+    <script src="./js/mainScripts.js" />
+
+
+</body></html>
\ No newline at end of file
