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

135

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

Why Choose Us - Our Core Strengths
Discover what sets us apart with this engaging "Why Choose Us" section. Highlighting three key pillars—passion, honesty, and continuous improvement—this component features a bold, centered headline with a striking blue accent

Author:
Vikas Kushwah

11 months ago

1.4k
Modern Responsive Pricing Section with Toggle
A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

Author:
Hamza Atig

10 months ago

1.1k
Best Chatting dashboard
create a modern WhatsApp-like chat dashboard with 3D effects, animations, and a sleek design. This will be a static view showcasing the interface with Nicole Shalom as the developer.

Author:
Nicole Shalom

9 months ago

1.1k
Animated Ripple Avatar
Ripple Effect Avatar (Tailwind CSS Component) A visually striking animated component that displays a centered avatar or image surrounded by expanding ripple circles. Built with Tailwind CSS and custom animations, this effect simulates a pulsing or water ripple reaction, drawing attention to the central image. Ideal for user profile sections, hero banners, landing pages, or highlighted features in modern web interfaces. The ripples gradually fade and expand, creating a soft, calming motion that enhances interactivity and depth.

Author:
Code Master(Mfuranziza Dusabe Hamza)

9 months ago

1.3k
Login AND Signup
login and signup

Author:
Uwera Dorcas

9 months ago

794
News feed

Author:
Bunny

2 years ago

13.8k
Hero

Author:
ORGIN_DREAMS

9 months ago

1.3k
Resizable container
Resizable container

Author:
Ganesh Salunke

2 months ago

78
Simple layout

Author:
Edward Carandang

1 year ago

3.2k
HTMLCODE
123

Author:
Anonymous

8 months ago

409
Career Page
This is a career page component built in tailwind

Author:
Deepak Sharma

1 year ago

1.1k
Play, Pause and Stop buttons

Author:
Lukas Müller

3 years ago

11.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components