sth

1 year ago · 2b90f68a8a
parent c82afc374e
commit 2b90f68a8a
109 changed files with 1312 additions and 76 deletions
--- a/1/index1.html
+++ b/1/index1.html
@ -6,7 +6,14 @@ How to be a social justice warrior
    </title>
 </head>
 <body>
-<button onclick="history.back()" class="buttonback">Go Back</button>
+  <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 booklet
+      </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">
@ -40,25 +47,4 @@ How to be a social justice warrior
 </swiper-container>


-  <!-- Initialize Swiper -->
-  <script>
-    // var swiper = new Swiper(".mySwiper", {
-    //   keyboard: {
-    //     enabled: true,
-    //   },
-    //   loop: true,
-    //   lazy: true,
-    //   rewind: true,
-    //   grabCursor: true,
-    //   pagination: {
-    //     el: ".swiper-pagination",
-    //     clickable: true,
-    //   },
-    //   navigation: {
-    //     nextEl: ".swiper-button-next",
-    //     prevEl: ".swiper-button-prev",
-    //   },
-    // });
-  </script>
-
 </body>
--- a/10/Whatisameme_1.png
+++ b/10/Whatisameme_1.png
--- a/10/Whatisameme_2.png
+++ b/10/Whatisameme_2.png
--- a/10/Whatisameme_3.png
+++ b/10/Whatisameme_3.png
--- a/10/Whatisameme_4.png
+++ b/10/Whatisameme_4.png
--- a/10/Whatisameme_5.png
+++ b/10/Whatisameme_5.png
--- a/10/Whatisameme_6.png
+++ b/10/Whatisameme_6.png
--- a/10/Whatisameme_7.png
+++ b/10/Whatisameme_7.png
--- a/10/Whatisameme_8.png
+++ b/10/Whatisameme_8.png
--- a/10/index10.html
+++ b/10/index10.html
@ -0,0 +1,39 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+<button onclick="history.back()" class="buttonback">Go Back</button>
+<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="Whatisameme_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Whatisameme_2.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Whatisameme_3.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Whatisameme_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Whatisameme_5.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Whatisameme_6.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Whatisameme_7.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Whatisameme_8.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/11/Howtomassreport_1.png
+++ b/11/Howtomassreport_1.png
--- a/11/Howtomassreport_2.png
+++ b/11/Howtomassreport_2.png
--- a/11/Howtomassreport_3.png
+++ b/11/Howtomassreport_3.png
--- a/11/Howtomassreport_4.png
+++ b/11/Howtomassreport_4.png
--- a/11/Howtomassreport_5.png
+++ b/11/Howtomassreport_5.png
--- a/11/Howtomassreport_6.png
+++ b/11/Howtomassreport_6.png
--- a/11/Howtomassreport_7.png
+++ b/11/Howtomassreport_7.png
--- a/11/Howtomassreport_8.png
+++ b/11/Howtomassreport_8.png
--- a/11/Howtomassreport_9.png
+++ b/11/Howtomassreport_9.png
--- a/11/index11.html
+++ b/11/index11.html
@ -0,0 +1,42 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+<button onclick="history.back()" class="buttonback">Go Back</button>
+<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="Howtomassreport_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Howtomassreport_2.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Howtomassreport_3.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Howtomassreport_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Howtomassreport_5.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Howtomassreport_6.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Howtomassreport_7.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Howtomassreport_8.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Howtomassreport_9.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/12/antifascistfromcouch_1.png
+++ b/12/antifascistfromcouch_1.png
--- a/12/antifascistfromcouch_2.png
+++ b/12/antifascistfromcouch_2.png
--- a/12/antifascistfromcouch_3.png
+++ b/12/antifascistfromcouch_3.png
--- a/12/antifascistfromcouch_4.png
+++ b/12/antifascistfromcouch_4.png
--- a/12/antifascistfromcouch_5.png
+++ b/12/antifascistfromcouch_5.png
--- a/12/index12.html
+++ b/12/index12.html
@ -0,0 +1,31 @@
+
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+<button onclick="history.back()" class="buttonback">Go Back</button>
+<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="antifascistfromcouch_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="antifascistfromcouch_2.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="antifascistfromcouch_3.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="antifascistfromcouch_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="antifascistfromcouch_5.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/13/browserplugin_1.png
+++ b/13/browserplugin_1.png
--- a/13/browserplugin_2.png
+++ b/13/browserplugin_2.png
--- a/13/browserplugin_3.png
+++ b/13/browserplugin_3.png
--- a/13/browserplugin_4.png
+++ b/13/browserplugin_4.png
--- a/13/browserplugin_5.png
+++ b/13/browserplugin_5.png
--- a/13/index13.html
+++ b/13/index13.html
@ -0,0 +1,31 @@
+
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+<button onclick="history.back()" class="buttonback">Go Back</button>
+<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="browserplugin_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="browserplugin_2.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="browserplugin_3.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="browserplugin_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="browserplugin_5.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/14/index14.html
+++ b/14/index14.html
@ -0,0 +1,19 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <button onclick="history.back()" class="buttonback">Go Back</button>
+
+    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+    
+<swiper-container pagination="true">
+  <swiper-slide>
+    <img class="sliderimage" src="youcantactlikeanidiot.jpg">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/14/youcantactlikeanidiot.jpg
+++ b/14/youcantactlikeanidiot.jpg
--- a/15/index15.html
+++ b/15/index15.html
@ -0,0 +1,53 @@
+
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <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 booklet
+      </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="leftistmemes_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_2.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_3.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_5.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_6.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_7.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_8.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_9.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="leftistmemes_10.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/15/leftistmemes_1.png
+++ b/15/leftistmemes_1.png
--- a/15/leftistmemes_10.png
+++ b/15/leftistmemes_10.png
--- a/15/leftistmemes_2.png
+++ b/15/leftistmemes_2.png
--- a/15/leftistmemes_3.png
+++ b/15/leftistmemes_3.png
--- a/15/leftistmemes_4.png
+++ b/15/leftistmemes_4.png
--- a/15/leftistmemes_5.png
+++ b/15/leftistmemes_5.png
--- a/15/leftistmemes_6.png
+++ b/15/leftistmemes_6.png
--- a/15/leftistmemes_7.png
+++ b/15/leftistmemes_7.png
--- a/15/leftistmemes_8.png
+++ b/15/leftistmemes_8.png
--- a/15/leftistmemes_9.png
+++ b/15/leftistmemes_9.png
--- a/16/dontfallinthetraps_1.png
+++ b/16/dontfallinthetraps_1.png
--- a/16/dontfallinthetraps_10.png
+++ b/16/dontfallinthetraps_10.png
--- a/16/dontfallinthetraps_2.png
+++ b/16/dontfallinthetraps_2.png
--- a/16/dontfallinthetraps_3.png
+++ b/16/dontfallinthetraps_3.png
--- a/16/dontfallinthetraps_4.png
+++ b/16/dontfallinthetraps_4.png
--- a/16/dontfallinthetraps_5.png
+++ b/16/dontfallinthetraps_5.png
--- a/16/dontfallinthetraps_6.png
+++ b/16/dontfallinthetraps_6.png
--- a/16/dontfallinthetraps_7.png
+++ b/16/dontfallinthetraps_7.png
--- a/16/dontfallinthetraps_8.png
+++ b/16/dontfallinthetraps_8.png
--- a/16/dontfallinthetraps_9.png
+++ b/16/dontfallinthetraps_9.png
--- a/16/index16.html
+++ b/16/index16.html
@ -0,0 +1,53 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <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 booklet
+      </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="dontfallinthetraps_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_2.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_3.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_5.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_6.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_7.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_8.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_9.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontfallinthetraps_10.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/17/index17.html
+++ b/17/index17.html
@ -0,0 +1,19 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <button onclick="history.back()" class="buttonback">Go Back</button>
+
+    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+    
+<swiper-container pagination="true">
+  <swiper-slide>
+    <img class="sliderimage" src="medal.jpg">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/17/medal.jpg
+++ b/17/medal.jpg
--- a/18/index18.html
+++ b/18/index18.html
@ -0,0 +1,19 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <button onclick="history.back()" class="buttonback">Go Back</button>
+
+    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+    
+<swiper-container pagination="true">
+  <swiper-slide>
+    <img class="sliderimage" src="twobuttonsconspiracy.jpg">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/18/twobuttonsconspiracy.jpg
+++ b/18/twobuttonsconspiracy.jpg
--- a/19/Greatmemewar_1.png
+++ b/19/Greatmemewar_1.png
--- a/19/Greatmemewar_2.png
+++ b/19/Greatmemewar_2.png
--- a/19/Greatmemewar_3.png
+++ b/19/Greatmemewar_3.png
--- a/19/Greatmemewar_4.png
+++ b/19/Greatmemewar_4.png
--- a/19/Greatmemewar_5.png
+++ b/19/Greatmemewar_5.png
--- a/19/Greatmemewar_6.png
+++ b/19/Greatmemewar_6.png
--- a/19/Greatmemewar_7.png
+++ b/19/Greatmemewar_7.png
--- a/19/Greatmemewar_8.png
+++ b/19/Greatmemewar_8.png
--- a/19/index19.html
+++ b/19/index19.html
@ -0,0 +1,47 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <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 booklet
+      </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="Greatmemewar_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <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>
+    <img class="sliderimage" src="Greatmemewar_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Greatmemewar_5.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Greatmemewar_6.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Greatmemewar_7.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="Greatmemewar_8.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/2/index2.html
+++ b/2/index2.html
@ -10,7 +10,7 @@ How to be a social justice warrior

    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>

