|
|
|
<head>
|
|
|
|
<link rel="stylesheet" href="./static/style.css">
|
|
|
|
<title>
|
|
|
|
How to be a social justice warrior
|
|
|
|
</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
</head>
|
|
|
|
<body id="gallery">
|
|
|
|
|
|
|
|
<button onclick="history.back()" class="buttonback">Go Back</button>
|
|
|
|
<div class="header">
|
|
|
|
<img class="headerimage" id="headerimagegallery" src="assets/htbasjw_title.png" alt="How to be a social justice warrior" loading="lazy" />
|
|
|
|
|
|
|
|
<div class="gifgrid">
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="nyancat" src="assets/nyancat.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="babyoncat" src="assets/babyoncat.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="confusedgirl" src="assets/confusedgirl.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="doge" src="assets/doge.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="angrydog" src="assets/angrydog.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="travolta" src="/assets/travolta.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="simpsons" src="assets/simpsons.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="heartrain" src="assets/heartrain.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
<div class="backgroundgifs">
|
|
|
|
<img id="dance" src="assets/dance.gif" loading="lazy">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="grid">
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="whatsasocialjusticewarrior/index.html">
|
|
|
|
<img class="overviewimage" src="whatsasocialjusticewarrior/WhatsaSJW_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="triggeringrightwingpeepzismypassion/index.html">
|
|
|
|
<img class="overviewimage" src="triggeringrightwingpeepzismypassion/mypassion.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="whatwasthegreatmemewar/index.html">
|
|
|
|
<img class="overviewimage" src="whatwasthegreatmemewar/Greatmemewar_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="tipsforleftistmememaking/index.html">
|
|
|
|
<img class="overviewimage" src="tipsforleftistmememaking/leftistmemes_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="compubody/index.html">
|
|
|
|
<img class="overviewimage" src="compubody/compubody.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="mybodyisamachine/index.html">
|
|
|
|
<img class="overviewimage" src="mybodyisamachine/machine.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="whatarecybertrolls/index.html">
|
|
|
|
<img class="overviewimage" src="whatarecybertrolls/whatarecybertrolls_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="fightcyberfascismbybecomingatroll/index.html">
|
|
|
|
<img class="overviewimage" src="fightcyberfascismbybecomingatroll/becomingatroll_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="lookatye/index.html">
|
|
|
|
<img class="overviewimage" src="lookatye/lookatye.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="howthealtrightturnedharmlesssymbolsintosymbolsofhate/index.html">
|
|
|
|
<img class="overviewimage" src="howthealtrightturnedharmlesssymbolsintosymbolsofhate/dontfallinthetraps_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="howtomassreportafascistaccount/index.html">
|
|
|
|
<img class="overviewimage" src="howtomassreportafascistaccount/Howtomassreport_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="obamaawardsobamaamedal/index.html">
|
|
|
|
<img class="overviewimage" src="obamaawardsobamaamedal/medal.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="whyyoushouldengageinonlinediscussions/index.html">
|
|
|
|
<img class="overviewimage" src="whyyoushouldengageinonlinediscussions/onlinediscussions_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="mockingspongebob/index.html">
|
|
|
|
<img class="overviewimage" src="mockingspongebob/mocksponge.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="whythealtrightisbetteratmakingmemes/index.html">
|
|
|
|
<img class="overviewimage" src="whythealtrightisbetteratmakingmemes/therightmemesbetter_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="nicolascagelookingatpedropascal/index.html">
|
|
|
|
<img class="overviewimage" src="nicolascagelookingatpedropascal/parentspaying.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="whatisameme/index.html">
|
|
|
|
<img class="overviewimage" src="whatisameme/Whatisameme_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="howtobeanantifascistfromyourcouch/index.html">
|
|
|
|
<img class="overviewimage" src="howtobeanantifascistfromyourcouch/antifascistfromcouch_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="howtoidentifyasockpuppettroll/index.html">
|
|
|
|
<img class="overviewimage" src="howtoidentifyasockpuppettroll/Howtoidentifyatroll_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="katnisseverdeen/index.html">
|
|
|
|
<img class="overviewimage" src="katnisseverdeen/katniss.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="dogvswerewolf/index.html">
|
|
|
|
<img class="overviewimage" src="dogvswerewolf/dog_leftrightmemes.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="twobuttons/index.html">
|
|
|
|
<img class="overviewimage" src="twobuttons/twobuttonsconspiracy.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="dontbeafraidtotroll/index.html">
|
|
|
|
<img class="overviewimage" src="dontbeafraidtotroll/dontbeafraidtotroll_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="theydontknow/index.html">
|
|
|
|
<img class="overviewimage" src="theydontknow/Theydontknow.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="differentformsoftrolling/index.html">
|
|
|
|
<img class="overviewimage" src="differentformsoftrolling/differentformsoftrolling_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="womanyellingatcat/index.html">
|
|
|
|
<img class="overviewimage" src="womanyellingatcat/cat_establishment.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="mygoalsarebeyondyourunderstanding/index.html">
|
|
|
|
<img class="overviewimage" src="mygoalsarebeyondyourunderstanding/20emailaddresses.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="triggeredrightwing/index.html">
|
|
|
|
<img class="overviewimage" src="triggeredrightwing/rightwingtrigger.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="hownazisaccidentallydonatedforantifascistcharity/index.html">
|
|
|
|
<img class="overviewimage" src="hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="Howtocreateamisleadinghyperlink/index.html">
|
|
|
|
<img class="overviewimage" src="Howtocreateamisleadinghyperlink/misleadinghyperlink_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="howclownsusehumouragainstfascists/index.html">
|
|
|
|
<img class="overviewimage" src="howclownsusehumouragainstfascists/clownsagainstfascism_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="howtoremovefarrightpropagandawithabrowserplugin/index.html">
|
|
|
|
<img class="overviewimage" src="howtoremovefarrightpropagandawithabrowserplugin/browserplugin_1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="examplesofactivistwebsitedefacements/index.html">
|
|
|
|
<img class="overviewimage" src="examplesofactivistwebsitedefacements/webdefacing1.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="cancelculturerant/index.html">
|
|
|
|
<img class="overviewimage" src="cancelculturerant/cancelculturerant.png">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="subpage">
|
|
|
|
<a href="ronswansonspermit/index.html">
|
|
|
|
<img class="overviewimage" src="ronswansonspermit/youcantactlikeanidiot.jpg">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|