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.
78 lines
3.7 KiB
HTML
78 lines
3.7 KiB
HTML
<!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> |