update

1 year ago · 4dd802b5b7
parent 40365bad0c
commit 4dd802b5b7
63 changed files with 527 additions and 54 deletions
--- a/Howtocreateamisleadinghyperlink/index.html
+++ b/Howtocreateamisleadinghyperlink/index.html
@ -0,0 +1,40 @@
+
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+
+<swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
+  <swiper-slide>
+    <img class="sliderimage" src="misleadinghyperlink_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="misleadinghyperlink_2.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="misleadinghyperlink_3.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="misleadinghyperlink_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="misleadinghyperlink_5.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="misleadinghyperlink_6.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+</body>
--- a/Howtocreateamisleadinghyperlink/misleadinghyperlink_1.png
+++ b/Howtocreateamisleadinghyperlink/misleadinghyperlink_1.png
--- a/Howtocreateamisleadinghyperlink/misleadinghyperlink_2.png
+++ b/Howtocreateamisleadinghyperlink/misleadinghyperlink_2.png
--- a/Howtocreateamisleadinghyperlink/misleadinghyperlink_3.png
+++ b/Howtocreateamisleadinghyperlink/misleadinghyperlink_3.png
--- a/Howtocreateamisleadinghyperlink/misleadinghyperlink_4.png
+++ b/Howtocreateamisleadinghyperlink/misleadinghyperlink_4.png
--- a/Howtocreateamisleadinghyperlink/misleadinghyperlink_5.png
+++ b/Howtocreateamisleadinghyperlink/misleadinghyperlink_5.png
--- a/Howtocreateamisleadinghyperlink/misleadinghyperlink_6.png
+++ b/Howtocreateamisleadinghyperlink/misleadinghyperlink_6.png
--- a/cancelculturerant/cancelculturerant.png
+++ b/cancelculturerant/cancelculturerant.png
--- a/cancelculturerant/index.html
+++ b/cancelculturerant/index.html
@ -0,0 +1,24 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+      
+  
+    <div class="memecontainer">
+        <img class="meme" src="cancelculturerant.png">
+    </div>
+  
+  
+  </body>
--- a/differentformsoftrolling/differentformsoftrolling_1.png
+++ b/differentformsoftrolling/differentformsoftrolling_1.png
--- a/differentformsoftrolling/differentformsoftrolling_2.png
+++ b/differentformsoftrolling/differentformsoftrolling_2.png
--- a/differentformsoftrolling/differentformsoftrolling_3.png
+++ b/differentformsoftrolling/differentformsoftrolling_3.png
--- a/differentformsoftrolling/differentformsoftrolling_4.png
+++ b/differentformsoftrolling/differentformsoftrolling_4.png
--- a/differentformsoftrolling/differentformsoftrolling_5.png
+++ b/differentformsoftrolling/differentformsoftrolling_5.png
--- a/differentformsoftrolling/differentformsoftrolling_6.png
+++ b/differentformsoftrolling/differentformsoftrolling_6.png
--- a/differentformsoftrolling/differentformsoftrolling_7.png
+++ b/differentformsoftrolling/differentformsoftrolling_7.png
--- a/differentformsoftrolling/differentformsoftrolling_8.png
+++ b/differentformsoftrolling/differentformsoftrolling_8.png
--- a/differentformsoftrolling/index.html
+++ b/differentformsoftrolling/index.html
@ -0,0 +1,46 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+  
+  <swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
+    <swiper-slide>
+      <img class="sliderimage" src="differentformsoftrolling_1.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="differentformsoftrolling_2.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="differentformsoftrolling_3.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="differentformsoftrolling_4.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="differentformsoftrolling_5.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="differentformsoftrolling_6.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="differentformsoftrolling_7.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="differentformsoftrolling_8.png">
+    </swiper-slide>
+  </swiper-container>
+  
+  
+  </body>
--- a/examplesofactivistwebsitedefacements/index.html
+++ b/examplesofactivistwebsitedefacements/index.html
@ -0,0 +1,50 @@
+
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+  
+  <swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
+    <swiper-slide>
+      <img class="sliderimage" src="webdefacing1.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="webdefacing2.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="webdefacing3.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="webdefacing4.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="webdefacing5.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="webdefacing6.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="webdefacing7.png">
+    </swiper-slide>
+    <swiper-slide>
+        <img class="sliderimage" src="webdefacing8.png">
+    </swiper-slide>
+    <swiper-slide>
+        <img class="sliderimage" src="webdefacing9.png">
+    </swiper-slide>
+  </swiper-container>
+  
+  
+  </body>
--- a/examplesofactivistwebsitedefacements/webdefacing1.png
+++ b/examplesofactivistwebsitedefacements/webdefacing1.png
--- a/examplesofactivistwebsitedefacements/webdefacing2.png
+++ b/examplesofactivistwebsitedefacements/webdefacing2.png
--- a/examplesofactivistwebsitedefacements/webdefacing3.png
+++ b/examplesofactivistwebsitedefacements/webdefacing3.png
--- a/examplesofactivistwebsitedefacements/webdefacing4.png
+++ b/examplesofactivistwebsitedefacements/webdefacing4.png
--- a/examplesofactivistwebsitedefacements/webdefacing5.png
+++ b/examplesofactivistwebsitedefacements/webdefacing5.png
--- a/examplesofactivistwebsitedefacements/webdefacing6.png
+++ b/examplesofactivistwebsitedefacements/webdefacing6.png
--- a/examplesofactivistwebsitedefacements/webdefacing7.png
+++ b/examplesofactivistwebsitedefacements/webdefacing7.png
--- a/examplesofactivistwebsitedefacements/webdefacing8.png
+++ b/examplesofactivistwebsitedefacements/webdefacing8.png
--- a/examplesofactivistwebsitedefacements/webdefacing9.png
+++ b/examplesofactivistwebsitedefacements/webdefacing9.png
--- a/overview.html
+++ b/overview.html
@ -30,49 +30,48 @@
            </a>
           </div>
           <div class="subpage">
