Home
Abel Wright
baseball bros

baseball bros

baseball

This tailwind example is contributed by Abel Wright, on 24-Feb-2026. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Other

Author Abel Wright

169

Fork Fullscreen

gtag('config', 'G-L7856P3VNT');
</script>	<html lang="en">
    <base href="https://cdn.jsdelivr.net/gh/bubbls/UGS-Assets@ae6706e5224c55594c491edfc7f5ad541e2ea02b/baseball%20bros/" </base>
	<head>

<title>BASEBALL BROS! | Official Site</title>
	  <meta name="description" content="Online multiplayer baseball! Strikeouts, steals, and grand slams! Hit Nukes!" />
	  <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	  <link rel="shortcut icon" type="image/png" href="./favicon.png">
	  <meta name="Keywords" content="Baseball, Play, Free, Online, Multiplayer, Games, IO, Sports, Scrolling, Friends">
	  <meta name="author" content="Blue Wizard Digital">

.body::-webkit-scrollbar {
	      /* WebKit */
	      width: 0px;
	    }

#openfl-content {
	      background: #000000;
	      width: 100%;
	      height: 100%;
	    }

#spinner {
	      -webkit-transform-origin: 50% 50%;
	      -moz-transform-origin: 50% 50%;
	      -o-transform-origin: 50% 50%;
	      transform-origin: 50% 50%;
	      width: 82px;
	      height: 81px;
	      -webkit-animation: spin1 2s infinite linear;
	      -moz-animation: spin1 2s infinite linear;
	      -o-animation: spin1 2s infinite linear;
	      -ms-animation: spin1 2s infinite linear;
	      animation: spin1 2s infinite linear;
	    }

/* Main content styling */
	    #more {
	      display: flex;
	      justify-content: space-between;
	      background-color: #1a1a1a;
	      padding: 40px;
	      border-top: 0px solid #444;
	      color: #fff;
	      font-family: 'Arial', sans-serif;
	    }

.info-box {
	      width: 48%;
	      background-color: #222;
	      padding: 20px;
	      border-radius: 8px;
	      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
	    }

h3 {
	      font-size: 24px;
	      color: #ffa500;
	      /* Baseball-themed color */
	      margin-bottom: 15px;
	    }

p,
	    b {
	      line-height: 1.6;
	      font-size: 16px;
	    }

p {
	      margin-bottom: 10px;
	    }

b {
	      color: #ffd700;
	      /* Highlighted question color */
	    }

/* unvisited link */
	    a:link {
	      color: #ffd700;
	    }

/* visited link */
	    a:visited {
	      color: #ffd700;
	    }

/* mouse over link */
	    a:hover {
	      color: #ffd700;
	    }

/* selected link */
	    a:active {
	      color: #ffd700;
	    }

.notch-top-left {
	      width: 20px;
	      height: 20px;
	      background-color: var(--background-color, #1a1a1a);
	      position: absolute;
	      top: -10px;
	      left: -10px;
	      clip-path: polygon(100% 0, 0 100%, 100% 100%);
	    }

/* Footer styling */
	    footer {
	      background-color: #000;
	      padding: 20px 0;
	      text-align: center;
	      color: #ccc;
	      font-size: 14px;
	      border-top: 2px solid #444;
	      margin-top: 40px;
	      font-family: 'Arial', sans-serif;
	      border: 0;
	    }

.feedback-form {
	      position: absolute;
	      top: 50%;
	      left: 50%;
	      transform: translate(-50%, -50%);
	      width: 50vw;
	      height: 50vh;
	      background-color: #2A6DB0;
	      padding: 20px;
	      border: 4px solid #FF0000;
	      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	      text-align: center;
	      color: #FFFFFF;
	    }

.feedback-form h3 {
	      font-size: 24px;
	      margin-bottom: 20px;
	      color: #FFFFFF;
	      text-shadow: 2px 2px #000000;
	    }

.feedback-form textarea {
	      width: calc(100% - 20px);
	      height: 50%;
	      margin-bottom: 10px;
	      padding: 10px;
	      font-size: 16px;
	      font-family: 'Courier New', Courier, monospace;
	      border: 3px solid #000000;
	      background-color: #000000;
	      /* Black background */
	      color: #FFFFFF;
	      /* White text */
	      resize: none;
	      box-sizing: border-box;
	    }

.feedback-form button {
	      width: 100%;
	      padding: 12px;
	      background-color: #FFD700;
	      /* Yellowish background */
	      color: #000000;
	      border: 3px solid #FF0000;
	      border-radius: 0;
	      font-size: 18px;
	      cursor: pointer;
	      font-family: 'Courier New', Courier, monospace;
	      text-shadow: 1px 1px #000000;
	    }

.feedback-form button:hover {
	      background-color: #FFB800;
	      /* Slightly darker yellow on hover */
	      color: #FFFFFF;
	    }
	  #sidebarad1,
#sidebarad2 {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 600px;
  padding: 0;
  margin: 0;
  z-index: 999999;
}
#sidebarad1 {
  left: 0;
}
#sidebarad2 {
  right: 0;
}
.sidebar-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: rgba(0,0,0,0.7);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  z-index: 10;
}
.sidebar-frame {
  width: 160px;
  height: 600px;
  border: none;
  display: block;
}
</style>

