endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-12T12:23:46.584260
endpoints.uri: https://surfer.wildsurf.net/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Etag
endpoints.headers: "dd4z77zyvrzfoq7"
endpoints.key: Last-Modified
endpoints.headers: Mon, 29 Sep 2025 03:49:14 GMT
endpoints.key: Content-Type
endpoints.headers: text/html; charset=utf-8
endpoints.key: Content-Length
endpoints.headers: 32047
endpoints.key: Accept-Ranges
endpoints.headers: bytes
endpoints.key: Server
endpoints.headers: Caddy
endpoints.key: Alt-Svc
endpoints.headers: h3=":443"; ma=2592000
endpoints.key: Vary
endpoints.headers: Accept-Encoding
endpoints.html_tags: <title>The Pizza Edition</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Best learning website."> <meta name="Adventure The Pizza Edition's huge collection of over 200 games, covering a wide range of genres and experiences that will suit all kinds of players. Whether you're into racing, retro, puzzles, strategy, or just casual games, we've got something for everyone. Take a deep dive into our library and discover your next favorite game today!">
endpoints.body: <!DOCTYPE html>
  <html lang="en">
  <head>
    <link rel="icon" type="image/x-icon" href="images/pizzalogo.png">
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>The Pizza Edition</title>
      <link id="favicon" rel="icon" href="jsload/favicon.js" type="image/x-icon">
      <script src="jsload/fpsCounter.js"></script>
      <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="/css/style.css">
      <meta name="description" content="Best learning website.">
      <!-- Google tag (gtag.js) -->
      <script src="/analytics.js"></script>
  
  
      <style>
          /* Style for FPS counter */
  
  
          h2 {
              font-size: 2.5vw;
          text-align: center;
          color: white;
          margin-top: -3.125vw;
          margin-bottom: 2.604vw;
  
          }
  
          h1 {
          font-size: 6.833vw;
          text-align: center;
          color: white;
          margin-top: 5.208vw;
      }
      @keyframes waveColor {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
  
  .highlight {
    background: linear-gradient(90deg, #f0d210, #fc5849, #f0d210);
    background-size: 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: waveColor 30s infinite;
  }
  
  
    .container {
    display: flex;
    justify-content: center;
      align-items: center;
      gap: 1.042vw;
  }
  
  .container1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1vw;
    margin-top: 1vw;
    max-width: 100%;
    margin-left: 3vw;
    margin-right: 3vw;
    margin-bottom: -6vw;
  }
  
  .image-container {
    position: relative;
    overflow: hidden;
    border-radius: 1vw;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex: 0 0 calc(20% - 1vw); /* 5 per row */
    box-sizing: border-box;
    aspect-ratio: 16 / 9;
  }
  
  .image-container:hover {
    transform: scale(1.03);
    box-shadow: 0 0 0 0.1vw #f0d210;
  }
  
  .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1vw;
    transition: filter 0.3s ease;
  }
  
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 1vw;
  }
  
  .image-container:hover .overlay {
    opacity: 1;
  }
  
  .text {
    color: white;
    font-size: 1.2vw;
    font-family: 'Bebas Neue', sans-serif;
    text-align: center;
  }
  
  
  
  
  ::selection {
      background: #f0d210; 
      color: white; 
  }
  .line {
    background-color: #f0d210;
    width: 20vw;
    height: .5vw;
    border-radius: 50vw;
    margin-left: 2.5vw;
    margin-top: -1.3vw;
  }
  .hero-section {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 8vw;
    gap: 4vw;
    flex-wrap: wrap;
  }
  
  .hero-text {
    flex: 1;
    max-width: 40vw;
    color: white;
  }
  
  .hero-text h1 {
    font-size: 6.833vw;
    text-align: left;
    margin: 0;
  }
  
  .hero-text h2 {
    font-size: 2vw;
    text-align: left;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
  
  .hero-subtext {
    font-size: 1.2vw;
    margin-bottom: 2vw;
    color: #ccc;
  }
  
  .start-btn {
    display: inline-block;
    padding: 1vw 2vw;
    background-color: #f0d210;
    color: black;
    font-weight: bold;
    font-size: 1.3vw;
    border-radius: 0.5vw;
    text-decoration: none;
    transition: background-color 0.3s ease;
  }
  
  .start-btn:hover {
    background-color: #fc5849;
  }
  
  .footer {
    width: 100%;
  }
  
  .hero-gallery {
    display: flex;
    gap: 2vw;
    height: 26.4vw; /* 22vw * 1.2 = 26.4vw */
    overflow: visible;
  }
  
  .slider-wrapper {
    transform: rotate(5deg);
    transform-origin: center;
  }
  
  .slider-column {
    width: 13.2vw; /* 11vw * 1.2 = 13.2vw */
    height: 26.4vw; /* 22vw * 1.2 = 26.4vw */
    position: relative;
    overflow: hidden;
    border-radius: 1vw;
  }
  
  .slider-track {
    display: flex;
    flex-direction: column;
    animation: scroll-up 24s linear infinite;
  }
  
  .slider-track.reverse {
    animation: scroll-down 24s linear infinite;
  }
  
  .slider-track a {
    display: block;
    padding: 0.48vw; /* 0.4vw * 1.2 = 0.48vw */
    box-sizing: border-box;
  }
  
  .slider-track img {
    width: 100%;
    height: 13.2vw; /* 11vw * 1.2 = 13.2vw */
    object-fit: cover;
    border-radius: 1vw;
    transition: transform 0.25s ease, outline 0.25s ease;
    will-change: transform;
    outline: 0.18vw solid transparent; /* 0.15vw * 1.2 = 0.18vw */
  }
  
  .slider-track a:hover img {
    transform: scale(1.05);
    outline: 0.18vw solid #f0d210;
  }
  
  /* Infinite scroll keyframes */
  @keyframes scroll-up {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
  }
  
  @keyframes scroll-down {
    0% { transform: translateY(-50%); }
    100% { transform: translateY(0); }
  }
  
      </style>
  
  </head>
  <body>
      <div class="navbar">
          <div class="navbar-left">
              <a href="/index.html">
                  <img src="/images/pizzalogo.png" alt="Site Logo" width="30" height="30">
              </a>
              <a href="/index.html">The Pizza Edition</a>
          </div>
          <div class="navbar-right">
              <a href="/popular">
                  <img src="/images/whitefire.png" alt="Game Icon" style="width: 1.25vw; height: auto;">
                  Popular
              </a>
              <a href="/g">
                  <img src="/images/whitegame.png" alt="Game Icon" style="width: 1.302vw; height: auto;">
                  Games
              </a>
              <a href="/apps">
                  <img src="/images/whitenblocks.png" alt="App Icon" style="width: 1.302vw; height: auto;">
                  Apps
              </a>
              <a href="/extra">
                  <img src="/images/whitesearchs.png" alt="Search Icon" style="width: 1.302vw; height: auto;">
                  Extras
              </a>
              <a href="https://www.youtube.com/watch?v=IlLFVX8mkhg" target="_blank">
                  <img src="/images/plus.png" alt="Game Icon" style="width: 1.302vw; height: auto; margin-bottom: -0.1vw;">
                  Make A Link
              </a>
              <a href="#" id="copyMainLink">
                  <img src="/images/linkicon.png" alt="Game Icon" style="width: 1.302vw; height: auto; margin-bottom: -0.1vw;">
                  Main Link
              </a>
              <a href="/settings/" class="navbar-img-link">
                  <img src="/images/icons8-settings-288.png" alt="Main Link Icon" style="width: 1.502vw; height: 100%;">
              </a>
          </div>
      </div>
      <!-- Notification Container -->
      <div id="copyNotification" class="notification">
          Main link copied!
          <span class="close-btn" onclick="closeNotification()">✖</span>
      </div>
  
      <script>
          document.getElementById('copyMainLink').addEventListener('click', function(event) {
              event.preventDefault(); // Prevent link navigation
              
              navigator.clipboard.writeText('https://pizzaedition.win/').then(function() {
                  showNotification();
              }).catch(function(err) {
                  console.error('Failed to copy:', err);
              });
          });
  
          function showNotification() {
              const notification = document.getElementById('copyNotification');
              notification.style.display = 'flex';
              
              // Auto-hide notification after 3 seconds
              setTimeout(closeNotification, 6000);
          }
  
          function closeNotification() {
              document.getElementById('copyNotification').style.display = 'none';
          }
      </script>
  
      <style>
          .notification {
              position: fixed;
              bottom: 1.464vw;
              right: 1.464vw;
              background: linear-gradient(45deg, #f0d210, #fc5849);
              color: black;
              padding: 0.732vw 1.464vw;
              border-radius: 0.366vw;
              box-shadow: 0.146vw 0.146vw 0.732vw rgba(0, 0, 0, 0.2);
              font-size: 1.525vw;
              display: none;
              align-items: center;
              gap: 0.732vw;
              font-weight: bold;
              font-size: 1.2vw;
              z-index: 10000;
          }
  
          .close-btn {
              cursor: pointer;
              font-weight: bold;
              padding: 0 0.586vw;
              transition: transform 0.2s ease;
          }
  
          .close-btn:hover {
              transform: scale(1.3);
          }
      </style>
  </body>
  </html>
  
  
  
  
  
  
    <!--particlejs start -->
  </head>
  <body>
    <div id="particles-js"></div>
  
  
    <script src="jsload/particle-load.js"></script>
  
  
    <script src="jsload/particlejsscript.js"></script>
  </body>
  </html>
  
    <!--particlejs end -->
  
  
    <style>
  
  </style>
  </head>
  <body>
  
  <div class="hero-section">
    <div class="hero-text">
      <h1>The <span class="highlight">Pizza</span> Edition</h1>
  <div class="heading-with-image">
    <h2>Dive into 250+ top experiences across multiple different categories — there's so much to explore and enjoy.</h2>
  </div>
  <style>
    .heading-with-image {
    display: flex;
    align-items: center;
    gap: 0.5vw; /* space between text and image */
    margin-top: -1.5vw;
  }
  
  .heading-icon {
    width: 4vw; /* change as needed */
    height: auto;
    object-fit: contain;
    margin-left: -0.35vw;
    margin-top: -0.122vw;
  }
  
  </style>
      <p class="hero-subtext"></p>
  <a href="/popular/" class="start-btn">
    Start Playing!
    <img src="/images/home/joystick.png" class="icon icon-joystick" alt="joystick" />
    <img src="/images/home/controller.png" class="icon icon-controller" alt="controller" />
    <img src="/images/home/laptop.png" class="icon icon-laptop" alt="laptop" />
    <img src="/images/home/coin.png" class="icon icon-coin" alt="coin" />
  </a>
    </div>
  
  <style>
  .start-btn {
    display: inline-block;
    padding: 1vw 2vw;
    background-color: #f0d210;
    color: black;
    font-weight: bold;
    font-size: 1.3vw;
    border-radius: 0.5vw;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    overflow: visible;
    margin-top: -1vw;
  }
  
  /* Base icon style */
  .start-btn .icon {
    position: absolute;
    width: 2vw;
    height: 2vw;
    opacity: 0;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5) rotate(0deg);
    transition: transform 0.4s ease, opacity 0.4s ease;
    z-index: 1;
  }
  
  /* Hover effect: make visible and animate outward */
  .start-btn:hover .icon {
    opacity: 1;
  }
  
  .start-btn:hover .icon-joystick {
    transform: translate(-50%, -200%) scale(1.1) rotate(-12deg);  /* Top middle */
  }
  
  .start-btn:hover .icon-controller {
    transform: translate(-100%, 90%) scale(1.1) rotate(8deg);     /* Bottom middle */
  }
  
  .start-btn:hover .icon-laptop {
    transform: translate(-280%, -130%) scale(1.1) rotate(-6deg);  /* Top left */
  }
  
  .start-btn:hover .icon-coin {
    transform: translate(160%, -170%) scale(1.1) rotate(10deg);   /* Top right */
  }
  
  
  .start-btn:hover {
    background-color: rgb(255, 68, 51);
  }
  
  </style>
  
  
  <div class="hero-gallery">
    <!-- Left column -->
    <div class="slider-wrapper">
      <div class="slider-column">
        <div class="slider-track">
          <!-- Original + Duplicate for seamless scroll -->
          <a href="/g/ovodimensions/"><img src="/images/games/ovodimensions-min.jpg" alt="OvO Dimensions"></a>
          <a href="/g/polytrack/"><img src="/images/games/polytrack-min.jpg" alt="Polytrack"></a>
          <a href="/g/clusterrush/"><img src="/images/games/cluster-min.png" alt="Cluster Rush"></a>
          <a href="/g/gladihoppers/"><img src="/images/games/gladihoppers-min.jpg" alt="GladiHoppers"></a>
          <a href="/g/bitlife/"><img src="/images/games/bitlife-min.jpg" alt="BitLife"></a>
          <a href="/g/1v1lol/"><img src="/images/games/1v1lol-min.png" alt="1v1.LOL"></a>
  
          <!-- Duplicated set -->
          <a href="/g/ovodimensions/"><img src="/images/games/ovodimensions-min.jpg" alt="OvO Dimensions"></a>
          <a href="/g/polytrack/"><img src="/images/games/polytrack-min.jpg" alt="Polytrack"></a>
          <a href="/g/clusterrush/"><img src="/images/games/cluster-min.png" alt="Cluster Rush"></a>
          <a href="/g/gladihoppers/"><img src="/images/games/gladihoppers-min.jpg" alt="GladiHoppers"></a>
          <a href="/g/bitlife/"><img src="/images/games/bitlife-min.jpg" alt="BitLife"></a>
          <a href="/g/1v1lol/"><img src="/images/games/1v1lol-min.png" alt="1v1.LOL"></a>
        </div>
      </div>
    </div>
  
    <!-- Right column -->
    <div class="slider-wrapper">
      <div class="slider-column">
        <div class="slider-track reverse">
          <!-- Original + Duplicate for seamless scroll -->
          <a href="/g/snowrider3d/"><img src="/images/games/snowrider3d-min.png" alt="Snow Rider 3D"></a>
          <a href="/g/escaperoad/"><img src="/images/games/escaperoad-min.png" alt="Escape Road"></a>
          <a href="/g/idleants/"><img src="/images/games/idleants-min.jpg" alt="Idle Ants"></a>
          <a href="/g/blockblast/"><img src="/images/games/blockblast-min.jpg" alt="Block Blast"></a>
          <a href="/g/cookieclicker/"><img src="/images/games/cookieclicker-min.png" alt="Cookie Clicker"></a>
          <a href="/g/drivemad/"><img src="/images/games/drivemad-min.png" alt="Drive Mad"></a>
  
          <!-- Duplicated set -->
          <a href="/g/snowrider3d/"><img src="/images/games/snowrider3d-min.png" alt="Snow Rider 3D"></a>
          <a href="/g/escaperoad/"><img src="/images/games/escaperoad-min.png" alt="Escape Road"></a>
          <a href="/g/idleants/"><img src="/images/games/idleants-min.jpg" alt="Idle Ants"></a>
          <a href="/g/blockblast/"><img src="/images/games/blockblast-min.jpg" alt="Block Blast"></a>
          <a href="/g/cookieclicker/"><img src="/images/games/cookieclicker-min.png" alt="Cookie Clicker"></a>
          <a href="/g/drivemad/"><img src="/images/games/drivemad-min.png" alt="Drive Mad"></a>
        </div>
      </div>
    </div>
  </div>
  
  
  
  </body>
  </html>
  
  
  <body>
  <style>
  .mover {
    margin-top: -2vw;
    position: relative;
  }
  
  .fseat {
    position: absolute;
    top: 31.5vw;
    left: 3.6vw;
    font-size: 2vw;
    color: white;
  }
  .fseat1 {
    position: absolute;
    top: 44.5vw;
    left: 3.6vw;
    font-size: 2vw;
    color: white;
  }
  .fseat2 {
    position: absolute;
    top: 57.3vw;
    left: 3.6vw;
    font-size: 2vw;
    color: white;
  }
  
  .fseat3 {
    position: absolute;
    top: 70.3vw;
    left: 3.6vw;
    font-size: 2vw;
    color: white;
  }
  
  
  .rec-icon {
    position: absolute;
    top: 36.75vw; /* match text */
    left: 12.6vw;    /* image to the left of the text */
    width: 2.2vw;
    height: auto;
  }
  .rec-icon1 {
    position: absolute;
    top: 49.75vw; /* match text */
    left: 6.6vw;    /* image to the left of the text */
    width: 2.2vw;
    height: auto;
  }
  .rec-icon2 {
    position: absolute;
    top: 62.5vw; /* match text */
    left: 9.45vw;    /* image to the left of the text */
    width: 2.25vw;
    height: auto;
  }
  </style>
  
  <div class="relative-wrapper">
    <img src="/images/home/topexpfire.png" alt="Recommended Icon" class="rec-icon">
    <h1 class="fseat">RECOMMENDED</h1>
  </div>
  
  
  
  
  <div class="container1">
    <div class="image-container">
      <a href="/g/polytrack/">
        <img src="/images/home/icons/polytrack.webp" alt="Polytrack" class="image">
        <div class="overlay"><div class="text">Polytrack</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/golforbit/index.html">
        <img src="/images/home/icons/golforbit.webp" alt="Golf Orbit" class="image">
        <div class="overlay"><div class="text">Golf Orbit</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/clusterrush/">
        <img src="/images/home/icons/clusterrush.webp" alt="Cluster Rush" class="image">
        <div class="overlay"><div class="text">Cluster Rush</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/escaperoad/">
        <img src="/images/home/icons/escaperoad.webp" alt="Escape Road" class="image">
        <div class="overlay"><div class="text">Escape Road</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/retrobowlcollege/">
        <img src="/images/home/icons/retrobowlcollege.webp" alt="Retro Bowl College" class="image">
        <div class="overlay"><div class="text">Retro Bowl College</div></div>
      </a>
    </div>
  </div>
  
  
  <div class="relative-wrapper">
    <img src="/images/home/topexptrophy.png" alt="Recommended Icon" class="rec-icon1">
    <h1 class="fseat1">NEW</h1>
  </div>
  
  
  <div class="container1">
    <div class="image-container">
      <a href="https://dojq2hudgo7sk.cloudfront.net/g/stuntbikeextreme/index.html">
        <img src="/images/home/icons/stuntbikextreme.webp" alt="Stunt Bike Extreme" class="image">
        <div class="overlay"><div class="text">Stunt Bike Extreme</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="https://dojq2hudgo7sk.cloudfront.net/g/harvestsimulator/index.html">
        <img src="/images/home/icons/harvestsimulator.webp" alt="Harvest Simulator" class="image">
        <div class="overlay"><div class="text">Harvest Simulator</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="https://dojq2hudgo7sk.cloudfront.net/g/sausageflip/index.html">
        <img src="/images/home/icons/sausageflip.webp" alt="Sausage Flip" class="image">
        <div class="overlay"><div class="text">Sausage Flip</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/ragdollarchers/">
        <img src="/images/home/icons/ragdollarchers.webp" alt="Ragdoll Archers" class="image">
        <div class="overlay"><div class="text">Ragdoll Archers</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/skyriders/">
        <img src="/images/home/icons/skyriders.webp" alt="Sky Riders" class="image">
        <div class="overlay"><div class="text">Sky Riders</div></div>
      </a>
    </div>
  </div>
  
  
  <div class="relative-wrapper">
    <img src="/images/home/topexp2.png" alt="Recommended Icon" class="rec-icon2">
    <h1 class="fseat2">2 PLAYER</h1>
  </div>
  
  
  <div class="container1">
    <div class="image-container">
      <a href="/g/leveldevil/">
        <img src="/images/home/icons/leveldevil.webp" alt="Level Devil" class="image">
        <div class="overlay"><div class="text">Level Devil</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/tag/">
        <img src="/images/home/icons/tag.webp" alt="TAG" class="image">
        <div class="overlay"><div class="text">TAG</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/BlumgiSlime/">
        <img src="/images/home/icons/blumgislime.webp" alt="Blumgi Slime" class="image">
        <div class="overlay"><div class="text">Blumgi Slime</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/rooftopsnipers/">
        <img src="/images/home/icons/rooftopsnipers.webp" alt="Rooftop Snipers" class="image">
        <div class="overlay"><div class="text">Rooftop Snipers</div></div>
      </a>
    </div>
    <div class="image-container">
      <a href="/g/crazycars/">
        <img src="/images/home/icons/crazycars.webp" alt="Crazy Cars" class="image">
        <div class="overlay"><div class="text">Crazy Cars</div></div>
      </a>
    </div>
  </div>
  
  
  
  </body>
  
  
  </html>
  
  
  <div class="features">
      <h1 class="featurestitle">Features</h1>
      <div class="hidden cards">
        <div class="card">
          <div class="card-img">
            <img src="images/shield.png" alt="Anti Close" class="feature-image">
          </div>
          <p class="featurename">Anti Close</p>
          <div class="line"></div>
          <p class="description">Stops anyone from closing your page. Also, it acts as a safeguard for you, stopping you from accidentally closing tabs you need. </p>
        </div>
        <div class="card">
          <div class="card-img">
            <img src="images/crown.png" alt="Origional Pages" class="feature-image">
          </div>
          <p class="featurename">Original Pages</p>
          <div class="line"></div>
          <p class="description">Discover rare experiences unique web pages that you will not find anywhere else. Our website offers a huge selection of content that is truly one of a kind.</p>
        </div>
        <div class="card">
          <div class="card-img">
            <img src="images/gamecontrol.png" alt="Fun Experiences" class="feature-image">
          </div>
          <p class="featurename">Fun Experiences<p>
          <div class="line"></div>
          <p class="description">The Pizza Edition offers many of fun experiences for everyone! Dive into a large variety of genres and find something that suits your taste. </p>
        </div>
      </div>
  </div>
  <style>.ptext {
      width: 20vw;
      font-size: 3.5vw;
      font-weight: 700; /* Make the entire text bold */
      margin-left: -20vw;
      margin-bottom: 2vw;
      text-align: left;
    }
    
  .pparagraph {
    width: 30vw;
    opacity: 80%;
    font-size: 1.2vw;
    color: white;
    position: relative;
    left: -24vw; 
    top: 14vw;  
  }
  
  
  
    .image1 {
      width: 41vw;
      border-radius: 1vw;
      outline: .2vw solid #ffffff26;
      margin-left: 35vw;
      margin-top: -22vw;
      box-shadow: 0 4px 6px -1px rgba(168, 165, 0, 0.1), 0 2px 4px -1px rgba(255, 230, 0, 0.06);
    }
  
    
  </style>
  
  <h1 class="ptext">Why should <span style="font-weight: 700; color: #f0d210; text-decoration: underline;">you</span> choose TPE? </h1>
  
  <p class="pparagraph">The Pizza Has TONS of experiences to explore! Dive into many different types of experiences! The Pizza Edition offers special features, that will not be found anywhere else. The Pizza Edition also has very good performance, so you can easily run this website on not the best computer.</p>
  <img class="image1" src="/images/all/PIZZAEXPLOREREAL-min.png" alt="Big Pizza Edition Icon">
    </a>
  
  
  <div class="details-frame">
      <div class="detail">
        <div class="toph1 highlight" data-target="5000000">0</div>
        <div class="bottomh1">Total users</div>
      </div>
      <div class="detail">
        <div class="toph1 highlight" data-target="1000000">0</div>
        <div class="bottomh1">Monthly users</div>
      </div>
      <div class="detail">
        <div class="toph1 highlight" data-target="100000000">0</div>
        <div class="bottomh1">Views</div>
      </div>
      <div class="detail">
        <div class="toph1 highlight" data-target="35000000">0</div>
        <div class="bottomh1">Sessions</div>
      </div>
    </div>
    
  
  
  <style>.details-frame {
      background-color: #1f2023;
      margin-top: 5vw;
      width: 100%;
      height: 15vw;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border-top: 0.26vw solid #f0d210; /* Add top border */
      border-bottom: 0.26vw solid #f0d210; /* Add bottom border */
    }
    
  
    
    .detail {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .toph1 {
      font-size: 5vw;
      font-weight: 600;
      color: white;
    }
    
    .bottomh1 {
      font-size: 1.5vw;
      font-weight: 400;
      text-transform: uppercase;
      opacity: 70%;
      color: white;
    }
    
    .highlight {
      background: linear-gradient(90deg, #f0d210, #fc5849, #f0d210);
      background-size: 200%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: waveColor 5s infinite;
    }
    
    @keyframes waveColor {
      0% { background-position: 0%; }
      100% { background-position: 200%; }
    }
    
    </style>
  <script>document.addEventListener('DOMContentLoaded', function () {
      const counters = document.querySelectorAll('.toph1');
      const speed = 200; // Adjust speed here
      const updateInterval = 20; // Adjust for smoother animation
  
      const animateCounters = () => {
          counters.forEach(counter => {
              const updateCount = () => {
                  const target = +counter.getAttribute('data-target');
                  const count = +counter.innerText;
                  const increment = target / speed;
  
                  if (count < target) {
                      counter.innerText = Math.ceil(count + increment);
                      setTimeout(updateCount, updateInterval);
                  } else {
                      counter.innerText = target.toLocaleString();
                  }
              };
  
              updateCount();
          });
      };
  
      const isInViewport = (element) => {
          const rect = element.getBoundingClientRect();
          return (
              rect.top >= 0 &&
              rect.left >= 0 &&
              rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
              rect.right <= (window.innerWidth || document.documentElement.clientWidth)
          );
      };
  
      const checkScroll = () => {
          counters.forEach(counter => {
              if (isInViewport(counter)) {
                  animateCounters();
                  window.removeEventListener('scroll', checkScroll);
              }
          });
      };
  
      window.addEventListener('scroll', checkScroll);
  });
  
    
    </script>
  
  </head>
  
  <body>
  
      <footer class="footer">
          <div class="left">
              <a href="index.html" class="logo-title">
                  <div class="logo">
                      <img src="images/pizzalogo.png" alt="Website Logo">
                  </div>
                  <span class="title">The Pizza Edition</span>
              </a>
          </div>
          <div class="middle">
              <a href="index.html">Home</a>
              <a href="/popular">Popular</a>
              <a href="/all">All</a>
              <a href="/apps">Apps</a>
          </div>
          <div class="right">
              <a href="/contact">Contact Us</a>
              <a href="/privacy">Privacy Policy</a>
              <a href="https://discord.gg/vdABAxKBgm">Our Discord Server</a>
              <a href="/extra">Extras</a>
          </div>
      </footer>
  
  
    <!--strtscrollup -->
      <style>
      #scrollToTopContainer {
          display: none;
          position: fixed;
          bottom: 1.042vw;
          right: 1.042vw;
          z-index: 99;
      }
  
      #scrollToTop {
          background-color: #303030;
          padding: 0.521vw;
          border-radius: 1.042vw;
          cursor: pointer;
          transition: background-color 0.3s ease, border-color 0.3s ease;
          border: 0.104vw solid #303030; 
          display: flex;
          align-items: center;
          justify-content: center;
      }
  
      #scrollToTop:hover {
          background-color: #222222;
          border-color: #f0d210; 
      }
  
      #scrollToTop img {
          width: 2.292vw; 
          height: auto;
          transition: transform 0.3s ease;
      }
  
      #scrollToTop:hover img {
          transform: translateY(-0.26vw); 
      }
  </style>
  <body>
      
  
  
      <div id="scrollToTopContainer">
          <div id="scrollToTop">
              <img src="images/2xuparrw.png" alt="Scroll to Top">
          </div>
      </div>
      
      <script>
          window.onscroll = function() {scrollFunction()};
      
          function scrollFunction() {
              var scrollToTopContainer = document.getElementById("scrollToTopContainer");
              if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                  scrollToTopContainer.style.display = "block";
              } else {
                  scrollToTopContainer.style.display = "none";
              }
          }
      
          document.getElementById("scrollToTop").addEventListener("click", function() {
              scrollToTop();
          });
      
          function scrollToTop() {
              var scrollStep = -window.scrollY / (350 / 15);
              var scrollInterval = setInterval(function() {
                  if (window.scrollY != 0) {
                      window.scrollBy(0, scrollStep);
                  } else {
                      clearInterval(scrollInterval);
                  }
              }, 15);
          }
      </script>
      
  
  
  
  
  
  
      </body>
      </html>
        <!--endtscrollup -->
  
  
  
  
  
          <style>.features {
              width: 100%;
              height: 27vw;
              margin-bottom: 4vw;
            }
            .featurestitle {
              font-size: 3vw;
              margin-bottom: 1vw;
            }
            .card {
              background-color: #1f2023;
              width: 25vw;
              height: 19vw;
              border-radius: .5vw;
              margin-bottom: 2vw;
              margin-left: 6vw;
              transition: transform .3s ease-in-out;
              outline: .15vw solid #f0d210;
            }
            .card:hover {
              transform: scale(1.05) translate(0, -0.208vw);
            }
            .card-img {
              display: flex;
              justify-content: center;
              align-items: center;
              height: 10vw; /* Adjust the height as needed */
            }
            .feature-image {
              width: 7.813vw;
              max-height: 100%;
              object-fit: contain;
            }
            .cards {
              display: flex;
            }
            .description {
              text-align: center;
              width: 20vw;
              margin-top: .5vw;
              margin-left: 2.3vw;
              font-size: 1vw;
              color: white;
            }
            .featurename {
              margin-top: .5vw;
              font-size: 1.6vw;
              font-weight: 600;
              text-align: center;
              color: white;
            }</style>
  
  
  
              <meta name="Adventure The Pizza Edition's huge collection of over 200 games, covering a wide range of genres and experiences that will suit all kinds of players. Whether you're into racing, retro, puzzles, strategy, or just casual games, we've got something for everyone. Take a deep dive into our library and discover your next favorite game today!">
  
  
      <!-- FPS Counter -->
      <span id="fps">--</span>
  
  <div id="pizza-notification" style="
      position: fixed;
      bottom: 1vw;
      left: 1vw;
      z-index: 9999;
      animation: slideIn 0.5s ease forwards;
  ">
      <div style="
          position: relative;
          padding: 0.3vw;
          border-radius: 1.2vw;
          background: conic-gradient(from 0deg, #f0d210, #fc5849, #f0d210);
          background-size: 200% 200%;
          animation: borderSpin 3s linear infinite;
      ">
          <div style="
              background: #111;
              color: #fff;
              font-family: 'Bebas Neue', sans-serif;
              font-size: 1.8vw;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              gap: 1vw;
              padding: 1vw 1.5vw;
              border-radius: 1vw;
              width: 26vw;
          ">
              <span style="letter-spacing: 0.1vw;">🔥 NEW LINK 🎮</span>
              <p style="font-size: 1.2vw; margin: 0; opacity: 0.8;">
                  BEST <b>unbl0cked</b> link — play it now!
              </p>
              <div style="display: flex; justify-content: space-between; width: 100%; align-items: center;">
                  <a href="https://dojq2hudgo7sk.cloudfront.net/" target="_blank" style="
                      background: linear-gradient(135deg, #f0d210, #fc5849);
                      color: #000;
                      text-decoration: none;
                      padding: 0.6vw 1vw;
                      border-radius: 0.4vw;
                      font-size: 1.3vw;
                      font-weight: bold;
                      letter-spacing: 0.05vw;
                      text-align: center;
                      flex: 1;
                      transition: transform 0.2s ease, box-shadow 0.2s ease;
                  " onmouseover="this.style.transform='scale(1.05)'; this.style.boxShadow='0 0 1vw rgba(252,88,73,0.7)'" 
                     onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none'">
                      PLAY NOW
                  </a>
                  <button onclick="document.getElementById('pizza-notification').remove()" style="
                      background: none;
                      border: none;
                      color: #fff;
                      font-size: 2vw;
                      margin-left: 0.8vw;
                      cursor: pointer;
                  ">&times;</button>
              </div>
          </div>
      </div>
  </div>
  
  <style>
  @keyframes slideIn {
      from { transform: translateX(-120%); opacity: 0; }
      to { transform: translateX(0); opacity: 1; }
  }
  
  @keyframes borderSpin {
      0% { background-position: 0% 50%; }
      100% { background-position: 360% 50%; }
  }
  </style>
  
  
  
endpoints.name: https://surfer.wildsurf.net/images/pizzalogo.png
endpoints.html_title: The Pizza Edition
endpoints.supported_versions: HTTP/1.1
endpoints.banner: HTTP/1.1 200 OK
  Accept-Ranges: bytes
  Alt-Svc: h3=":443"; ma=2592000
  Content-Length: 32047
  Content-Type: text/html; charset=utf-8
  Etag: "dd4z77zyvrzfoq7"
  Last-Modified: Mon, 29 Sep 2025 03:49:14 GMT
  Server: Caddy
  Vary: Accept-Encoding
  Date:  <REDACTED>
  
endpoints.ip: 104.36.84.31
[binary data, 7 values, 175 bytes]