-        <a href="howtoidentifyasockpuppettroll/index.html">
-            <img class="overviewimage" src="howtoidentifyasockpuppettroll/Howtoidentifyatroll_1.png">
-            <!-- <div class="extracontent">extra</div> -->
+            <a href="triggeringrightwingpeepzismypassion/index.html">
+                <img class="overviewimage" src="triggeringrightwingpeepzismypassion/mypassion.jpg">
            </a>
        </div>
        <div class="subpage">
-            <a href="whatarecybertrolls/index.html">
-                <img class="overviewimage" src="whatarecybertrolls/whatarecybertrolls_1.png">
+            <a href="whatwasthegreatmemewar/index.html">
+                <img class="overviewimage" src="whatwasthegreatmemewar/Greatmemewar_1.png">
            </a>
        </div>
        <div class="subpage">
-             <a href="dogvswerewolf/index.html">
-                 <img class="overviewimage" src="dogvswerewolf/dog_leftrightmemes.jpg">
+            <a href="tipsforleftistmememaking/index.html">
+                <img class="overviewimage" src="tipsforleftistmememaking/leftistmemes_1.png">
            </a>
        </div>
           <div class="subpage">
-                 <a href="mygoalsarebeyondyourunderstanding/index.html">
-                     <img class="overviewimage" src="mygoalsarebeyondyourunderstanding/20emailaddresses.jpg">
+            <a href="compubody/index.html">
+                <img class="overviewimage" src="compubody/compubody.jpg">
            </a>
            </div>
            <div class="subpage">
-                    <a href="lookatye/index.html">
-                        <img class="overviewimage" src="lookatye/lookatye.jpg">
+                <a href="mybodyisamachine/index.html">
+                    <img class="overviewimage" src="mybodyisamachine/machine.jpg">
                </a>
            </div>
           <div class="subpage">