function gtag() {
	      dataLayer.push(arguments);
	    }
	    gtag('js', new Date());

if (location.hostname != "localhost") gtag('config', 'G-D67EBFNGR6', {
	      cookie_flags: 'secure;samesite=none'
	    });
	  </script>

//CMP tool settings
	    aiptag.consented = false; // GDPR setting, please set this value to false if an EU user has declined or not yet accepted marketing cookies, for users outside the EU please use true and for users accepted the GDPR also use true
	    aiptag.cmp = {
	      show: true,
	      position: "centered",
	      button: false,
	      buttonText: "Privacy settings",
	      buttonPosition: "bottom-left"
	    }
	  </script>
	  <script async src="tag.min.js"></script>

}
	    }

var msAdID;

function LoadVideo() {
	      if (typeof $msstart !== 'undefined') {
	        $msstart.loadAdsAsync().then(adInstance => {
	          // Use the adInstance.instanceId to make a call to showAdsAsync
	          msAdID = adInstance.instanceId;
	        });

SetupMSNotification();
	      }
	    }

function ShowVideo(theUnitName = null) {
	      Main.DoneVideoAd(true);
	      return; //! when aip is live, remove this

console.log('SHOW_VIDEO:' + theUnitName);
	      var aUnitName = "";
	      if (typeof $msstart !== 'undefined') {
	        $msstart.showAdsAsync(msAdID).then(adInstance => {
	          // Use the adInstance.showAdsCompletedAsync to be notified of the completion of showing the advertisement
	          adInstance.showAdsCompletedAsync.then((val) => {
	            console.log('MS Video Ad Complete');
	            Main.DoneVideoAd();
	            window.focus();
	            window.document.getElementById('openfl-content').focus();
	            LoadVideo();
	          }).catch((err) => {
	            console.log('Ms Video Ad Error');
	            Main.DoneVideoAd();
	            window.focus();
	            window.document.getElementById('openfl-content').focus();
	            LoadVideo();
	          });
	        });
	      } else if (typeof gCrazySDK !== 'undefined') {
	        gCrazySDK.addEventListener("adFinished", Main.DoneVideoAd); // reenable sound, enable ui
	        gCrazySDK.addEventListener("adError", Main.DoneVideoAd); // reenable sound, enable ui
	        gCrazySDK.requestAd();
	        console.log('CG_AD_REQUESTED');
	        SendEvent('event', 'cgvideo');
	        return;
	      } else if (typeof adplayer === 'undefined') {
	        Main.DoneVideoAd(true);
	        SendEvent('event', 'video_adblocked');
	        console.log('VIDEO_ADBLOCKED');

} else {
	        var aStr = 'preroll';
	        //if(theUnitName != null) aStr = theUnitName;
	        lastUnitPlayed = aStr;
	        SendEvent('event', 'startvideo-' + aStr);

aiptag.cmd.player.push(function() {
	          adplayer.startVideoAd(theUnitName);
	        });
	      }
	    }
	  </script>

<script src="firebase-app.js"></script>
	  
	  <script src="firebase-auth.js"></script>
	  
	  <script src="firebase-firestore.js"></script>

// Initialize Firebase
	    firebase.initializeApp(firebaseConfig);
	    const auth = firebase.auth();
	    const db = firebase.firestore();
	    var userData = "";

function triggerSignIn() {
	      var provider = new firebase.auth.GoogleAuthProvider();
	      auth.signInWithPopup(provider);
	    }

