Art Update

Changed:
- Removed overlay and mask
- New art

BookBar.css

@@ -81,7 +81,7 @@ p {
     background-size: contain;
     background-repeat: no-repeat;
     background-size: contain;
-    background-image: url("src/Books/BookBar_v5_f0000.png");
+    background-image: url("src/Books/BookBar_v8_f0000.png");
   }
   .barFlashHelper {
     position: absolute;
@@ -91,24 +91,9 @@ p {
     height: 100%;
     background-repeat: no-repeat;
     background-size: contain;
-    background-image: url("src/Books/BookBar_v5_f0000.png");
+    background-image: url("src/Books/BookBar_v8_f0000.png");
   }
   #barBack {
   }
   #barFront {
   }
-  #paperOverlay {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    background-repeat: no-repeat;
-    background-size: contain;
-    opacity: 1;
-    background-image: url("src/Paper_v4.png");
-    mask-image: url("https://lilac.thewisewolf.dev/BookBar/src/BookBar_Mask.png");
-    mask-mode: luminance;
-    mask-size: 100%;
-    mix-blend-mode: soft-light;
-  }

BookBar.js

@@ -22,7 +22,7 @@ class ProgressBar {
       if (index_string.length < 2) {
         index_string = "0" + index_string;
       }
-      img_fetcher.src = "src/Books/BookBar_v5_f00" + index_string + ".png";
+      img_fetcher.src = "src/Books/BookBar_v8_f00" + index_string + ".png";
       image_cache.push(img_fetcher);
     };
   }
@@ -33,12 +33,12 @@ class ProgressBar {
       if (val_string.length < 2) {
         val_string = "0" + val_string;
       }
-      this.bar_back.style.backgroundImage = "url(src/Books/BookBar_v5_f00" + val_string + ".png)";
+      this.bar_back.style.backgroundImage = "url(src/Books/BookBar_v8_f00" + val_string + ".png)";
       setTimeout(this.antiFlash.bind(this), 150, val_string, val);
     }
   }
   antiFlash(val_string, new_val) {
-    this.bar_front.style.backgroundImage = "url(src/Books/BookBar_v5_f00" + val_string + ".png)";
+    this.bar_front.style.backgroundImage = "url(src/Books/BookBar_v8_f00" + val_string + ".png)";
     if ((new_val >= 0) && (new_val <= this.max_progress)) {
       this.current_progress = new_val;
     }

index.html

@@ -15,8 +15,6 @@
         <div id='progressBar' class="layoutContainer">
           <div id='barBack' class='barFlashHelper'></div>
           <div id='barFront' class='barFlashHelper'>
-            <div id='paperOverlay'>
-            </div>
           </div>
         </div>
       </div>