New Images, 3D GPU use and fixes.

Author: CatWithCode

Assets/BaseFiles/Page/Footer.html

@@ -1 +1 @@
-<h5 id="Fooder_Border">###DATE_TEXT###&nbsp;&nbsp;|&nbsp;&nbsp;©️ CatWithCode&nbsp;&nbsp;|&nbsp;&nbsp;###LICENSE###<br>&nbsp;&nbsp;Latest Build:<b>2025.09.30 - 02:54</b></h5>
+<h5 id="Fooder_Border">###DATE_TEXT###&nbsp;&nbsp;|&nbsp;&nbsp;©️ CatWithCode&nbsp;&nbsp;|&nbsp;&nbsp;###LICENSE###<br>&nbsp;&nbsp;Latest Build:<b>2025.10.11 - 20:25</b></h5>

Assets/styles.css

@@ -116,6 +116,10 @@ mixedFonts:
     /* ToolTippBorder: */
     --toolTipp_Border: 15px 0px 50px 30px;
     --toolTipp_Blend: 0.5s;
+
+    /* GPU-Offset: */
+    --gpu_Offset: 0.1;
+
     /* ###
     Setting Background Base-Color: */
     background-color: var(--background);
@@ -175,11 +179,21 @@ body {
 
     /* # - Background-Image: */
     background-image: url(/Assets/Image_Repository/Backgrounds/Layered/Rain.png);
-
+    
      /* # - - Background-Animations Propertys (No Background Image Size set because it breaks animation Loop Point): */
     background-repeat: repeat;
     animation: shiftBackground 1.5s linear infinite;
     animation-fill-mode: both;
+    
+    /* Fake force GPU:
+    Enable 3D:*/
+    transform: translateZ(var(--gpu_Offset));
+    transform: translate3d(var(--gpu_Offset), var(--gpu_Offset), var(--gpu_Offset));
+    
+    /* Optimize: */
+    backface-visibility: hidden;
+    perspective: 1000;
+    /* will-change: transform; BREAKS KA. */
 
     /* # - - This breaks way to much. Find different way! Blur breaks Viewport, Padding for Blur to be fullscreen breaks scroll.*/
     /* # - - Blur Effect for Background of ROOT (CURRENTLY BREAKS THE "CAT"-BUTTON POSITION BECAUSE IT CREATES A CONTAINER IN THE BACKEND AND BREAKS VIEWPORT-FIXED-POS): */
@@ -296,7 +310,7 @@ ul,
 ol,
 li
 {
-    padding-left: 3rem; 
+    /* padding-left: 3rem; BREAKS ON MOBILE. */
     list-style-position: inside;
 }
 

MediaLibraries/Coffee/Coffee_Library.html

@@ -26,6 +26,8 @@
     </p>
 
     <div id="ImageLibrary">
+      <script type="text/javascript">WriteImageBody("DATA/40.jpg", "Cat yawning.", "When you lick, meow and then yawn at the same time in that order.", "2025.10.11");</script>
+      <script type="text/javascript">WriteImageBody("DATA/39.jpg", "Cat looking.", "He really hates long car drives.", "2025.10.11");</script>
       <script type="text/javascript">WriteImageBody("DATA/38.jpg", "Cat looking.", "He is kinda scary sometimes. Image made by my husband.", "2025.08.28");</script>
       <script type="text/javascript">WriteImageBody("DATA/37.jpg", "Cat tap.", "Older image. He was always so needy at the beginning. Jumping on chair railings and tapping us with his paws like he wanted to say: \“Hey, what are you doing?\".", "2025.08.12");</script>
       <script type="text/javascript">WriteImageBody("DATA/36.jpg", "Cat tongue.", "Tasty.", "2025.08.12");</script>

MediaLibraries/Coffee/DATA/39.jpg

@@ -19,7 +19,7 @@ <h3><b><u>How to Update Archive / Update Website</u>:</b></h3>
     <p>My website is FULLY path-relative and uses JS in a very unconventional way for the Header and Footer. Great for static hosting, bad for web crawlers. This page is a collection of all the links and files on my website, statically linked, as little code as possible and fully without relative links or js-code for easier crawling, archiving and viewing without any JS-Code. This SHOULD(TM) be always up-to-date and working(TM).</p>
     <p>Also: The footer contains the licence for each page! If you block JS or are viewing an JS-INCOMPATIBLE-Archive, you may not be able to see the licence text. It is still in the HTML code!</p>
     <!-- TIMESTAMP - START -->
-    <p>2025.09.30 - 02:54 | CC BY-NC-ND 4.0</p>
+    <p>2025.10.11 - 20:25 | CC BY-NC-ND 4.0</p>
     <!-- TIMESTAMP - END -->
     <hr>
     <!-- ARCHIVE - START -->
@@ -317,6 +317,8 @@ <h3><b><u>How to Update Archive / Update Website</u>:</b></h3>
     <a href="https://catwithcode.moe/MediaLibraries/Coffee/DATA/36.jpg">https://catwithcode.moe/MediaLibraries/Coffee/DATA/36.jpg</a> <br>
     <a href="https://catwithcode.moe/MediaLibraries/Coffee/DATA/37.jpg">https://catwithcode.moe/MediaLibraries/Coffee/DATA/37.jpg</a> <br>
     <a href="https://catwithcode.moe/MediaLibraries/Coffee/DATA/38.jpg">https://catwithcode.moe/MediaLibraries/Coffee/DATA/38.jpg</a> <br>
+    <a href="https://catwithcode.moe/MediaLibraries/Coffee/DATA/39.jpg">https://catwithcode.moe/MediaLibraries/Coffee/DATA/39.jpg</a> <br>
+    <a href="https://catwithcode.moe/MediaLibraries/Coffee/DATA/40.jpg">https://catwithcode.moe/MediaLibraries/Coffee/DATA/40.jpg</a> <br>
     <a href="https://catwithcode.moe/MediaLibraries/Coffee/Preview.jpg">https://catwithcode.moe/MediaLibraries/Coffee/Preview.jpg</a> <br>
     <a href="https://catwithcode.moe/MediaLibraries/MediaLibraries.html">https://catwithcode.moe/MediaLibraries/MediaLibraries.html</a> <br>
     <a href="https://catwithcode.moe/MediaLibraries/REPOSSESSED/DATA/01.jpg">https://catwithcode.moe/MediaLibraries/REPOSSESSED/DATA/01.jpg</a> <br>

MediaLibraries/Coffee/DATA/40.jpg

@@ -646,7 +646,7 @@
   </url>
   <url>
     <loc>https://catwithcode.moe/archive.html</loc>
-    <lastmod>2025-09-26</lastmod>
+    <lastmod>2025-10-11</lastmod>
   </url>
   <url>
     <loc>index.html</loc>
@@ -1224,6 +1224,10 @@
     <loc>https://catwithcode.moe/MediaLibraries/Coffee/DATA/14.jpg</loc>
     <lastmod>2025-01-28</lastmod>
   </url>
+  <url>
+    <loc>https://catwithcode.moe/MediaLibraries/Coffee/DATA/40.jpg</loc>
+    <lastmod>2025-10-11</lastmod>
+  </url>
   <url>
     <loc>https://catwithcode.moe/MediaLibraries/Coffee/DATA/34.jpg</loc>
     <lastmod>2025-08-12</lastmod>
@@ -1244,6 +1248,10 @@
     <loc>https://catwithcode.moe/MediaLibraries/Coffee/DATA/10.jpg</loc>
     <lastmod>2025-01-28</lastmod>
   </url>
+  <url>
+    <loc>https://catwithcode.moe/MediaLibraries/Coffee/DATA/39.jpg</loc>
+    <lastmod>2025-10-11</lastmod>
+  </url>
   <url>
     <loc>https://catwithcode.moe/MediaLibraries/Coffee/DATA/01.jpg</loc>
     <lastmod>2025-01-28</lastmod>
@@ -1262,7 +1270,7 @@
   </url>
   <url>
     <loc>https://catwithcode.moe/MediaLibraries/Coffee/Coffee_Library.html</loc>
-    <lastmod>2025-08-28</lastmod>
+    <lastmod>2025-10-11</lastmod>
   </url>
   <url>
     <loc>https://catwithcode.moe/MediaLibraries/REPOSSESSED/DATA/02.jpg</loc>
@@ -1406,7 +1414,7 @@
   </url>
   <url>
     <loc>https://catwithcode.moe/Assets/BaseFiles/Page/Footer.html</loc>
-    <lastmod>2025-09-26</lastmod>
+    <lastmod>2025-10-11</lastmod>
   </url>
   <url>
     <loc>https://catwithcode.moe/Assets/BaseFiles/Page/Header.html</loc>