// Save game data function
	    function saveGameData(gameData) {
	      console.log('saving gamedata:' + gameData);
	      var userId = auth.currentUser.uid;
	      userData = gameData;
	      db.collection('users').doc(userId).set({
	        gameData: gameData
	      }).then(function() {
	        console.log('Game data saved');
	      }).catch(function(error) {
	        console.error('Error saving game data:', error);
	      });
	    }

// Load game data function
	    function loadGameData() {
	      return userData;
	    }

// Firebase auth state observer
	    auth.onAuthStateChanged(function(user) {
	      if (user) {
	        loadGameDataAsync();
	        SendEvent('event', 'sign_in');
	        console.log('user signed in');
	      } else {
	        console.log('No user signed in');
	        SendEvent('event', 'sign_out');
	      }
	    });

function signOut() {
	      auth.signOut().then(() => {
	        Main.SignOutComplete();
	        console.log('signed out');
	      });
	    }

function isUserLoggedIn() {
	      return auth.currentUser !== null;
	    }
	  </script>

</head>

<body style="overflow:hidden;">
	  <noscript>Enable JavaScript bro!</noscript>
	  <script>
	    //alert("Globals:"+localStorage.getItem("/:Globals").length);
	    /////////////////////////////////////////////////////////////////////
	    ////////////////////////////////////////////////////////////////////
	    var url = window.location.href;
	    if (url.includes("www.")) {
	      url = url.replace("www.", "");

var f = document.createElement('form');
	      f.action = url;
	      f.method = 'POST';
	      var i = document.createElement('input');
	      i.type = 'hidden';
	      i.name = 'FGlobals';
	      i.value = localStorage.getItem("/:Globals");
	      f.appendChild(i);

document.body.appendChild(f);
	      f.submit();
	    } else {
	      var aPost = "";
	      var aStorage = localStorage.getItem("/:Globals");
	      var aLen = 0;
	      if (aStorage != null && aStorage.length > 0) {
	        aLen = aStorage.length;
	      }
	      if (aPost.length > aLen) localStorage.setItem("/:Globals", aPost);
	      if (aPost.length > 0 && aPost.length == aLen) localStorage.setItem("/:Globals", aPost);
	    }
	    /////////////////////////////////////////////////////////////////////
	    ////////////////////////////////////////////////////////////////////
	  </script>

<div id="game2" style="width: 100%; height: 100%; ">
	    <div id="openfl-content" onblur="window.focus(); window.scrollTo(0, 0);" style="width: calc(100%); float:left;">
	      <script type="text/javascript">
	        lime.embed("BaseballBros", "openfl-content", 0, 0, {
	          parameters: {}
	        });
	      </script>
	    </div>
	    <div id="preroll" style="width: 960px; height: 540px; display: none; position: absolute; top: 50%; left: 50%; z-index: 100; transform: translate(-50%, -50%);">
	    </div>

<div id="baseballbros-io_300x250" style="width: 336px; height: 280px; visibility:hidden; display: none; position: absolute; top: 30px; left: 30px; z-index: 100;overflow: hidden;">
	      <script>
	        if (typeof gCrazySDK == 'undefined') {
	          aiptag.cmd.display.push(function() {
	            aipDisplayTag.display('baseballbros-io_300x250');
	          });
	        }
	      </script>
	    </div>
	    <div id="baseballbros-io_300x250_2" style="width: 336px; height: 280px; visibility:hidden; display: none; position: absolute; top: 30px; left: 30px; z-index: 100;overflow: hidden;">
	      <script>
	        if (typeof gCrazySDK == 'undefined') {
	          aiptag.cmd.display.push(function() {
	            aipDisplayTag.display('baseballbros-io_300x250_2');
	          });
	        }
	      </script>
	    </div>
	    <div id="baseballbros-io_336x280" style="visibility:hidden; width: 336px; height: 600px; display: none; position: absolute; left: 30px; z-index: 100;overflow: hidden;">
	    </div>
	    <div id="baseballbros-io_336x280_2" style="visibility:hidden; width: 336px; height: 600px; display: none; position: absolute; left: 30px; z-index: 100;overflow: hidden;">
	    </div>
	    <div id="baseballbros-io_728x90" style="visibility:hidden; width: 728px; height: 90px; display: none; position: absolute; top: 30px; left: 30px; z-index: 100;overflow: hidden;">
	    </div>
	    <div id="baseballbros-io_728x90_m" style="visibility:hidden; width: 728px; height: 90px; display: none; position: absolute; top: 30px; left: 30px; z-index: 100;overflow: hidden;">
	    </div>
	    <div id="baseballbros-io_970x250" style="visibility:hidden; width: 970px; height: 250px; display: none; position: absolute; top: 30px; left: 30px; z-index: 100; text-align: center;overflow: hidden;">
	    </div>

