new imgs and site layout instant warnet

master
nberting 5 years ago
parent 7eb4338c26
commit 8b045e2d28

Binary file not shown.

After

Width:  |  Height:  |  Size: 982 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 950 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 751 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 875 KiB

@ -4,24 +4,62 @@
<head>
<meta charset="utf-8">
<title>XPUB</title>
<title>Instant Warnet</title>
<meta name="description" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="../css/pages.css">
</head>
<body>
<div style="width: 50%; font-family: sans-serif; color: #FF00B3;">
<H3>INSTANT WARNET<i>(work in progress)</i></H3>
<p>
Hello deviants, </p><p>
INSTANT WARNET is a critical live action game, which pokes and prods at networks of harrassment on social media. As a player, you are invited to role-play characters on the massively multiplayer arena of Instagram, with the goal of infiltrating and disrupting its more hostile practices and spaces. </p>
<p>
Composed entirely of found techniques, scenarios and language used by the worlds most manipulative trolls, buzzers and campaign operatives, this game asks you to flip the script, and rethink your own responses to online abuse and misuse.
</p><p>
Unlike gamification, which applies game design elements to non-game contexts, INSTANT WARNET functions on top of the already existing gaming mechanisms in social media culture. Only here, skilled players win attention instead of
points, identify with hashtags instead of clans, and outmanoeuvre moderators instead of gamemasters. <br><br>
<a href="http://pzwiki.wdka.nl/mw-mediadesign/images/9/9f/NatashaBerting-FinalThesis.pdf" style="color: #FF00B3;">[ Read Thesis ]</a>
<div id='wrapper' style="background-image: linear-gradient(to bottom left, rgba(255,255,255,1), rgba(222,244,255,0.5), rgba(255,0,180,0.3))"></div>
<a href='../' id='homebttn' class='ext'> << home </a>
<header>
<h1 id='project-title'>Instant Warnet <a href='#hleft-text' class='show'></a><br><a href='../' class='show' id='home'><< </a></h1>
<div id='sub'>
<h2 id='student-name'><a href='http://www.tashberting.com' target='_blank' class='ext' id='student-page'>Natasha Berting</a></h2>
</div>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
<div id='about-project'>
<p>Instant Warnet is a live-action role-playing game which pokes and prods at networks of harassment on social media. In this collective performance, you are invited to assume fictional characters on the massively multiplayer arena of Instagram, with the goal of disrupting and defusing some of its more hostile practices and spaces. <br><br> Composed entirely of found tactics, scenarios and language used by the worlds most cunning trolls, buzzers and campaign operatives, Instant Warnet is an experiment which aims to flip the script on online toxicity. Instead of looking away or logging off, players are encouraged to live vicariously through their characters, using performance as a mode of talking back and reclaiming space on the platform.
<br><br></p>
</div>
<hr align='left'>
<div id='about-student'>
<p> Natasha Berting (Cirebon, 1992) is a media artist and writer. Her work often explores the ways that netizenship and citizenship inform each other, revealing intersections and facilitating encounters between art, technology and culture. </p>
</div>
<span id='getback'> go back </span>
</div>
</div>
</a>
</div>
</header>
</p></div>
<section id='main'>
<div id="galleries">
<div id='work'>
<h3 class='gal-title'>Work</h3>
<ul id='publist'>
<li><a href='https://hub.xpub.nl/warnet' target="_blank" class='ext'>Project Website</a></li>
</ul>
<img src="img/Instant-Warnet-02.jpg" class='workimg'/>
<img src="img/Instant-Warnet-04.jpg" class='workimg'/>
<img src="img/Instant-Warnet-02-01.jpg" class='workimg'/>
<img src="img/Instant-Warnet-02-04.jpg" class='workimg'/>
</div>
<div id='publication'>
<h3 class='gal-title'>Publication</h3>
<ul id='publist'>
<li><a href='instant-warnet/pdf/Berting-Making-Silences-On-Social-Media.pdf' target="_blank" class='ext'>Thesis (PDF) </a></li>
</ul>
</ul>
</div>
</section>
</div>
</body>
</html>
</html>

Loading…
Cancel
Save