made changes

2 years ago · 8694318efe
parent 97c09b75f0
commit 8694318efe
15 changed files with 104 additions and 29 deletions
--- a/1/index1.html
+++ b/1/index1.html
@ -7,59 +7,58 @@ How to be a social justice warrior
 </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>
+<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" loop="true" lazy="true">
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_1.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_1.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_2.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_2.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_3.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_3.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_4.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_4.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_5.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_5.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_6.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_6.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_7.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_7.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_8.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_8.png" loading="lazy">
  </swiper-slide>
  <swiper-slide>
-    <img class="sliderimage" src="Howtoidentifyatroll_9.png">
+    <img class="sliderimage" src="Howtoidentifyatroll_9.png" loading="lazy">
  </swiper-slide>
 </swiper-container>
-<div class="swiper-button-next"></div>
-<div class="swiper-button-prev"></div>


  <!-- Initialize Swiper -->
  <script>
-    var swiper = new Swiper(".mySwiper", {
-      keyboard: {
-        enabled: true,
-      },
-      lazy: true,
-      rewind: true,
-      grabCursor: true,
-      pagination: {
-        el: ".swiper-pagination",
-        clickable: true,
-      },
-      navigation: {
-        nextEl: ".swiper-button-next",
-        prevEl: ".swiper-button-prev",
-      },
-    });
+    // 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/7/dontbeafraidtotroll_1.png
+++ b/7/dontbeafraidtotroll_1.png
--- a/7/dontbeafraidtotroll_2.png
+++ b/7/dontbeafraidtotroll_2.png
--- a/7/dontbeafraidtotroll_3.png
+++ b/7/dontbeafraidtotroll_3.png
--- a/7/dontbeafraidtotroll_4.png
+++ b/7/dontbeafraidtotroll_4.png
--- a/7/dontbeafraidtotroll_5.png
+++ b/7/dontbeafraidtotroll_5.png
--- a/7/dontbeafraidtotroll_6.png
+++ b/7/dontbeafraidtotroll_6.png
--- a/7/dontbeafraidtotroll_7.png
+++ b/7/dontbeafraidtotroll_7.png
--- a/7/dontbeafraidtotroll_8.png
+++ b/7/dontbeafraidtotroll_8.png
--- a/7/index7.html
+++ b/7/index7.html
@ -0,0 +1,40 @@
+<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="dontbeafraidtotroll_1.png">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontbeafraidtotroll_2.png">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontbeafraidtotroll_3.png">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontbeafraidtotroll_4.png">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontbeafraidtotroll_5.png">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontbeafraidtotroll_6.png">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontbeafraidtotroll_7.png">
+  </swiper-slide>
+  <swiper-slide>
+    <img class="sliderimage" src="dontbeafraidtotroll_8.png">
+  </swiper-slide>
+</swiper-container>
+
+
+</body>
--- a/8/index8.html
+++ b/8/index8.html
@ -0,0 +1,21 @@
+
+<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="parentspaying.jpg">
+  </swiper-slide>
+</swiper-container>
+<div class="swiper-button-next"></div>
+<div class="swiper-button-prev"></div>
+
+
+</body>
--- a/8/parentspaying.jpg
+++ b/8/parentspaying.jpg
--- a/overview.html
+++ b/overview.html
@ -41,5 +41,15 @@
                        <img class="overviewimage" src="6/becomingatroll_1.png">
                    </a>
                   </div>
+                   <div class="subpage">
+                    <a href="7/index7.html">
+                        <img class="overviewimage" src="7/dontbeafraidtotroll_1.png">
+                    </a>
+                   </div>
+                   <div class="subpage">
+                    <a href="8/index8.html">
+                        <img class="overviewimage" src="8/parentspaying.jpg">
+                    </a>
+                   </div>
    </div>
 </body>
--- a/static/fonts/SUBSCRIBER-Regular.otf
+++ b/static/fonts/SUBSCRIBER-Regular.otf
--- a/static/style.css
+++ b/static/style.css
@ -1,6 +1,11 @@
+@font-face{
+    font-family: "subscriber";
+    src: url("/static/fonts/SUBSCRIBER-Regular.otf") format("opentype");
+}
 body{
    background-size: auto;
    background-image: radial-gradient(circle, aliceblue, cornflowerblue, palevioletred, salmon);
+    font-family: subscriber;
 }