<div class="feedback-form" id="feedbackForm" style="display:none;">
	      <h3>Report a Bug/Glitch</h3>
	      <textarea id="feedback" placeholder="Describe the bug or glitch with a lot of details, like how to make the glitch happen and anything else whether it seems useful or not..."></textarea>
	      <textarea id="email" placeholder="Email address (optional)" style="height: 50px;"></textarea>
	      <textarea id="discord" placeholder="Discord ID (optional)" style="height: 50px;"></textarea>
	      <button onclick="sendFeedback()" id="submitBtn">Submit Feedback</button>
	      <br />
	      <br />
	      <button onclick="document.getElementById('feedbackForm').style.display='none'" id="submitBtn">Cancel</button>
	      <p id="responseMsg"></p>
	    </div>
	    <script>
	      //                                                                                                                          var doFeedback = true;
	      function getOSFromUserAgent() {
	        const userAgent = navigator.userAgent;
	        const platform = navigator.platform;

// Check for common platforms and OS
	        if (/Windows NT/i.test(userAgent)) return 'Windows';
	        if (/Mac OS X/i.test(userAgent)) return 'macOS';
	        if (/Linux/i.test(userAgent)) return 'Linux';
	        if (/Android/i.test(userAgent)) return 'Android';
	        if (/iPhone|iPad|iPod/i.test(userAgent)) return 'iOS';
	        if (/CrOS/i.test(userAgent)) return 'Chrome OS';

// Default to the platform if no match
	        return platform || 'Unknown';
	      }
	      async function sendFeedback() {
	        var feedback = '*' + document.getElementById("feedback").value.trim() + '*';
	        var email = document.getElementById("email").value.trim();
	        var discord = document.getElementById("discord").value.trim();
	        const screenResolution = `${window.screen.width}x${window.screen.height}`;
	        const windowResolution = `${window.innerWidth}x${window.innerHeight}`;
	        var aOS = getOSFromUserAgent();
	        var aCity = 'Unknown';
	        const hostname = window.location.hostname;
	        const gpu = (() => {
	          const canvas = document.createElement('canvas');
	          const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
	          const debugInfo = gl?.getExtension('WEBGL_debug_renderer_info');
	          const gpuInfo = debugInfo ? gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL) : 'Unknown';

// Cleanup
	          canvas.remove(); // Remove the canvas from the DOM (if it was added)
	          return gpuInfo;
	        })();

feedback = feedback + '\nDomain: ' + hostname;
	        feedback = feedback + ', OS: ' + aOS;
	        feedback = feedback + ', Screen res: ' + screenResolution;
	        feedback = feedback + ', Window res: ' + windowResolution;
	        feedback = feedback + ', GPU: ' + gpu;
	        feedback = feedback + ', City: ' + aCity;
	        feedback = feedback + ', Email: ' + email;
	        feedback = feedback + ', Discord: ' + discord;

const responseMsg = document.getElementById("responseMsg");
	        const submitBtn = document.getElementById("submitBtn");

if (!feedback) {
	          alert("Please enter feedback.");
	          return;
	        }

submitBtn.disabled = true;
	        responseMsg.textContent = "Submitting...";

try {
	          const response = await fetch("sendFeedback.php", {
	            method: "POST",
	            headers: {
	              "Content-Type": "application/x-www-form-urlencoded"
	            },
	            body: new URLSearchParams({
	              feedback: feedback
	            })
	          });

const result = await response.json();

if (result.status === "success") {
	            document.getElementById("feedbackForm").style.display = "none"; // Close the feedback form
	            alert(result.message); // Show success message
	          } else {
	            document.getElementById("feedbackForm").style.display = "none"; // Close the feedback form
	            alert(result.message); // Show error message
	          }
	        } catch (error) {
	          document.getElementById("feedbackForm").style.display = "none"; // Close the feedback form
	          alert("Error submitting feedback. Please try again.");
	        }

submitBtn.disabled = false;
	      }
	    </script>

