refactor: resized images

domluther · Sep 26, 2024 · 5e43e42 · 5e43e42
1 parent b2c523b
commit 5e43e42
Show file tree

Hide file tree

Showing 9 changed files with 5 additions and 5 deletions.
diff --git a/img/baseImage.png → img/Original/baseImage.png b/img/baseImage.png → img/Original/baseImage.png
diff --git a/img/baseImageSelection.png → img/Original/baseImageSelection.png b/img/baseImageSelection.png → img/Original/baseImageSelection.png
diff --git a/img/baseImageTwoQs.png → img/Original/baseImageTwoQs.png b/img/baseImageTwoQs.png → img/Original/baseImageTwoQs.png
diff --git a/img/baseImage.webp b/img/baseImage.webp
diff --git a/img/baseImageSelection.webp b/img/baseImageSelection.webp
diff --git a/img/baseImageTwoQs.webp b/img/baseImageTwoQs.webp
diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@ <h3>
             <span id="topic"></span>
           </h3>
           <section class="cartoon1">
-            <img src="img/baseImage.png" alt="" />
+            <img src="img/baseImage.webp" alt="" />
             <p id="exampleQuestion"></p>
             <p id="exampleAnswer"></p>
             <p id="exampleResponse"></p>

diff --git a/selection.html b/selection.html
@@ -34,7 +34,7 @@ <h3>
             <span id="topic"></span>
           </h3>
           <section class="cartoon1">
-            <img id="questionImage" src="img/baseImageSelection.png" alt="" />
+            <img id="questionImage" src="img/baseImageSelection.webp" alt="" />
             <p id="selectionQuestion"></p>
             <p id="selectionAnswer1"></p>
             <p id="ifReply"></p>

diff --git a/variables.html b/variables.html
@@ -25,7 +25,7 @@ <h1>Programming practice</h1>
       <main>
         <h2>
           <span><a href="index.html">⬅️</a></span> Variable practice
-          <span><a href="selection.html">➡️</a></span> 
+          <span><a href="selection.html">➡️</a></span>
         </h2>
         <a href="#" class="btn" id="inspire">Inspire me!</a>
         <a href="#" class="btn" id="help">Help me!</a>
@@ -35,13 +35,13 @@ <h3>
             <span id="topic"></span>
           </h3>
           <section class="cartoon1">
-            <img id="questionImage" src="img/baseImage.png" alt="" />
+            <img id="questionImage" src="img/baseImage.webp" alt="" />
             <p id="exampleQuestion"></p>
             <p id="exampleAnswer"></p>
             <p id="exampleResponse"></p>
           </section>
           <section class="cartoon2">
-            <img id="questionImage" src="img/baseImageTwoQs.png" alt="" />
+            <img id="questionImage" src="img/baseImageTwoQs.webp" alt="" />
             <p id="exampleQuestion1"></p>
             <p id="exampleQuestion2"></p>
             <p id="exampleAnswer1"></p>