acastro
/
pzimediadesign
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

merging scripts

Browse Source
master
Castro0o 10 years ago
parent 10747d4c55
commit 818e007157
10 changed files with 76 additions and 618 deletions
Show Stats Download Patch File Download Diff File

0
web/index-template.html → index-template.html
Unescape Escape View File

135
mmdc_modules.py
Unescape Escape View File

@ -1,20 +1,19 @@
#! /usr/bin/env python #! /usr/bin/env python
# -*- coding: utf-8 -*- # -*- coding: utf-8 -*-
import pprint, re, subprocess, shlex, urllib import pprint, re, subprocess, shlex
import xml.etree.ElementTree as ET import xml.etree.ElementTree as ET
from mwclient import Site from mwclient import Site
site = Site("pzwiki.wdka.nl", path="/mw-mediadesign/")
##############################
# CATEGORIES, PAGES AND IMAGES
##############################
def mw_page_text(site, page):
page = site.Pages[page]
text = page.text()
return text
def mw_cats(site, args): #########
# Site Level
#########
def mwsite(host, path): #returns wiki site object
site = Site(host, path)
return site
def mw_cats(site, args): #returns pages member of args(categories)
last_names = None last_names = None
for cats in args.category: for cats in args.category:
for ci, cname in enumerate(cats): for ci, cname in enumerate(cats):
@ -30,21 +29,42 @@ def mw_cats(site, args):
results = list(results) results = list(results)
return [p.name for p in results] return [p.name for p in results]
def mw_singelimg_url(site, img): #find full of an img
if 'File:' not in img:
img = 'File:'+img
img_page=site.Pages[img]
img_url = (img_page.imageinfo)['url']
return img_url
def mw_imgsurl(site, page): #all the imgs in a page #return: list of tuples (img.name, img.fullurl)
##############################
# CATEGORIES, PAGES AND IMAGES
##############################
def mw_page(site, page):
page = site.Pages[page] page = site.Pages[page]
return page
def mw_page_text(site, page):
text = page.text()
return text
def mw_page_cats(site, page):
cats_list = list(page.categories())
cats = [cat.name for cat in cats_list if cat.name != u'Category:04 Publish Me']
return cats
def mw_page_imgsurl(site, page):
#all the imgs in a page
#returns list of tuples (img.name, img.fullurl)
imgs = page.images() imgs = page.images()
imgs = list(imgs) imgs = list(imgs)
urls = [((img.name),(img.imageinfo)['url']) for img in imgs] urls = { img.name: (img.imageinfo)['url'] for img in imgs}
return urls return urls
def mw_img_url(site, img): #find full of an img
if 'File:' not in img:
img = 'File:'+img
img_page=site.Pages[img]
img_url = (img_page.imageinfo)['url']
return img_url
# PROCESSING MODULES # PROCESSING MODULES
@ -56,43 +76,39 @@ def write_html_file(html_tree, filename):
edited.write(html) edited.write(html)
edited.close() edited.close()
def parse_work(title, content):
workdict = {'Title':title, 'Creator':u'', 'Date':u'', 'Website':u'', 'Thumbnail':u'', 'Bio':u'', 'Description':u'', 'Extra':u''}
if re.match(u'\{\{\Graduation work', content):
template, extra = (re.findall(u'\{\{Graduation work\n(.*?)\}\}(.*)', content, re.DOTALL))[0]
if extra:
workdict['Extra'] = extra
# template's key/value pair
# Note:Extra value is NOT CAPTURED by this regex
keyval = re.findall(u'\|(.*?)\=(.*?\n)', template, re.DOTALL)
for pair in keyval:
key = pair[0]
val = (pair[1]).replace('\n', '')
if 'Creator' in key:
val = val.replace(u', ', u'')
elif 'Thumbnail' in key:
val = mw_singelimg_url(site, val)#api_thumb_url(val)
elif 'Website' in key:
val = urllib.unquote( val)
workdict[key]=val
# pprint.pprint(workdict)
return workdict
def pandoc2html(mw_content): def pandoc2html(mw_content):
'''convert individual mw sections to html''' '''convert individual mw sections to html'''
mw_content = mw_content.encode('utf-8') mw_content = mw_content.encode('utf-8')
# convert from mw to html tmpfile = open('tmp_content.mw', 'w')
args_echo =shlex.split( ('echo "{}"'.format(mw_content)) ) tmpfile.write(mw_content)
args_pandoc = shlex.split( 'pandoc -f mediawiki -t html5' ) tmpfile.close()
p1 = subprocess.Popen(args_echo, stdout=subprocess.PIPE) args_pandoc = shlex.split( 'pandoc -f mediawiki -t html5 tmp_content.mw' )
p2 = subprocess.Popen(args_pandoc, stdin=p1.stdout, stdout=subprocess.PIPE) pandoc = subprocess.Popen(args_pandoc, stdout=subprocess.PIPE)
html = (p2.communicate())[0] html = pandoc.communicate()[0]
html = html.decode("utf-8") html = html.decode("utf-8")
return html return html
author_exp = re.compile('^Authors?\: ?(.*?)\\n')
cat_exp = re.compile('\[\[Category\:.*?\]\]')
gallery_exp=re.compile('<gallery>(.*?)</gallery>', re.S) gallery_exp=re.compile('<gallery>(.*?)</gallery>', re.S)
imgfile_exp=re.compile('(File:(.*?)\.(gif|jpg|jpeg|png))') imgfile_exp=re.compile('(File:(.*?)\.(gif|jpg|jpeg|png))')
def find_authors(content):
authors = re.findall(author_exp, content[0:100]) #search only in 1st lines
if authors:
#replace authors in content
content = re.sub(author_exp, '', content)
authors = authors[0]
else:
content = content
authors = None
return (authors, content)
def remove_cats(content):
content = re.sub(cat_exp, '', content)
return content
print 'NO CATS', content
def replace_gallery(content): def replace_gallery(content):
content = re.sub(imgfile_exp, '[[\g<1>]]', content) #add [[ ]] to File:.*? content = re.sub(imgfile_exp, '[[\g<1>]]', content) #add [[ ]] to File:.*?
content = re.sub(gallery_exp, '\g<1>', content) #remove gallery wrapper content = re.sub(gallery_exp, '\g<1>', content) #remove gallery wrapper
@ -107,19 +123,18 @@ def replace_video(content):
content = re.sub(youtube_exp, "<iframe src='https://www.youtube.com/embed/\g<1>' width='600px' height='450px'> </iframe>", content) content = re.sub(youtube_exp, "<iframe src='https://www.youtube.com/embed/\g<1>' width='600px' height='450px'> </iframe>", content)
return content return content
img_exp=re.compile('^.*?\.(?:jpg|jpeg|JPG|JPEG|png|gif)')
def replace_img_a_tag(img_anchor):
# TO DO: remove <a> - requires finding the img_anchor
href = img_anchor.get('href')
if re.match(img_exp, href):
img_anchor.clear()
figure = ET.SubElement(img_anchor, 'figure')
img = ET.SubElement(figure, 'img', attrib={'src': href})
# figcaption = ET.SubElement(figure, 'figcaption')
# figcaption.text = href
# Index Creation
def index_addwork(parent, workid, href, thumbnail, title, creator, date):
child_div = ET.SubElement(parent, 'div', attrib={'class':'item',
'id':workid,
'data-title':title,
'data-creator':creator,
'data-date':date})
grandchild_a = ET.SubElement(child_div, 'a', attrib={'href':href, 'class':'work'})
if thumbnail is '':
grandgrandchild_h3 = ET.SubElement(grandchild_a, 'h3', attrib={'class':'work', 'id':'thumbnail_replacement'})
grandgrandchild_h3.text=title
else:
grandgrandchild_img = ET.SubElement(grandchild_a, 'img', attrib={'class':'work', 'src':thumbnail})
# need to add css width to div.item