</div>
	  <br />
	  <div tabindex="-1" id="more">
	    <div class="info-box">
	      <h3>About Baseball Bros</h3>
	      <p>Baseball Bros is a simple, fast-paced baseball game that's easy to learn and has lots of crazy hijinks! With online multiplayer gameplay, franchise mode, fun pitching, and so much more!</p>
	      <p>Controls: Use either the arrow keys or WASD to control your bro. Space bar will throw a the ball, dive, slide, or change directions when you're running the bases.</p>
	      <p>Be sure to follow us on social media for the latest updates and info!</p>
	      <br />
	      <h3>Changelog (3/13/2024)</h3>
	      <p>Fixed another glitch where the game ends to early if the home team scores on their last at bat while still losing.</p>
	      <p>Made cpu players better at catching fly balls. Should make it more difficult in 1p games.</p>
	      <p>Updated theme song.</p>
	      <p>Fixed more innings glitches.</p>
	      <p>Fixed glitch where home team wouldn't get their fair at bat in extra innings.</p>
	      <p>Improved virtual controller on iPads and pnones.</p>
	    </div>
	    <div class="info-box">
	      <h3>FAQ</h3>
	      <b>Why isn't the game loading?</b>
	      <p>You should check your internet connection and make sure our site isn't blocked. Also, disable all ad blockers.</p>
	      <b>How do I play?</b>
	      <p>Use your arrow keys and space bar! The rest is easy- pick your play and go!</p>
	      <b>Which browser should I use?</b>
	      <p>You should use Chrome. It is the only browser guaranteed to work. Baseball Bros has also been tested to work on Firefox and Safari, but not guaranteed.</p>
	      <b>Are there more Bros games?</b>
	      <p>Yes! Check out <a tabindex="-1" href="https://footballbros.io">Football Bros</a>, href="https://basketbros.io">Basket Bros</a>, <a tabindex="-1" href="https://soccerbros.gg">Soccer Bros</a> and <a tabindex="-1" href="https://wrestlebros.io">Wrestle Bros</a>. Also be sure to check out <a tabindex="-1" href="https://freegames.io" target="_blank">Web games at FreeGames.io</a></p>
	      <b>Do you have a favorite team?</b>
	      <p>Yes, but we're not saying which one. Drop us an e-mail if you think you know.</p>
	      <b>I'm blocked, where else can i play?</b>
	      <p>Check here, these links work for all the bros games: <a href="https://sites.google.com/bluewizard.com/basket-bros-unblocked">Baseball Bros Unblocked</a></p>

</div>
	  </div>
	  <footer id="footer" tabindex="-1">
	    <div tabindex="-1" class="footer-links">
	      <a tabindex="-1" href="https://bluewizard.com">Copyright 2024 Blue Wizard Digital</a> |
	      <a tabindex="-1" href="https://bluewizard.com/terms/">Terms of Service</a> |
	      <a tabindex="-1" href="https://bluewizard.com/privacypolicy/">Privacy Policy</a>
	    </div>
	  </footer>
	  <script>
	    var lastRefresh = 0;

function ShowAd1(doRefresh) {
	      if (/Android|webOS|iPhone|iPad|iPod|Opera Mini/i.test(navigator.userAgent)) {
	        return;
	      }
	      var l = window.document.getElementById('baseballbros-io_160x600');
	      if (l == null) return;
	      l.style.display = '';
	      l.style.visibility = 'visible';

l = window.document.getElementById('baseballbros-io_160x600');
	      if (l == null) return;
	      l.style.display = '';
	      l.style.visibility = 'visible';

if (typeof gCrazySDK !== 'undefined') {
	        var d = new Date();
	        var ms = d.getTime();
	        if (ms - lastRefresh > 10000) {
	          gCrazySDK.requestResponsiveBanner(["baseballbros-io_160x600"]);
	          lastRefresh = ms;
	        }
	      } else if (typeof aipDisplayTag !== 'undefined') {
	        refreshTag('baseballbros-io_160x600');
	        refreshTag('baseballbros-io_160x600_2');
	        SendEvent('event', 'aip_banner_requested');
	      } else
	        SendEvent('event', 'banner_adblocked');

}

var lastRefresh6 = 0;
	    var doTagOnce = true;