-                    <a href="fightcyberfascismbybecomingatroll/index.html">
-                        <img class="overviewimage" src="fightcyberfascismbybecomingatroll/becomingatroll_1.png">
+            <a href="whatarecybertrolls/index.html">
+                <img class="overviewimage" src="whatarecybertrolls/whatarecybertrolls_1.png">
            </a>
        </div>
        <div class="subpage">
-                    <a href="dontbeafraidtotroll/index.html">
-                        <img class="overviewimage" src="dontbeafraidtotroll/dontbeafraidtotroll_1.png">
+            <a href="fightcyberfascismbybecomingatroll/index.html">
+                <img class="overviewimage" src="fightcyberfascismbybecomingatroll/becomingatroll_1.png">
            </a>
           </div>
                <div class="subpage">
-                    <a href="nicolascagelookingatpedropascal/index.html">
-                        <img class="overviewimage" src="nicolascagelookingatpedropascal/parentspaying.jpg">
+                    <a href="lookatye/index.html">
+                        <img class="overviewimage" src="lookatye/lookatye.jpg">
                    </a>
                   </div>
                   <div class="subpage">
-                    <a href="whatisameme/index.html">
-                        <img class="overviewimage" src="whatisameme/Whatisameme_1.png">
+                    <a href="howthealtrightturnedharmlesssymbolsintosymbolsofhate/index.html">
+                        <img class="overviewimage" src="howthealtrightturnedharmlesssymbolsintosymbolsofhate/dontfallinthetraps_1.png">
                    </a>
                    </div>
                    <div class="subpage">
@ -81,53 +80,63 @@
                    </a>
                   </div>
                   <div class="subpage">
-                    <a href="howtobeanantifascistfromyourcouch/index.html">
-                        <img class="overviewimage" src="howtobeanantifascistfromyourcouch/antifascistfromcouch_1.png">
+                    <a href="obamaawardsobamaamedal/index.html">
+                        <img class="overviewimage" src="obamaawardsobamaamedal/medal.jpg">
                    </a>
                    </div>
                    <div class="subpage">
-                        <a href="howtoremovefarrightpropagandawithabrowserplugin/index.html">
-                            <img class="overviewimage" src="howtoremovefarrightpropagandawithabrowserplugin/browserplugin_1.png">
+                        <a href="whyyoushouldengageinonlinediscussions/index.html">
+                            <img class="overviewimage" src="whyyoushouldengageinonlinediscussions/onlinediscussions_1.png">
                        </a>
                    </div>
                    <div class="subpage">
-                        <a href="ronswansonspermit/index.html">
-                            <img class="overviewimage" src="ronswansonspermit/youcantactlikeanidiot.jpg">
+                        <a href="mockingspongebob/index.html">
+                            <img class="overviewimage" src="mockingspongebob/mocksponge.jpg">
                        </a>
                    </div>
                    <div class="subpage">
-                        <a href="tipsforleftistmememaking/index.html">
-                            <img class="overviewimage" src="tipsforleftistmememaking/leftistmemes_1.png">
+                        <a href="whythealtrightisbetteratmakingmemes/index.html">
+                            <img class="overviewimage" src="whythealtrightisbetteratmakingmemes/therightmemesbetter_1.png">
                        </a>
                    </div>
                   <div class="subpage">
-                        <a href="howthealtrightturnedharmlesssymbolsintosymbolsofhate/index.html">
-                            <img class="overviewimage" src="howthealtrightturnedharmlesssymbolsintosymbolsofhate/dontfallinthetraps_1.png">
+                    <a href="nicolascagelookingatpedropascal/index.html">
+                        <img class="overviewimage" src="nicolascagelookingatpedropascal/parentspaying.jpg">
                    </a>
                   </div>
                   <div class="subpage">
-                        <a href="obamaawardsobamaamedal/index.html">
-                            <img class="overviewimage" src="obamaawardsobamaamedal/medal.jpg">
+                    <a href="whatisameme/index.html">
+                        <img class="overviewimage" src="whatisameme/Whatisameme_1.png">
                    </a>
                   </div>
                    <div class="subpage">
