<!--
                               ██████                                                                                                         
                            ██       █                                                                                                        
                           █  ██████ ██          ████                                                                                         
                           █   █████ █         ██       ██       ███████    ████                                                              
                            ██  ████ █    ███    ██████  █    ██         ███     ██                                                           
                             █ █████ █     █   ████████  █  ██   ████████    ███   █                                                          
                             █  ████        ██  █  ███  █  █  █████    ███████████ █                                                          
                             █  ███████████        ███  ███  █████   █  ██████     █                                                          
                             █  █████   █████  ██  ████  █  █████  ███  ████  █████                                                           
                             █  ███       ████  ██  ███  █  ████  █  █  ███  █                                                                
                             █ ████  ███   ████ ██  ████      ██  ████  ███  █                                                                
                             █ █████ █   █  ███  █  ████  ███  ███     ████   █                                                               
                           ███  ████ █████  ███  █  ████         █████████   █                                                                
                            █   ████ ████   ██  ██            ████         ██                                                                 
                            █   ████       ██  █   ███████  ██████████████     █                                                              
                          █     ████████████   █████     ██   ████████████████   █                                                            
                       ███████      ████             ██   █   ███         █████  █                 ██                                         
                   ██         ██        ███  ████████  █ █  ██    ███████    ██  █             ██       ███                                   
                    █  ██████ ██         █  █████   ██  ██  ████  ███████  ████  █          ██   ███████   ██                                 
                     █   ███  █         █  █████  █  ██  █   ████         ████   █         █   ████████████  █        ███     █               
                      █  ███  █       █ █  ████  ██  ██  ███  ███████████████  ██    ██████  ███████████████ █     ██    ████  █              
          ████  ████  █  ███  ███████ ██  █████ █ █  ███  █ ██               ███             ██         ████   ████   ████████  ███████       
        █     ██     ██  ███         ██   █████  ██  ███  █████ ██████████████  ████ ███████     ████   ███   ████████████████           ██   
      █   ██████████  ██ ███ ███████     █████  █ █  ███                         ████    ████  ██ █   ██      ██████████        █████████   █ 
    █   ██      █████    ████     ███    █████   ██  ███   ██████████████████     ███  ██  ███  ██  ████          ████   ███  ████   ██████  █
   █  ███  █ ██  ████     ██  ██  ███    █████ █  █ ████  ████████████████████    ███  ██  ███  ██  ████████   █  ████  ██   ███      █████  █
   █ ████ █   █    █   █  ██  █ █  ██    ████  █ █  ████   █  ████  ████  ████    ███  ███ ███  █ █  █████████     ████  ██  ███       ████  █
 █   ███  █    ████ ████  ██  █ █  ███   ████  █ █  ███    █  ████  ████  ███     ███  █ █  ███  █ ██  ████████    ███   ██  ████████       █ 
█  ██████  █    █      █  ███  ██  ███   ████   ██  ███       ███   ███  ███  ███ ███  ███ ████ █    █   █████    ████  █  █   ████████     █ 
█    █████  █     ███  █  ███  █ █  ██   ████  ██   ██  ██   ███   ███   ███ ██ █ ███  ██  ███  ██    █   ███  █  ████  █   ██  ███████████  █
  ██  █████  █  █     ███ ████  ██  ███  ████   █  ███ ██ █  ██    ██    ██  █ █  ████    ███     ████  █████  █  ███  █   █          █████  █
   █  █████        ██     ██████   ███████████    ███  █  █  ██    ██    █    █   █████████   ███     ████    ██  ████  █ █  ███        ███  █
   ██  ██████████████                     ████    ██  █    █    ██    ██   ██  █  ██       ██  █████████   ██   █     ██  █  ██████████████  █
     █      ████      █ █████████████████   ███  █   █      ███   ███         █  ███  █      ██          ██      █ ███     █   ██████████   █ 
       █████    █████                    ██        █                         ██  ███  ██                                    ███    ██    ██   
                                            ██████                          █   █████    █                                       █    ██      
                                                                           █             █                                                    
                                                                            █████████████                                                                     