0
web/page-template.html → page-template.html
Unescape Escape View File

77
web/2015-Ana_Lusa_Moura.html
Unescape Escape View File

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

79
web/2015-Artyom.html
Unescape Escape View File

@ -1,79 +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">Artyom</h2>
<p id="title">Artyom-graduation-work 2015</p><!--{title} {date} -->
<!-- moved up description -->
<div id="description"><p>Artyom’s work entitled “New Image” is a series of images of that have been made using Google Image search results. In his work Artyom explores the relations between images and the technology that is responsible for their production and distribution. Namely how technological endeavors came to affect the dynamics within image culture.</p>
</div>
<div id="bio"><p>Artyom Kocharyan (AM) is visual artist based in Rotterdam. His work explores the contemporary visual culture, namely the culture of images that increasingly dominate the world of communication. Artyom’s work is concerned with the representation aspect of images and their ability to determine our vision of the world. Artyom is engaged with the representation apparatus that is peculiar to current digital and online culture.</p>
</div>
<p class="hightlightSidebar"><a href="www.artyomkocharyan.com" target="_blank">www.artyomkocharyan.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>Artyom-graduation-work</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/6a/Screen_Shot_2014-10-26_at_16.10.08.jpg">
<p>Photography, shortly after its invention, took on itself the responsibility of documenting history and giving us images of our world that was previously granted to painting. Photography was the first image of the kind, one that is conceived through technologies – camera, that were products of modern science. Photography democratized the image making proses allowing anyone to produce an image with a click of a button. As well us taking images out from the realm of aesthetics and art which was peculiar to painting, and making them relevant to almost every aspect of culture. As technology developed giving us television and the general media establishment, the bigger part of our world became to be seen through those images than by our own eyes. In today’s online world images function as distinct communication medium and seem do be a better fit to the quick and accumulated online culture where they serve as windows through which we can access the world far beyond our reach.</p>
<p>Photography as an image is known for its ability to give an objective representation of the world – it shows the world ‘as it is’. This notion although has been disproved by number of studies, is till excepted by the wider culture. Because of it scientific nature, namely the fact that the subject prescribes itself on the film without the involvement of human hand – without human subjectivity, photography came to gain its objective status. This notion went as far as making photography an image that can stand as a ‘proof’ for something. Similarly Google Images established itself as an agency that gives a precise and accurate representation of a subject. Its algorithms that developed in such way to display the most relevant and the most popular images of the subject. So its objective notion seems to rely again on its scientific factor, namely on the algorithmic analysis that automatically choose the content and arranging them by their on the page by their relevance.</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>