-                        <a href="twobuttons/index.html">
-                            <img class="overviewimage" src="twobuttons/twobuttonsconspiracy.jpg">
+                    <a href="howtobeanantifascistfromyourcouch/index.html">
+                        <img class="overviewimage" src="howtobeanantifascistfromyourcouch/antifascistfromcouch_1.png">
                    </a>
                    </div>
                    <div class="subpage">
-                        <a href="whatwasthegreatmemewar/index.html">
-                            <img class="overviewimage" src="whatwasthegreatmemewar/Greatmemewar_1.png">
+                        <a href="howtoidentifyasockpuppettroll/index.html">
+                            <img class="overviewimage" src="howtoidentifyasockpuppettroll/Howtoidentifyatroll_1.png">
                        </a>
                       </div>
                    <div class="subpage">
-                        <a href="whyyoushouldengageinonlinediscussions/index.html">
-                            <img class="overviewimage" src="whyyoushouldengageinonlinediscussions/onlinediscussions_1.png">
+                        <a href="katnisseverdeen/index.html">
+                            <img class="overviewimage" src="katnisseverdeen/katniss.jpg">
                        </a>
                    </div>
                    <div class="subpage">
-                        <a href="compubody/index.html">
-                            <img class="overviewimage" src="compubody/compubody.jpg">
+                        <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">
@ -136,8 +145,8 @@
                        </a>
                    </div>
                    <div class="subpage">
-                        <a href="katnisseverdeen/index.html">
-                            <img class="overviewimage" src="katnisseverdeen/katniss.jpg">
+                        <a href="differentformsoftrolling/index.html">
+                            <img class="overviewimage" src="differentformsoftrolling/differentformsoftrolling_1.png">
                        </a>
                    </div>
                    <div class="subpage">
@ -145,5 +154,50 @@
                            <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>
--- a/howclownsusehumouragainstfascists/clownsagainstfascism_1.png
+++ b/howclownsusehumouragainstfascists/clownsagainstfascism_1.png
--- a/howclownsusehumouragainstfascists/clownsagainstfascism_2.png
+++ b/howclownsusehumouragainstfascists/clownsagainstfascism_2.png
--- a/howclownsusehumouragainstfascists/clownsagainstfascism_3.png
+++ b/howclownsusehumouragainstfascists/clownsagainstfascism_3.png
--- a/howclownsusehumouragainstfascists/clownsagainstfascism_4.png
+++ b/howclownsusehumouragainstfascists/clownsagainstfascism_4.png
--- a/howclownsusehumouragainstfascists/clownsagainstfascism_5.png
+++ b/howclownsusehumouragainstfascists/clownsagainstfascism_5.png
--- a/howclownsusehumouragainstfascists/clownsagainstfascism_6.png
+++ b/howclownsusehumouragainstfascists/clownsagainstfascism_6.png
--- a/howclownsusehumouragainstfascists/clownsagainstfascism_7.png
+++ b/howclownsusehumouragainstfascists/clownsagainstfascism_7.png
--- a/howclownsusehumouragainstfascists/index.html
+++ b/howclownsusehumouragainstfascists/index.html
@ -0,0 +1,44 @@
+
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+  
+  <swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
+    <swiper-slide>
+      <img class="sliderimage" src="clownsagainstfascism_1.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="clownsagainstfascism_2.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="clownsagainstfascism_3.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="clownsagainstfascism_4.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="clownsagainstfascism_5.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="clownsagainstfascism_6.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="clownsagainstfascism_7.png">
+    </swiper-slide>
+  </swiper-container>
+  
+  
+  </body>
--- a/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_1.png
+++ b/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_1.png
--- a/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_2.png
+++ b/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_2.png
--- a/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_3.png
+++ b/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_3.png
--- a/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_4.png
+++ b/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_4.png
--- a/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_5.png
+++ b/hownazisaccidentallydonatedforantifascistcharity/hownazisdonated_5.png
--- a/hownazisaccidentallydonatedforantifascistcharity/index.html
+++ b/hownazisaccidentallydonatedforantifascistcharity/index.html
@ -0,0 +1,37 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+  
+  <swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
+    <swiper-slide>
+      <img class="sliderimage" src="hownazisdonated_1.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="hownazisdonated_2.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="hownazisdonated_3.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="hownazisdonated_4.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="hownazisdonated_5.png">
+    </swiper-slide>
+  </swiper-container>
+  
+  
+  </body>
--- a/howthealtrightturnedharmlesssymbolsintosymbolsofhate/index.html
+++ b/howthealtrightturnedharmlesssymbolsintosymbolsofhate/index.html
@ -23,9 +23,19 @@ How to be a social justice warrior
    <img class="sliderimage" src="dontfallinthetraps_2.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