"We Put the Grease in Cheese." — B1G CH0MP3RS

 -->                                                                           
<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>🍕🐁 TRASHPIE PIZZERIA 🐀🧀</title>
      <script type="text/javascript">
         message = "🍕🐁 TRASHPIE PIZZERIA 🐀🧀";
         function step() {
         message = message.substr(1) + message.substr(0,1);
         document.title = message.substr(0,15);
         }
      </script>
      <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
      <link href="stylesheets/style.css" rel="stylesheet" type="text/css" media="all">
      <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
      <script type="module">
         import { emojiCursor } from "https://unpkg.com/cursor-effects@latest/dist/esm.js";
         
         new emojiCursor({ emoji: ["🐭", "🧀", "🍕", "🐁", "🍟", "🍔","🐀"], delay: 25 });
      </script>
   </head>
   <body onload="setInterval(step,50)" id="background-body">
      <!-- SCM Music Player https://www.scmplayer.net -->
      <script type="text/javascript" src="https://www.scmplayer.net/script.js" 
         data-config="{'skin':'skins/scmRed/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'VERMIN CITY','url':'https://files.catbox.moe/b60vyg.mp3'},{'title':'BRATS','url':'https://files.catbox.moe/fn0wsf.mp3'},{'title':'CHILI COOKOFF','url':'https://files.catbox.moe/f4z1bs.mp3'},{'title':'MOUSETRAP','url':'https://files.catbox.moe/fxd9rk.mp3'},{'title':'BURGLAR KING','url':'https://files.catbox.moe/s4wuy9.mp3'},{'title':'COMPUTER TRASHPIE','url':'https://files.catbox.moe/sjk278.mp3'},{'title':'TRICKED YA!','url':'https://files.catbox.moe/rf928b.mp3'}]}" ></script>
      <!-- SCM Music Player script end -->
      <div id="headerArea">
         <marquee id="topBar" direction="right" style="display:block;">"Anyone Can Eat Anything!"</marquee>
         <div id="header" style="height: 250px;"></div>
         <nav id="navbar">
            <ul>
               <li>        
                  <a onclick="loadPage('/pages/home.html')">Home</a>
               </li>
               <li>
                  <a onclick="loadPage('/pages/menu.html')">Menu</a>
               </li>
               <li>
                  <a onclick="loadPage('/pages/order.html')">Order</a>
               </li>
               <li>        
                  <a onclick="loadPage('/pages/about.html')">About</a>
               </li>
            </ul>
         </nav>
      </div>
      <div id="container">
         <div id="flex">
            <aside id="leftSidebar">
               <h2>Join Trash Club Today!</h2>
               <div class="box" id="signupBox" style="margin-bottom:20px;">
                  <p>Connect with the MegaBrain family & receive special perks through DigiMail</p>
                  <!-- Begin Mailchimp Signup Form -->
                  <div id="mc_embed_shell"style="margin-bottom:12px;" >
                     <div id="mc_embed_signup">
                        <form action="https://neocities.us22.list-manage.com/subscribe/post?u=db9620b5c79b41ce05112291e&amp;id=2c609c196c&amp;f_id=00cdc2e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
                           <div id="mc_embed_signup_scroll">
                              <div class="mc-field-group"><input type="email" name="EMAIL" class="required-email" id="mce-EMAIL" placeholder="YOUR EMAIL" required="" value="" style="  width: 100%; "></div>
                              <div hidden=""><input type="hidden" name="tags" value="59"></div>
                              <div id="mce-responses" class="clear foot">
                                 <div class="response" id="mce-error-response" style="display: none;"></div>
                                 <div class="response" id="mce-success-response" style="display: none;"></div>
                              </div>
                              <div aria-hidden="true" style="position: absolute; left: -5000px;">
                                 /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
                                 <input type="text" name="b_db9620b5c79b41ce05112291e_2c609c196c" tabindex="-1" value="">
                              </div>
                              <div class="optionalParent">
                                 <div class="clear foot">
                                    <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
                                 </div>
                              </div>
                           </div>
                        </form>
                     </div>
                     <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';fnames[6]='COMPANY';ftypes[6]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
                  </div>
                  <!--End mc_embed_signup-->
               </div>
               <img src='/gifs/apple-blast-v1.gif' width="100%" style="image-rendering:pixelated;;">
               <img src='/gifs/vcpd-wanted-mouse.gif' width="100%" style="image-rendering:pixelated;;">

            </aside>
            
            <main id="contentContainer"> 
            </main>
            
            
            <aside id="rightSidebar">
               <h2>Happy Customers</h2>
               <!--website hit counter start-->
               <div align='left'>
                  <img src='https://www.free-website-hit-counter.com/zc.php?d=8&id=5874&s=18' border='0'>
               </div>
               <!--website hit counter end-->
               <img id="startPopups" src='/gifs/how-it-feels.gif' style="width:100%;" >
               <img src='/gifs/vermin-city-daily-v2.gif' width="100%" style="image-rendering:pixelated;;">
               <img src='/gifs/vcpd-enlist-toay.gif' width="100%" style="image-rendering:pixelated;;">

            </aside>
            
         </div>
      </div>
      
      
      <marquee id="bottomBar" style="display:block; margin-top: 15px;">"We Put The Grease In Cheese."</marquee>
      <footer id="footer" >© 2025 MegaBrain Incorporated</footer>
      
      
    <!-- Popup templates (initially hidden) -->
    <div class="popup" id="popup1">
        <div class="title-bar">
            <span>Amazing Offer #1!</span>
            <div class="close-btn">X</div>
        </div>
        <div class="popup-content">
            <img class="popup-image" src="/gifs/popup1.gif" alt="Amazing Offer">

            <p>You won't believe this incredible deal! Act now!</p>
 
        </div>
    </div>

    <div class="popup" id="popup2">
        <div class="title-bar">
            <span>Congratulations!</span>
            <div class="close-btn">X</div>
        </div>
        <div class="popup-content">
            <img class="popup-image" src="/gifs/popup3.gif" alt="Congratulations">

            <p>You are the 1,000,000th visitor! Claim your prize now!</p>

        </div>
    </div>

    <div class="popup" id="popup3">
        <div class="title-bar">
            <span>Warning!</span>
            <div class="close-btn">X</div>
        </div>
        <div class="popup-content">
            <img class="popup-image" src="/gifs/popup5.gif" alt="System Warning">
            <p>Your system needs to be optimized immediately!</p>
        </div>
    </div>

    <div class="popup" id="popup4">
        <div class="title-bar">
            <span>Free Download</span>
            <div class="close-btn">X</div>
        </div>
        <div class="popup-content">
            <img class="popup-image" src="/gifs/popup4.gif" alt="Download">
            <p>Download our amazing toolbar for enhanced browsing!</p>
        </div>
    </div>

    <div class="popup" id="popup5">
        <div class="title-bar">
            <span>Limited Time Offer</span>
            <div class="close-btn">X</div>
        </div>
        <div class="popup-content">
            <img class="popup-image" src="/gifs/popup2.gif" alt="Limited Offer">
            <p>Only 3 spots left! Sign up for our newsletter now!</p>
        </div>
    </div>

      <!-- in <body> scripts -->
      
      <!--loading main section-->
      <script>
         function loadPage(page) {
             fetch(page)
                 .then(response => response.text())
                 .then(data => {
                     document.getElementById('contentContainer').innerHTML = data;
                 })
                 .catch(error => console.error('Error loading page:', error));
         }
         
         // Load home page by default on first visit
         window.onload = () => loadPage('pages/home.html');
      </script>
      
      <!-- fake popup ads-->
  <script>
        // Get elements
        const startBtn = document.getElementById('startPopups');
        const popups = document.querySelectorAll('.popup');
        const popupCountDisplay = document.getElementById('popupCount');
        
        // Initialize draggable functionality for all popups
        popups.forEach(popup => {
            const titleBar = popup.querySelector('.title-bar');
            const closeBtn = popup.querySelector('.close-btn');
            
            // Close popup when X is clicked
            closeBtn.addEventListener('click', function() {
                popup.style.display = 'none';
            });
            
            // Make the popup draggable
            let isDragging = false;
            let offsetX, offsetY;
            
            titleBar.addEventListener('mousedown', function(e) {
                isDragging = true;
                
                // Get the current position of the popup relative to the cursor
                offsetX = e.clientX - popup.getBoundingClientRect().left;
                offsetY = e.clientY - popup.getBoundingClientRect().top;
            });
            
            document.addEventListener('mousemove', function(e) {
                if (isDragging) {
                    // Position the popup based on the mouse position minus the offset
                    popup.style.left = (e.clientX - offsetX) + 'px';
                    popup.style.top = (e.clientY - offsetY) + 'px';
                }
            });
            
            document.addEventListener('mouseup', function() {
                isDragging = false;
            });
        });
        
        // Function to position popup at random location
        function positionPopupRandomly(popup) {
            // Get window dimensions
            const windowWidth = window.innerWidth;
            const windowHeight = window.innerHeight;
            
            // Calculate max positions (taking into account popup width/height)
            const maxX = windowWidth - 320; // popup width
            const maxY = windowHeight - 200; // approximate popup height
            
            // Generate random position
            const randomX = Math.max(0, Math.floor(Math.random() * maxX));
            const randomY = Math.max(0, Math.floor(Math.random() * maxY));
            
            // Apply position
            popup.style.left = randomX + 'px';
            popup.style.top = randomY + 'px';
        }
        
        // Function to get a random subset of popups
        function getRandomPopups() {
            // Determine random number between 1-5
            const numPopups = Math.floor(Math.random() * 5) + 1;
            
            // Create a copy of the popups NodeList and convert to array
            const popupArray = Array.from(popups);
            
            // Shuffle the array
            for (let i = popupArray.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [popupArray[i], popupArray[j]] = [popupArray[j], popupArray[i]];
            }
            
            // Take the first numPopups elements
            return popupArray.slice(0, numPopups);
        }
        
        // Function to show popups in sequence
        function startPopupSequence() {
            // Hide all popups first
            popups.forEach(popup => {
                popup.style.display = 'none';
            });
            
            // Disable the button during sequence
            startBtn.disabled = true;
            
            // Get random subset of popups
            const selectedPopups = getRandomPopups();
            
            
            // Display count
         //   popupCountDisplay.textContent = `Showing ${selectedPopups.length} random popup(s)`;
            
            // Track which popups have been shown
            let popupIndex = 0;
            
            function showNextPopup() {
                if (popupIndex < selectedPopups.length) {
                    const popup = selectedPopups[popupIndex];
                    
                    // Position randomly
                    positionPopupRandomly(popup);
                    
                    // Show popup
                    popup.style.display = 'block';
                    
                    // Move to next popup
                    popupIndex++;
                    
                    // Schedule next popup with random delay (1-3 seconds)
                    if (popupIndex < selectedPopups.length) {
                        const randomDelay = 1000 + Math.random() * 2000;
                        setTimeout(showNextPopup, randomDelay);
                    } else {
                        // Re-enable button when all popups have been shown
                        startBtn.disabled = false;
                    }
                }
            }
            
            // Start showing popups
            showNextPopup();
        }
        
        // Start the popup sequence when button is clicked
        startBtn.addEventListener('click', startPopupSequence);
    </script>
   </body>
</html>