77
web/2015-Henk-Jelle_de_Groot.html
Unescape Escape View File

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

76
web/2015-Joseph_Knierzinger.html
Unescape Escape View File

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

81
web/2015-Lucia_Dossin.html
Unescape Escape View File

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

86
web/2015-Luther_Blisset.html
Unescape Escape View File

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

81
web/2015-Max_Dovey.html
Unescape Escape View File

@ -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">Max Dovey</h2>
<p id="title">How To Be More Or Less Human 2015</p><!--{title} {date} -->
<!-- moved up description -->
<div id="description"><p><code>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.  </code><br></p>
</div>
<div id="bio"><p><code>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. </code></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="index.html">
<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="http://pzwiki.wdka.nl/mw-mediadesign/images/6/61/Howtobemoreorless_thumbnail.jpg">
<h3 id="abstract-longer">Abstract (longer)</h3>
<p>How To Be More Or Less Human is a performance investigating how humans are identified by computer vision software. Looking specifically at how the human subject is identified and classified by image recognition software, a representation of the human body is formed. The living presence of a human being cannot be sensed by computer vision, so the human subject becomes a quantifiable data object with a set of attributes and characteristics. Seeing ourselves in this digital mirror allows us to reflect on other models of perception and develop an understanding of how the human subject is ‘seen’ by the machinic ‘other’. Looking at ourselves through the automated perception of image recognition can highlight how gender, race and ethnicity have been processed into a mathematical model. The algorithm is trained to ‘see’ certain things forcing the human subject to identify themselves within the frame of computer vision.</p>
<h3 id="images">Images</h3>
<h3 id="video">Video</h3>
</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>
Write Preview
Loading…
Cancel
Save