+    <div class="alert">
+      <div class="alert" id="alerttext" onclick="this.parentElement.style.display='none';">
+        Content Warning: Discriminatory content</br>Click to view
+      </div>
+    </div>
    <img class="sliderimage" src="dontfallinthetraps_3.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
+    <div class="alert">
+      <div class="alert" id="alerttext" onclick="this.parentElement.style.display='none';">
+        Content Warning: Discriminatory content</br>Click to view
+      </div>
+    </div>
    <img class="sliderimage" src="dontfallinthetraps_4.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
@ -35,12 +45,27 @@ How to be a social justice warrior
    <img class="sliderimage" src="dontfallinthetraps_6.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
+    <div class="alert">
+      <div class="alert" id="alerttext" onclick="this.parentElement.style.display='none';">
+        Content Warning: Discriminatory content</br>Click to view
+      </div>
+    </div>
    <img class="sliderimage" src="dontfallinthetraps_7.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
+    <div class="alert">
+      <div class="alert" id="alerttext" onclick="this.parentElement.style.display='none';">
+        Content Warning: Discriminatory content</br>Click to view
+      </div>
+    </div>
    <img class="sliderimage" src="dontfallinthetraps_8.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
+    <div class="alert">
+      <div class="alert" id="alerttext" onclick="this.parentElement.style.display='none';">
+        Content Warning: Discriminatory content</br>Click to view
+      </div>
+    </div>
    <img class="sliderimage" src="dontfallinthetraps_9.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
--- a/mockingspongebob/index.html
+++ b/mockingspongebob/index.html
@ -0,0 +1,24 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+      
+  
+    <div class="memecontainer">
+        <img class="meme" src="mocksponge.jpg">
+    </div>
+  
+  
+  </body>
--- a/mockingspongebob/mocksponge.jpg
+++ b/mockingspongebob/mocksponge.jpg
--- a/mybodyisamachine/index.html
+++ b/mybodyisamachine/index.html
@ -0,0 +1,25 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+      
+  
+    <div class="memecontainer">
+        <img class="meme" src="machine.jpg">
+    </div>
+  
+  
+  
+  </body>
--- a/mybodyisamachine/machine.jpg
+++ b/mybodyisamachine/machine.jpg
--- a/static/style.css
+++ b/static/style.css
@ -105,12 +105,12 @@ p{
  top: 700%;
 }
 #travolta{
-  left: 87%;
+  left: 72%;
  top: 600%;
 }
 #angrydog{
  left: 76%;
-  top: 1000%;
+  top: 1200%;
 }
 #simpsons{
  left: 12%;
