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.
79 lines
3.9 KiB
HTML
79 lines
3.9 KiB
HTML
4 years ago
|
<!DOCTYPE HTML><html><head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||
|
|
|
||
|
|
<title>Adversarial Interface</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><!--TITLE--></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="sideBarDescInner">
|
||
|
|
|
||
|
|
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
|
||
|
|
|
||
|
|
<h2 id="creator">Colm O' Neill</h2>
|
||
|
|
|
||
|
|
<p id="title">Adversarial Interface 2017</p><!--{title} {date} -->
|
||
|
|
|
||
|
|
<!-- moved up description -->
|
||
|
|
|
||
|
|
<div id="description"><p>The practice of user interface design has developed over the last decade to support the spreading of ways and devices to access the Internet. On-screen user interfaces are actively thought of as experience producers, concerned with making tasks easy and making technical seems invisible. An outcome of this is a subset of practices of user experience design that has more roots in marketing than in visual design.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="bio"><p>Colm O'Neill (IE) Colm is a designer and researcher based in Rotterdam and Brussels. His work is concerned with mediations of digital literacy through graphical, user and programmatic interfaces. The research and practice that result follow the ideals of free and open source development models.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="hightlightSidebar"><a href="http://adversarial.interfaces.site" target="_blank">http://adversarial.interfaces.site</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>Adversarial Interface</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/8/81/Not-that-hard.png">
|
||
|
|
<p><a href="http://adversarial.interfaces.site">Adversarial interface</a> is a website collecting tools, extensions, projects and research that enable agonism and critical responses to an overwhelming feeling of mono-narrative in user interfaces on and offline.</p>
|
||
|
|
<p><img alt="notthathard, so we lied" src="Not-that-hard.png" title="fig:notthathard, so we lied"> <img alt="highly trained monkeys" src="https://pzwiki.wdka.nl/mw-mediadesign/images/d/df/Trained-monkeys.png" title="highly trained monkeys"> <img alt="(Don't worry we'll keep it private)" src="https://pzwiki.wdka.nl/mw-mediadesign/images/2/21/Interested-in.png" title="(Don't worry we'll keep it private)"></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>
|