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.
72 lines
2.6 KiB
HTML
72 lines
2.6 KiB
HTML
6 years ago
|
<!doctype html>
|
||
|
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
|
|
||
|
<title>Alt Reality Lexicon</title>
|
||
|
<meta name="description" content="XPUB">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<link rel="stylesheet" href="../css/pages.css">
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<div id='wrapper'></div>
|
||
|
<header>
|
||
|
<h1 id='project-title'>Alt Reality Lexicon <a href='#hleft-text' id='show'> ⓘ</a></h1>
|
||
|
<div id='sub'>
|
||
|
<h2 id='student-name'>Pleun Gremmen</h2>
|
||
|
</div>
|
||
|
<div id='hleft-text'>
|
||
|
|
||
|
<a href=# id='back'>
|
||
|
<div id='inner-hleft-text'>
|
||
|
<div id='ihtp'>
|
||
|
<div id='about-project'>
|
||
|
<p>The Alt Reality Lexicon (2018) is a lexicon of neologisms that helps the demystification and clarification of the language used by two prominent far-right online subcultures: the Alt-Right and the Manosphere by translating jargon to common language. In order to keep conversing about our differences the editors of the lexicon build a door in the walls of the echo chamber to open it up to a broader audience.</p>
|
||
|
</div>
|
||
|
<hr align='left'>
|
||
|
<div id='about-student'>
|
||
|
<p>Pleun is a visual artist and graphic designer aiming to research ways to create and share new narratives about current affairs and interests while pushing the boundaries of her practice.</p>
|
||
|
</div>
|
||
|
<span id='getback'> go back </span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</a>
|
||
|
</div>
|
||
|
</header>
|
||
|
<section id='main'>
|
||
|
<div id="galleries">
|
||
|
<div id='work'>
|
||
|
<h3 class='gal-title'>Work</h3>
|
||
|
<img src="img/wiki-1.jpg" class='workimg'/>
|
||
|
<img src="img/wiki-2.jpg" class='workimg'/>
|
||
|
<img src="img/videoscreenshot.jpg" class='workimg'/>
|
||
|
</div>
|
||
|
<div id='publication'>
|
||
|
<h3 class='gal-title'>Publication</h3>
|
||
|
<ul id='publist'>
|
||
|
<li><a href='pdf/Publication-AltRealityLexBook.pdf' target="_blank" class='ext'>Publication PDF</a></li>
|
||
|
<li><a href='pdf/Publication-AltRealityLexBook-print.pdf' target="_blank" class='ext'>Printed publication PDF</a></li>
|
||
|
</ul>
|
||
|
<img src="img/pzithesis-4.jpg" class='workimg'/>
|
||
|
<img src="img/pzithesis-2.jpg" class='workimg'/>
|
||
|
<img src="img/pzithesis-7.jpg" class='workimg'/>
|
||
|
<img src="img/pzithesis-8.jpg" class='workimg'/>
|
||
|
<img src="img/PublicationAltRealityLexicon-1.jpg" class='workimg'/>
|
||
|
<img src="img/PublicationAltRealityLexicon-2.jpg" class='workimg'/>
|
||
|
</div>
|
||
|
<div id='gradshow'>
|
||
|
<h3 class='gal-title'>Graduation Show</h3>
|
||
|
<img src="img/gradshow-1.jpg" class='workimg'/>
|
||
|
<img src="img/gradshow-2.jpg" class='workimg'/>
|
||
|
<img src="img/gradshow-3.jpg" class='workimg'/>
|
||
|
<img src="img/gradshow-4.jpg" class='workimg'/>
|
||
|
<img src="img/gradshow-5.jpg" class='workimg'/>
|
||
|
<img src="img/gradshow-6.jpg" class='workimg'/>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|