function ShowAd6() {
	      var d = new Date();
	      var ms = d.getTime();
	      if (ms - lastRefresh6 < 10000) {
	        return;
	      }
	      lastRefresh6 = ms;

if (/Android|webOS|iPhone|iPad|iPod|Opera Mini/i.test(navigator.userAgent)) {
	        return;
	      }
	      var l = window.document.getElementById('baseballbros-io_300x250');
	      if (l == null) {
	        return;
	      }
	      l.style.display = '';
	      l.style.visibility = 'visible';

if (typeof gCrazySDK !== 'undefined') {} else if (typeof aipDisplayTag !== 'undefined') {
	        refreshTag('baseballbros-io_300x250');
	        SendEvent('event', 'aip_banner_requested');
	        if (typeof aiptag !== 'undefined' && aiptag.settings == "") {
	          if (doTagOnce) SendEvent('event', 'aip_prosper');
	          SendEvent('event', 'request_prosper');
	        } else if (typeof aiptag !== 'undefined' && aiptag.settings.iProsperTest !== "undefined") {
	          if (doTagOnce) SendEvent('event', 'aip_legacy');
	          SendEvent('event', 'request_legacy');
	        }
	        doTagOnce = false;
	      } else
	        SendEvent('event', 'banner_adblocked');
	    }

var lastRefresh2 = 0;

function ShowAd2() {

var d = new Date();
	      var ms = d.getTime();
	      if (ms - lastRefresh2 < 10000) {
	        return;
	      }
	      lastRefresh2 = ms;

if (/Android|webOS|iPhone|iPad|iPod|Opera Mini/i.test(navigator.userAgent)) {
	        return;
	      }
	      var l = window.document.getElementById('baseballbros-io_300x250_2');
	      if (l == null) return;
	      l.style.display = '';
	      l.style.visibility = 'visible';

if (typeof gCrazySDK !== 'undefined') {
	        var d = new Date();
	        var ms = d.getTime();
	        if (ms - lastRefresh2 > 10000) {
	          //hndled by the first banner request
	          //gCrazySDK.requestBanner([{containerId: 'baseballbros-io_300x250_2',size: '300x250',}]);
	          gCrazySDK.requestResponsiveBanner(["baseballbros-io_300x250", "baseballbros-io_300x250_2"]);

lastRefresh2 = ms;
	        }
	      } else if (typeof aipDisplayTag !== 'undefined') {
	        refreshTag('baseballbros-io_300x250_2');
	        SendEvent('event', 'aip_banner_requested');
	        if (typeof aiptag !== 'undefined' && aiptag.settings == "") {
	          if (doTagOnce) SendEvent('event', 'aip_prosper');
	          SendEvent('event', 'request_prosper');
	        } else if (typeof aiptag !== 'undefined' && aiptag.settings.iProsperTest !== "undefined") {
	          if (doTagOnce) SendEvent('event', 'aip_legacy');
	          SendEvent('event', 'request_legacy');
	        }
	      } else
	        SendEvent('event', 'banner_adblocked');
	    }

}

}

}

}

doTagOnce = false;
	      } else {
	        l.style.backgroundImage = "url(assets/turnoff2.jpg)";
	        SendEvent('event', 'banner_adblocked_message_shown');
	      }

}

function right(str, chr) {
	      return str.slice(str.length - chr, str.length);
	    }

function ShowAdBreak() {
	      //check if the adslib is loaded correctly or blocked by adblockers etc.
	      if (typeof gCrazySDK !== 'undefined') {
	        Main.DoneInterstitialAd(false);
	        return;
	      }

if (typeof adplayer === 'undefined') {
	        Main.DoneInterstitialAd(true);
	        return;
	      }
	      aiptag.cmd.player.push(function() {
	        adplayer.startAdBreak();
	      });
	    }

document.getElementById("openfl-content").addEventListener("wheel", doScroll);
	    document.getElementById("more").addEventListener("wheel", doScroll);

function doScroll(event) {
	      window.scroll(0, window.scrollY + event.deltaY);
	    }

function doScroll2(event) {
	      window.scroll(0, window.scrollY + event.deltaY);
	    }

setInterval(function() {
	      //console.log("active element:" + document.activeElement);
	      if (document.activeElement.tagName == "IFRAME") {
	        document.activeElement.blur();
	        document.getElementById('openfl-content').focus();
	        //console.log('refocusing');
	      }
	    }, 30);

