sync blog beta with main May 1

404.html

@@ -92,8 +92,8 @@ <h1>This site is open source</h1>
     <footer class="footer glass">
         <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
         <br>
-        <p>Last modified on: March 30, 2026</p>
+        <p>Last modified on: April 1, 2026</p>
     </footer>
-    <script src="required.js"></script>
+    <script src="newui.js"></script>
 </body>
 </html>

about/dell-inspiron-3535.html

@@ -98,10 +98,9 @@ <h3>Infobox</h3>
     </main>
     <!-- Footer -->
    <footer class="footer glass">
-        <p>© 2025 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
-        <p>Last modified on: September 18, 2025</p>
-        <p>*NewUI 3 is not open-source until November 19, 2025</p>
+        <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
+        <p>Last modified on: April 1, 2026</p>
     </footer>
-    <script src="/required.js"></script>
+    <script src="newui.js"></script>
 </body>
 </html>

about/dell-inspiron-5566.html

@@ -73,6 +73,6 @@ <h2>Future Featured Videos (maybe)</h2>
     <footer>
         <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source</a></p>
     </footer>
-    <script src="/dark.js"></script>
+    <script src="newui.js"></script>
 </body>
 </html>

about/dell-precision-5560.html

@@ -84,10 +84,9 @@ <h3>Important Specs</h3>
 
     <!-- Footer -->
    <footer class="footer glass">
-        <p>© 2025 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
-        <p>Last modified on: September 18, 2025</p>
-        <p>*NewUI 3 is not open-source until November 19, 2025</p>
+        <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
+        <p>Last modified on: April 1, 2025</p>
     </footer>
-    <script src="/required.js"></script>
+    <script src="newui.js"></script>
 </body>
 </html>

about/lenovo-ideapad-flex-14.html

@@ -87,8 +87,8 @@ <h2>Future Featured Videos (maybe)</h2>
     </section>    
     <!-- Footer -->
     <footer>
-        <p>© 2025 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source</a></p>
+        <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source</a></p>
     </footer>
-    <script src="/dark.js"></script>
+    <script src="newui.js"></script>
 </body>
 </html>

blog.html

@@ -65,22 +65,18 @@ <h1>Looking for the old blog posts?</h1>
   </section>
 
             </div>
-            <aside class="infobox glass">
-                <h3>Infobox</h3>
-                <p style="margin-left:0.5em;">This is a test of the infobox</p>
-                <ul style="margin-left:1em;">
-                    <li>If it doesn't work im cooked</li>
-                    <li>If it does work, im keeping this text</li>
-                    <li>this infobox is on the right side</li>
-                </ul>
+            <aside class="infobox glass" id="infobox">
+              <!-- Content will be injected by infobox.js -->
             </aside>
-        </div>
- </main>       
+            <script src="/infobox.js"></script>
+
+          </div>
+      </main>
     <!-- Footer -->
    <footer class="footer glass">
         <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
-        <p>Last modified on: February 11, 2026</p>
+        <p>Last modified on: April 1, 2026</p>
     </footer>
-    <script src="/required.js"></script>
+    <script src="newui.js"></script>
 </body>
 </html>

experiments/xp-on-pi/guide.html

