You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

171 lines
8.5 KiB
HTML

8 years ago
<!DOCTYPE html>
8 years ago
<html>
<head>
8 years ago
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8 years ago
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
7 years ago
<meta charset="UTF-8">
8 years ago
</head>
<style>
8 years ago
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
overflow-y: hidden;
transition: 0.5s;
}
.overlay-content {
position: relative;
top: 25%;
width: 100%;
text-align: center;
margin-top: 30px;
}
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}
@media screen and (max-height: 450px), screen and (max-width: 500px) {
p {
7 years ago
font-size: 13px;
/*font-size: 3.5vw;*/
}
8 years ago
.overlay {overflow-y: auto;}
.overlay a {font-size: 20px}
.overlay .closebtn {
8 years ago
font-size: 30px;
8 years ago
top: 15px;
right: 35px;
}
8 years ago
</style>
<body>
<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<div class="overlay-content">
<a href="https://pzwiki.wdka.nl/mediadesign/Interfacing_the_law" target="_blank">Interfacing The Law</a>
<a href="https://issue.xpub.nl/" target="_blank">Special Issue Archive</a>
<a href="https://xpub.nl/" target="_blank">XPUB</a>
<a href="http://www.pzwart.nl/" target="_blank">Piet Zwart Institute</a>
</div>
</div>
7 years ago
<div class="container">
7 years ago
<div><video width="100%" controls>
<source src="https://media.xpub.nl/special_issue_03-web.mp4" type="video/mp4">
7 years ago
Your browser does not support the video tag :(
Try a recent version of Firefox or Chromium!
</video></div>
<div class="blocktext">
8 years ago
7 years ago
<h2>Interfacing The Law</h2>
7 years ago
<h3>
7 years ago
How can the right to access to knowledge be held up against claims of copyright? How can we battle the terror of the mind produced by the current intellectual property regime?
7 years ago
</h3>
<h3>
7 years ago
Interfacing the law is an attempt to build a series of platforms, both in the sense of on-line interfaces and of public discourse, that allow us to experiment with, to openly discuss and to reflect while the next wave of court cases is waiting to happen.
7 years ago
</h3>
<h3>
7 years ago
It is urgent that we find ways to make the public debate transcend the juridical binary of illegal vs. legal, and claim political legitimacy for acting out the potential of digital publishing, and the possibility of sharing digital books.
7 years ago
</h3>
</div>
<div class="blocktext">
<h2>The Autonomous Archive of Poortgebouw</h2>
7 years ago
<h3>Giulia de Giovanelli, Franc Gonzalez, Max Franklin</h3>
<p>
For the project “Interfacing the Law” we are working on the archive of the historical living-community Vereniging Poortge- bouw, based in Rotterdam.</p>
<p>Aim of this project is to build a local “archival-machine”, to encourage the collaborative collection of materials that maps the legality of the Poortgebouw.</p>
<p>Through designing a digital interface of mediation for the collection of the communitys documents, we plan on building an open and active archival “machine”.</p>
<p>Open as being build upon the media-wiki platform where people can implement and interact with the archive; the tools utilized re-activate the documents allowing for new interac- tions and understandings. Active as builded on a local com- puter that will serve for the present and future generation of inhabitants to access the documents and store new materials. We want to imagine the interface of the archive as a window on the history of the legalization process of the community. The building was first squatted in 1980 and 4 years after legal- ized. The legalization was made possible by the renovation of the building into a livable space and the dedication of the first group of people that could then establish their living group with an official rent contract.
</p>
<p>“Since then, the house has not only served residential needs but has also hosted social and cultural interaction and has provided a number of public “windows” into diverse non-prof- it oriented activities.”</p>
<p>Lots of cultural activities and as well legal struggles build the history of the Poortgebouw. For our project we want to picture and give structure to the series of legal transitions of the history of the community.</p>
</div>
<div class="blocktext">
7 years ago
<h2>The Caboose Library</h2>
<h3>Emily Buzzo</h3>
<p>This is a portable digital library. It is a publicly accessible repository of knowledge. It exists on a portable device travel- ling on the trains between here and there. The library consists of texts that can be downloaded by those who are within range. Every download will be stamped on to the pdf, like a library book, flipping the watermarking practice from corporate to community.</p>
<p>The collection of content is there to reflect, enquire, inspire, open, engage, provoke, incentivise, contradict, motivate... It is shared with the intent to create an environment or mental space where temporary communities may arise around a text, or even just the pleasure of reading.</p>
<p>The collection of publications are stored on a portable, mobile, battery powered device, housed in a black box and consisting of a Raspberry Pi 3 and accessed through its local hotspot.</p>
<p>The aim of the project is to take a selection of texts available in an ad hoc network, travelling between Rotterdam and Amsterdam.</p>
<p>The specific goals are to open up and make visible the meta-data and DRM associated with PDFs. Through this, the project aims to reclaim these systems of control and repur- poses them in a way that evokes a sense of community.</p>
<p>As such the project asks the research question of how these kinds of stamping procedures can play a role in the commu- nity of a library vs the way stamping is now used in digital documents for digital rights management.</p>
</div>
<div class="blocktext">
<a href="http://fff.xpub.nl/" target="_blank"><h2>FFF</h2></a>
7 years ago
<h3>Karina Dukalska, Nadine Rotem-Stibbe</h3>
<p>Mass-processed foods are often riddled with undisclosed and hidden elements. We are mostly ignorant about the processes involved in manufacturing, packaging, and shipping of our products, and the consequences of such processes. This is not a new grievance, carbon footprints, GM foods, Fair Trade, organic, animal right are all phrases that occur often in headlines, warning us against buying or using a certain product, or advising us to support a certain cause. Such advice, though probably well meaning not only leaves the consumer confused, but also takes away the consumers autonomy in making decisions and taking responsibility for the products they use.</p>
<p>FFF is an open product-database wiki which aims to fill the lack of easy access to what should be public knowledge. Empirical food companies are our main concern. Their disclosed control - whether with data, health factors or ethical behaviour - is beyond our imagination. However, even if the data were fully accessible, there would end up being masses of text and technical information, something that the average consumer, cannot, and will not, read - just like the terms and conditions. There is therefore a pressing need to simplify, decrypt and disambiguate the information by extracting the most relevant points while also maintaining transparency by ensuring that everything can still be easily accessed if one does want to go into depth. To better under- stand the bigger picture the information is broken down into three categories for each product; On the Surface, Grey Area and Under the Surface.</p>
<p><a href="http://fff.xpub.nl/" target="_blank"> Link of the project</a> </p>
</div>
7 years ago
<div class="blockimage">
7 years ago
<a href="img/map.png"><img src="img/map.png"></a>
7 years ago
</div>
7 years ago
<div class="blockimage">
7 years ago
<a href="img/text.png"><img src="img/text.png"></a>
7 years ago
</div>
</div>
<div class="moreinfo">
8 years ago
<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; More Info...</span>
</div>
8 years ago
<script>
function openNav() {
document.getElementById("myNav").style.height = "100%";
}
function closeNav() {
document.getElementById("myNav").style.height = "0%";
}
</script>
</body>
</html>