/*setInterval(function () { 
	    	var l = window.document.getElementById('preroll');
	    	if(l != null && typeof l.style !== 'undefined' && l.style.visibility !== 'visible') {
	    		document.getElementById('openfl-content').focus();
	    		if(document.activeElement instanceof HTMLIFrameElement)
	    		{
	    			//document.activeElement.style.display = "none";
	    			window.focus();
	    			window.document.getElementById('openfl-content').focus();
	    		}
	    	}
	    }, 1000);*/

/*		setInterval(function () { 
	    			var l = window.document.getElementById('baseballbros-io_160x600');
	    			if(l != null && typeof l.style !== 'undefined' && l.style.visibility == 'visible') {
	    				ShowAd5();
	    			}
	    		}, 30000);

setInterval(function () { 
	    			var l = window.document.getElementById('baseballbros-io_160x600_2');
	    			if(l != null && typeof l.style !== 'undefined' && l.style.visibility == 'visible') {
	    				ShowAd1();
	    			}
	    		}, 32000);*/

var sid = '02k06etmp6fnad6qk2e82s1dfi'

function updateStatus(fromEvent = false) {
	      const req = new XMLHttpRequest();
	      var aStr = "recordsession.php?s=" + sid;
	      if (fromEvent == true) aStr = aStr + "&e=1"
	      req.open("GET", aStr);
	      req.send();
	    }

//setInterval(ClearAds, 2000);

function EmailSignup() {
	      if (document.getElementById("signup") || document.getElementById("deleteme")) return;
	      const iframe = document.createElement("iframe");

//			iframe.style.display = "block";
	      iframe.style.width = "550px";
	      iframe.style.height = "" + window.innerHeight - 100 + "px";
	      iframe.style.position = "absolute";
	      iframe.style.top = "50px";
	      iframe.style.left = "50%";
	      iframe.style["margin-left"] = "-225px";
	      //iframe.style["margin-right"] = "-275px";
	      iframe.style["max-width"] = "100%";
	      iframe.setAttribute("id", "signup");

document.body.appendChild(iframe);
	    }

function GamePlayStart() {
	      if (typeof gCrazySDK !== 'undefined') {
	        console.log("GamePlayStart");
	        gCrazySDK.gameplayStart();
	      }
	    }

function GamePlayStop() {
	      if (typeof gCrazySDK !== 'undefined') {
	        console.log("GamePlayStop");
	        gCrazySDK.gameplayStop();
	      }
	    }

function HappyTime() {
	      if (typeof gCrazySDK !== 'undefined') {
	        console.log("happytime");
	        gCrazySDK.happytime();
	      }
	    }

var scrollerMessage = " WELCOME TO BASEBALL BROS! ARE YOU READY TO HIT SOME NUKES? WE'RE STILL MAKING ADJUSTMENTS- YOU CAN CHECK THE BOTTOM OF THE PAGE FOR THE LATEST CHANGES! IF YOU HAVE A GLITCH OR FEEDBACK, YOU CAN EMAIL INFO@BLUEWIZARD.COM!!! ";

</html>

Related Examples

Product Details Page
This section will show all the information about a selected product, including its title, description, price, images, and specifications.

Author:
mohit kulkarni

6 months ago

1.1k
Invoice template

Author:
Shakti

2 years ago

28k
Responsive About Section with Tailwind CSS
Built a sleek and fully responsive About Section for my portfolio using Tailwind CSS! 🚀 Designed for smooth adaptability across all screen sizes with a modern and minimal aesthetic. Perfect for showcasing skills, experience, and a personal touch!

Author:
Abdul Baset Bappy

11 months ago

1.6k
htmlcss1

Author:
Anonymous

8 months ago

345
Login AND Signup
login and signup

Author:
Uwera Dorcas

9 months ago

808
Payment success page example

Author:
Anonymous

9 months ago

1.6k
Forgot Password
Forgot Password

Author:
Tanvir Hasan Bappy (Tanvir)

2 months ago

374
Ripple Animation
Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are loading, loader,Author box, User information,Transitions

Author:
Tofayel Islam

2 months ago

351
pages / slides

Author:
MD Fardous Alom

1 year ago

1.5k
Best Log In page ever
Instagram look like but not copy right 🤗,best login and sign and even for many others

Author:
ORGIN_DREAMS

9 months ago

908
Privacy policy page template

Author:
Sameer Sultana

2 years ago

18.9k
nft card
nft card

Author:
5upreme505

1 year ago

1.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components