@@ -0,0 +1,32 @@
+<h1>Windows XP on the Raspberry Pi</h1>
+<h2>Yes this is a guide on how to do it</h2>
+<br>
+<h3>DISCLAIMER:</h3>
+<h2>If you are doing this on a 1GB, 2GB, or 4GB Pi, please create a swap file for your Pi, to learn how to make the swap file go to
+<a href="https://7zeb.github.io/experiments/xp-on-pi/swap-creation.html">This page</a> to help you make the swap file and tell you why
+you would need it.</h2>
+<br>
+<h2>This setup is not recommended for daily use, this is because
+<ol>
+  <li>Windows XP ended support in April 2014, that is over 10 years ago.</li>
+  <li>Windows XP will probably not work great on your Pi, this is just for experimental and educational purposes.</li>
+</ol>
+  <br>
+  If you are ok with these, please continue reading.
+</h2>
+<br>
+<h2>The Steps for getting XP on your Raspberry Pi</h2>
+<br>
+<h3>Step 1: Update... obviously, your on Linux (unless you installed Windows 11 ARM on it)</h3>
+<p>First open up terminal and do "sudo apt update" and update your system... you probably already know how to do this and don't need me to tell you lol,
+don't forget to do "sudo apt upgrade" as well to actually upgrade it</p>
+<br>
+<h3>Step 2: Get QEMU</h3>
+<p>For this to work your going to need QEMU, since the Raspberry Pi has a ARM-based CPU and Windows XP is x86 (or x64 depending on which edition you
+plan on installing, I recommend just doing Windows XP Home RTM because it's lighter than the x64 version), for this you can just run the command
+"sudo apt install qemu-system" to install it, you should be doing "sudo apt install qemu-system -y" so you don't have to press y to accept, but we
+all forget to do that.</p>
+<br>
+<h3>Step 3: Make your config file</h3>
+<p>In order for your virtual machine to actually run, you will need to make the config file, I recommend that you do this in a .sh file since you can just
+double click it and then it will open the virtual machine. For what to put in your .sh file see the following:</p>

games.html

@@ -61,25 +61,19 @@ <h3>April 4, 2025 12:36 PM CDT</h3>
     </section>
 
         </div>
-        <aside class="infobox glass">
-                <h3>Upcoming 7Zeb Events</h3>
-                <p style="margin-left:0.5em;">These are a list of some upcoming 7Zeb Events</p>
-                <ul style="margin-left:1em;">
-                    <li>Windows 10 Upgrade Saga Drop Days (October 13, and 14)</li>
-                    <li>Windows 10 EOS Season (October 13 - October 31)</li>
-                    <li>2nd Fall Upload Boom (November 21 - November 30)</li>
-                    <li>2nd Winter Upload Boom (December 19 - January 5)</li>
-                </ul>
+       <aside class="infobox glass" id="infobox">
+              <!-- Content will be injected by infobox.js -->
             </aside>
-      </div>
-  </main>
+            <script src="/infobox.js"></script>
+
+          </div>
+      </main>
 
     <!-- Footer -->
     <footer class="footer glass">
-        <p>© 2025 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
-        <p>Last modified on: September 22, 2025</p>
-        <p>*NewUI 3 is not open-source until November 19, 2025</p>
+        <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
+        <p>Last modified on: April 30, 2026</p>
     </footer>
-    <script src="/required.js"></script>
+    <script src="newui.js"></script>
   </body>
 </html>

index.html

@@ -31,43 +31,51 @@ <h1>Major Announcements</h1>
        <ul>
            <li>The Windows 8 Upgrade Saga is starting again</li>
            <li>This site now uses NewUI 5</li>
+           <li>Happy Maharashtra Day!</li>
        </ul>   
    </section>
 
     <!-- The amazing part -->
     <section class="glass" id="home">
         <h1 style="color:#1fe079">Welcome to 7Zeb's Website</h1>
         <p>The official 7Zeb website <a href="/me.html"><button>Learn More About 7Zeb</button></a></p>
-        <p>The site is on v787</p>
+        <p>The site is on v830</p>
         <p>"The Saga Never Stops!" - said by 7Zeb (every day since June 15, 2025... probably)</p>
     </section>
 
 
     <!-- YouTube Section -->
     <section class="glass" id="youtube">
         <h2>Newest Video</h2>
-        <p>7Zeb's Newest Video is: "Get Yeeted into Milestone 2" - Exploring Windows 8 Build 7957</p>
+        <p>7Zeb's Newest Video is: Unboxing my Google Nest Hub</p>
         <h3>Watch it now!</h3>
-        <iframe width="660" height="542" src="https://www.youtube.com/embed/TTMZGNoA9j4" title="“Get yeeted into Milestone 3” - Exploring Windows 8 Build 7957 (fbl_core1_kernel_ee)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-        <p>Currently 711 Subscribers (+1 Since Last Update)</p>
+        <iframe width="650" height="542" src="https://www.youtube.com/embed/yQt_2xlfAPI" title="Unboxing my Google Nest Hub (backlog.edit EP1)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+        <p>Currently 727 Subscribers (+2 Since Last Update)</p>
         <p>Go to 7Zeb's Channel <a href="https://youtube.com/@7zeb"><button>Here</button></a></p>
+        <br>
+        <h2>My Most Popular Video</h2>
+        <p>Currently the most popular video on my channel is: Unboxing the Dell Inspiron 3535</p>
+        <p>It has 7,293 Views (as of May 1, 2026 at 10:52 AM CDT), and was uploaded on December 25, 2024</p>
+        <h3>Watch it now!</h3>
+        <iframe width="650" height="542" src="https://www.youtube.com/embed/UcEejDbufFQ" title="Unboxing the Dell Inspiron 3535" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
     </section>
 
     <!-- Recent Updates -->
     <section class="glass" id="recentupdates">
         <h2>Lastest Update</h2>
         <p>This is the latest update from 7Zeb</p>
         <br>
-         <h3>March 24, 2026 7:12 AM CDT</h3>
-        <p>Alright, so the site is now on NewUI 5, which is amazing. I've also fixed the issues with the Windows 8 Upgrade Saga and I've got all of it planned, anyways the video for
-        Friday is already done and the videos for Saturday and Sunday are in the works (I think I'll have Saturday's video done by today hopefully and I'll record Sunday's video today)
-        So yeah, pretty busy week but it's Tuesday and well I think I can get all this done on time.</p>
+        <h3>April 30, 2026 10:52 AM CDT</h3>
+        <p>Ok, so I've got Windows XP running on a Raspberry Pi, not nativily obviously but I got it running, I'm going to be making a guide on this website, and
+        also a new YouTube video on me doing it will release soon (hopefully by the time of the 2nd Summer Upload Boom). So yeah this will be very intersting. Oh
+        and there are no new videos planned for this weekend so just going to say that.</p>
         <br>
        <p>For all the updates go to the <a href="/updates.html"><button>Updates Page</button></a></p>
     </section>
 
     <section class="glass" id="2-1-productive-system">
         <h1>2/1 Productive System Checker</h1>
+        <h2>This is still in beta and isn't ready yet.</h2>
         <p>This interactive widget shows if 7Zeb was productive and working on videos, or being lazy and playing Minecraft</p>
         <div id="statusWidget">
             <h2>Today's Status:</h2>
@@ -79,15 +87,10 @@ <h2>Today's Status:</h2>
 
     <section class="glass" id="win8upgradesaga"> 
         <h1>Windows 8 Upgrade Saga News</h1>
-        <p>Current Build: On Build 7871</p>
+        <p>Current Build: On Build 7880</p>
         <a href="/windows/8/upgradesaga.html"><button>Go to full page</button></a>
     </section>
 
-    <section class="glass" id="support-dev">
-        <h1>Support me</h1>
-        <p>Want to support the channel? <a href="https://cash.app/$7zeb">Donate Here</a></p>
-    </section>    
-
     <section class="glass" id="download-source-code">
     <h1>This site is open source</h1>
     <p>That means anyone can download the code I used to make it.</p>
@@ -107,8 +110,8 @@ <h1>This site is open source</h1>
     <footer class="footer glass">
         <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
         <br>
-        <p>Last modified on: March 31, 2026</p>
+        <p>Last modified on: May 1, 2026</p>
     </footer>
-    <script src="/required.js"></script>
+    <script src="newui.js"></script>
 </body>
 </html>

infobox.js

@@ -13,8 +13,7 @@ document.addEventListener("DOMContentLoaded", function () {
       <h3>Upcoming 7Zeb Events</h3>
       <p style="margin-left:0.5em;">These are a list of some upcoming 7Zeb Events</p>
       <ul style="margin-left:1em;">
-          <li>2nd Easter Upload Boom (April 1, 2026 - April 6, 2026)</li>
-          <li>Easter Drop (April 1, 2026 - April 6, 2026)</li>
+          <li>Infobox Adding Week (April 28, 2026 - May 1, 2026)
           <li>2nd Summer Upload Boom (May 21, 2026 - August 11, 2026)</li>
           <li>Orange Upload Boom (October 8, 2026 - October 12, 2026)</li>
       <li>

me.html

@@ -82,8 +82,8 @@ <h3>Retired on NMDA (Not my Device Anymore) devices:</h3>
     <!-- Footer -->
     <footer class="footer glass">
         <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/newui">open-source</a></p>
-        <p>Last Modified on: March 27, 2026</p>
+        <p>Last Modified on: April 1, 2026</p>
     </footer>
-        <script src="/required.js"></script>
+        <script src="newui.js"></script>
 </body>
 </html>

more.html

@@ -59,6 +59,6 @@ <h3>Upcoming 7Zeb Events</h3>
     <footer class="footer glass">
         <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source</a></p>
     </footer>
-        <script src="/required.js"></script>
+        <script src="newui.js"></script>
 </body>
 </html>

newui.js

@@ -0,0 +1,46 @@
+//NewUI 5 JavaScript file
+//This is REQUIRED for NewUI 5 to work proporly
+
+// DARK MODE TOGGLE
+document.addEventListener('DOMContentLoaded', () => {
+  const modeToggle = document.querySelector('.mode-toggle');
+  const body = document.body;
+  const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+  function setMode(isDark) {
+    if(isDark) {
+      body.classList.add('dark-mode');
+      modeToggle.textContent = 'Light Mode';
+    } else {
+      body.classList.remove('dark-mode');
+      modeToggle.textContent = 'Dark Mode';
+    }
+    localStorage.setItem('theme', isDark ? 'dark' : 'light');
+  }
+  const savedMode = localStorage.getItem('theme');
+  setMode(savedMode === 'dark' || (!savedMode && prefersDark));
+  modeToggle.addEventListener('click', () => {
+    setMode(!body.classList.contains('dark-mode'));
+  });
+
+  // Text carousel (HTML-editable)
+  const carousel = document.querySelector('.text-carousel');
+  const contentElem = carousel.querySelector('.carousel-content');
+  const items = Array.from(contentElem.querySelectorAll('span'));
+  const prevBtn = carousel.querySelector('.carousel-button.prev');
+  const nextBtn = carousel.querySelector('.carousel-button.next');
+  let index = 0;
+  function showCarousel(i) {
+    items.forEach((item, idx) => {
+      item.style.display = idx === i ? 'inline' : 'none';
+    });
+  }
+  showCarousel(index);
+  prevBtn.addEventListener('click', () => {
+    index = (index - 1 + items.length) % items.length;
+    showCarousel(index);
+  });
+  nextBtn.addEventListener('click', () => {
+    index = (index + 1) % items.length;
+    showCarousel(index);
+  });
+});