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.
74 lines
2.9 KiB
HTML
74 lines
2.9 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>How to be a social justice warrior</title>
|
|
<meta name="description" content="XPUB">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="howtobeasocialjusticewarrior/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id='wrapper'></div>
|
|
<a href='../' id='homebttn' class='ext'> << home</a>
|
|
<header>
|
|
<h1 id='project-title'>How to be a social justice warrior <a href='#hleft-text' class='show'> ⓘ</a></h1>
|
|
<h2 id='student-name'>Miriam Schöb</h2>
|
|
<div id='hleft-text'>
|
|
<a href=# id='back'>
|
|
<div id='inner-hleft-text'>
|
|
<div id='ihtp'>
|
|
<object>
|
|
<div id='about-project'>
|
|
<p>"How to be a social justice warrior" is an online platform that dives into the digital propaganda strategies employed by the far-right, and explores possible counter-action strategies. It's a website packed with printable guides, memes, gifs and educational material, ranging from tips for leftist meme-making, to information about trolling strategies, up to instructions on how to install an Instagram report bot. Pick whatever suits your activism best. </p>
|
|
</div>
|
|
<hr align='left'>
|
|
<div id='about-student'>
|
|
<p>Miriam Schöb (CH) is an artist, writer, Internet troll, pop culture savvy, cultural worker, meme expert, spoken word performer, experimental publisher, comedy podcaster, social justice warrior, cyber geek, trash video maker, practice-based researcher, social media addict and public prankster. Find her on Instagram @mirischoeb.</p>
|
|
</div>
|
|
<a id='getback' class='int'> go back </a>
|
|
</object>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<section id='main'>
|
|
<div id="galleries">
|
|
<div id='work'>
|
|
<h3 class='gal-title'>Work</h3>
|
|
<ul id='publist'>
|
|
<li><a href='https://howtobeasocialjusticewarrior.com/' target="_blank" class='ext'>Project Website</a></li>
|
|
<li><a href='https://pzwiki.wdka.nl/mediadesign/User:Miriam/Final_presentation' target="_blank" class='ext'>Wiki</a></li>
|
|
<li><a href='https://www.instagram.com/xpubmemes/' target="_blank" class='ext'>@xpubmemes</a></li>
|
|
</ul>
|
|
<img src="img/welcomepage.png" class='workimg'/>
|
|
<img src="img/gallery.png" class='workimg'/>
|
|
<img src="img/memecompubody.png" class='workimg'/>
|
|
<img src="img/sjwdefinition.png" class='workimg'/>
|
|
</div>
|
|
<div id='publication'>
|
|
<h3 class='gal-title'>Publication</h3>
|
|
<ul id='publist'>
|
|
<li><a href='img/Masterthesis_MiriamSchöb_TheLeftCanMeme' target="_blank" class='ext'>Publication PDF</a></li>
|
|
</ul>
|
|
<img src="img/pub1.jpg" class='workimg'/>
|
|
<img src="img/pub2.jpg" class='workimg'/>
|
|
<img src="img/pub3.jpg" class='workimg'/>
|
|
<img src="img/pub4.jpg" class='workimg'/>
|
|
</div>
|
|
<div id='gradshow'>
|
|
<h3 class='gal-title'>Graduation Show</h3>
|
|
<img src="img/gradshow1.jpg" class='workimg'/>
|
|
<img src="img/gradshow2.jpg" class='workimg'/>
|
|
<img src="img/gradshow3.jpg" class='workimg'/>
|
|
<img src="img/gradshow4.jpg" class='workimg'/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|