@ -308,7 +308,7 @@ a:link {
    margin-left:2.5em;
    margin-right: 2.5em;
    margin-bottom: 8em;
-    margin-top: 35em;
+    margin-top: 38em;
    
 }
 .overviewimage{
--- a/triggeredrightwing/index.html
+++ b/triggeredrightwing/index.html
@ -0,0 +1,24 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+      
+  
+    <div class="memecontainer">
+        <img class="meme" src="rightwingtrigger.jpg">
+    </div>
+  
+  
+  </body>
--- a/triggeredrightwing/rightwingtrigger.jpg
+++ b/triggeredrightwing/rightwingtrigger.jpg
--- a/triggeringrightwingpeepzismypassion/index.html
+++ b/triggeringrightwingpeepzismypassion/index.html
@ -0,0 +1,24 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+      
+  
+    <div class="memecontainer">
+        <img class="meme" src="mypassion.jpg">
+    </div>
+  
+  
+  </body>
--- a/triggeringrightwingpeepzismypassion/mypassion.jpg
+++ b/triggeringrightwingpeepzismypassion/mypassion.jpg
--- a/welcome.html
+++ b/welcome.html
@ -10,7 +10,7 @@
    </div>
    <div class="buttoncontainer">
        <button class="gotobutton">
-            <a href="overview.html">
+            <a href="gallery.html">
                Go to Gallery
            </a>
        </button>
@ -28,6 +28,8 @@
    <span id="description_color">Content Warning:</span>
    This publication includes racist, sexist, antisemitic and other discriminatory content.
    </div>
+
+
 </body>


--- a/whatwasthegreatmemewar/index.html
+++ b/whatwasthegreatmemewar/index.html
@ -20,12 +20,22 @@ How to be a social justice warrior
    <img class="sliderimage" src="Greatmemewar_1.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
+    <div class="alert">
+      <div class="alert" id="alerttext" onclick="this.parentElement.style.display='none';">
+        Content Warning: Discriminatory content</br>Click to view
+      </div>
+    </div>
    <img class="sliderimage" src="Greatmemewar_2.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
    <img class="sliderimage" src="Greatmemewar_3.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
+    <div class="alert">
+      <div class="alert" id="alerttext" onclick="this.parentElement.style.display='none';">
+        Content Warning: Discriminatory content</br>Click to view
+      </div>
+    </div>
    <img class="sliderimage" src="Greatmemewar_4.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
--- a/whythealtrightisbetteratmakingmemes/index.html
+++ b/whythealtrightisbetteratmakingmemes/index.html
@ -0,0 +1,44 @@
+
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+  How to be a social justice warrior
+    </title>
+  </head>
+  <body id="swiperpages">
+  <div class="buttoncontainerslides">
+    <button onclick="history.back()" class="buttonback">Go Back</button>
+    <button class="printbutton">
+      <a href="welcomepagecontent\Masterthesis_MiriamSchöb_TheLeftCanMeme.pdf">
+        &#9113; Print Stickers
+      </a>
+    </button>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+  
+  <swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
+    <swiper-slide>
+      <img class="sliderimage" src="therightmemesbetter_1.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="therightmemesbetter_2.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="therightmemesbetter_3.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="therightmemesbetter_4.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="therightmemesbetter_5.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="therightmemesbetter_6.png">
+    </swiper-slide>
+    <swiper-slide>
+      <img class="sliderimage" src="therightmemesbetter_7.png">
+    </swiper-slide>
+  </swiper-container>
+  
+  
+  </body>
--- a/whythealtrightisbetteratmakingmemes/therightmemesbetter_1.png
+++ b/whythealtrightisbetteratmakingmemes/therightmemesbetter_1.png
--- a/whythealtrightisbetteratmakingmemes/therightmemesbetter_2.png
+++ b/whythealtrightisbetteratmakingmemes/therightmemesbetter_2.png
--- a/whythealtrightisbetteratmakingmemes/therightmemesbetter_3.png
+++ b/whythealtrightisbetteratmakingmemes/therightmemesbetter_3.png
--- a/whythealtrightisbetteratmakingmemes/therightmemesbetter_4.png
+++ b/whythealtrightisbetteratmakingmemes/therightmemesbetter_4.png
--- a/whythealtrightisbetteratmakingmemes/therightmemesbetter_5.png
+++ b/whythealtrightisbetteratmakingmemes/therightmemesbetter_5.png
--- a/whythealtrightisbetteratmakingmemes/therightmemesbetter_6.png
+++ b/whythealtrightisbetteratmakingmemes/therightmemesbetter_6.png
--- a/whythealtrightisbetteratmakingmemes/therightmemesbetter_7.png
+++ b/whythealtrightisbetteratmakingmemes/therightmemesbetter_7.png