-<swiper-container pagination="true">
+<swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
  <swiper-slide>
    <img class="sliderimage" src="whatarecybertrolls_1.png">
  </swiper-slide>
--- a/20/index20.html
+++ b/20/index20.html
@ -0,0 +1,47 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <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 booklet
+      </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="onlinediscussions_1.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="onlinediscussions_2.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="onlinediscussions_3.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="onlinediscussions_4.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="onlinediscussions_5.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="onlinediscussions_6.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="onlinediscussions_7.png" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="onlinediscussions_8.png" loading="lazy">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/20/onlinediscussions_1.png
+++ b/20/onlinediscussions_1.png
--- a/20/onlinediscussions_2.png
+++ b/20/onlinediscussions_2.png
--- a/20/onlinediscussions_3.png
+++ b/20/onlinediscussions_3.png
--- a/20/onlinediscussions_4.png
+++ b/20/onlinediscussions_4.png
--- a/20/onlinediscussions_5.png
+++ b/20/onlinediscussions_5.png
--- a/20/onlinediscussions_6.png
+++ b/20/onlinediscussions_6.png
--- a/20/onlinediscussions_7.png
+++ b/20/onlinediscussions_7.png
--- a/20/onlinediscussions_8.png
+++ b/20/onlinediscussions_8.png
--- a/21/compubody.jpg
+++ b/21/compubody.jpg
--- a/21/index21.html
+++ b/21/index21.html
@ -0,0 +1,19 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <button onclick="history.back()" class="buttonback">Go Back</button>
+
+    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+    
+<swiper-container pagination="true">
+  <swiper-slide>
+    <img class="sliderimage" src="compubody.jpg">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/22/Theydontknow.jpg
+++ b/22/Theydontknow.jpg
--- a/22/index22.html
+++ b/22/index22.html
@ -0,0 +1,19 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <button onclick="history.back()" class="buttonback">Go Back</button>
+
+    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+    
+<swiper-container pagination="true">
+  <swiper-slide>
+    <img class="sliderimage" src="Theydontknow.jpg">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/23/index23.html
+++ b/23/index23.html
@ -0,0 +1,19 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <button onclick="history.back()" class="buttonback">Go Back</button>
+
+    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+    
+<swiper-container pagination="true">
+  <swiper-slide>
+    <img class="sliderimage" src="katniss.jpg">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/23/katniss.jpg
+++ b/23/katniss.jpg
--- a/24/cat_establishment.jpg
+++ b/24/cat_establishment.jpg
--- a/24/index24.html
+++ b/24/index24.html
@ -0,0 +1,19 @@
+<head>
+    <link rel="stylesheet" href="/static/style.css">
+    <title>
+How to be a social justice warrior
+    </title>
+</head>
+<body>
+  <button onclick="history.back()" class="buttonback">Go Back</button>
+
+    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
+    
+<swiper-container pagination="true">
+  <swiper-slide>
+    <img class="sliderimage" src="cat_establishment.jpg">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/3/dog_inrlvsinternet.jpg
+++ b/3/dog_inrlvsinternet.jpg
--- a/3/dog_leftrightmemes.jpg
+++ b/3/dog_leftrightmemes.jpg
--- a/3/dog_trollreal.jpg
+++ b/3/dog_trollreal.jpg
--- a/3/index3.html
+++ b/3/index3.html
@ -5,15 +5,27 @@ How to be a social justice warrior
    </title>
 </head>
 <body>
-  <button onclick="history.back()" class="buttonback">Go Back</button>
+  <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 booklet
+      </a>
+    </button>
+  </div>
+  
+<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>

-    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>
-    
-<swiper-container pagination="true">
+<swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
  <swiper-slide>
-    <img class="sliderimage" src="inrlvsinternet.jpg">
+    <img class="sliderimage" src="dog_leftrightmemes.jpg" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dog_inrlvsinternet.jpg" loading="lazy">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dog_trollreal.jpg" loading="lazy">
  </swiper-slide>
 </swiper-container>

-
 </body>
--- a/6/index6.html
+++ b/6/index6.html
@ -9,7 +9,7 @@ How to be a social justice warrior

    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>

-<swiper-container pagination="true">
+<swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
  <swiper-slide>
    <img class="sliderimage" src="becomingatroll_1.png">
  </swiper-slide>
--- a/7/index7.html
+++ b/7/index7.html
@ -9,7 +9,7 @@ How to be a social justice warrior

    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-element-bundle.min.js"></script>

-<swiper-container pagination="true">
+<swiper-container pagination="true" navigation="true" lazy="true" keyboard="true" rewind="true">
  <swiper-slide>
    <img class="sliderimage" src="dontbeafraidtotroll_1.png">
  </swiper-slide>
--- a/8/index8.html
+++ b/8/index8.html
@ -14,8 +14,6 @@ How to be a social justice warrior
    <img class="sliderimage" src="parentspaying.jpg">
  </swiper-slide>
 </swiper-container>
-<div class="swiper-button-next"></div>
-<div class="swiper-button-prev"></div>


 </body>
--- a/9/WhatsaSJW_1.png
+++ b/9/WhatsaSJW_1.png
--- a/9/WhatsaSJW_10.png
+++ b/9/WhatsaSJW_10.png
--- a/9/WhatsaSJW_2.png
+++ b/9/WhatsaSJW_2.png
--- a/9/WhatsaSJW_3.png
+++ b/9/WhatsaSJW_3.png
--- a/9/WhatsaSJW_4.png
+++ b/9/WhatsaSJW_4.png
--- a/9/WhatsaSJW_5.png
+++ b/9/WhatsaSJW_5.png
--- a/Show More
+++ b/Show More