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

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

Todo List with Dark theme
Todo List with Dark theme

Author:
Muzammil Riaz

8 months ago

1.2k
DailyDev Card
Card -based card used in the Dailydev Card, this is created to be modified to taste of each user

Author:
Ameth Galarcio

1 year ago

1.8k
admin panel

Author:
Anonymous

1 year ago

2.7k
Maintenance page

Author:
Faye

1 year ago

1.9k
3d element

Author:
Omer fils ELENGA

2 months ago

194
chatbot
is my chatbot

Author:
Omer fils ELENGA

3 months ago

308
coffee
a beverage brewed from the roasted and ground seeds of the tropical evergreen coffee plant. Coffee is one of the three most popular beverages in the world (alongside water and tea), and it is one of the most profitable international commodities

Author:
Augustin

9 months ago

993
Skills Showcase, My Tech Stack and Expertise & Skills
🚀 Showcasing My Skills with TailwindCSS & Flexbox! I’ve designed a responsive and interactive Skills Section using Tailwind CSS and Flexbox. With smooth hover effects and a clean layout, this section highlights my expertise in: 🔹 Frontend Technologies – HTML, CSS, JavaScript, React, Next.js 🔹 Styling Frameworks – TailwindCSS 🔹 Backend & Tools – Node.js, Git

Author:
Muhammad Umair Arshad

10 months ago

1.3k
Soft Lights & Slow Beats
Sink into the tranquil rhythms of a Sunday afternoon. This playlist blends soft melodies and gentle beats to create a mysterious yet comforting atmosphere — perfect for relaxing, reflecting, or simply unwinding as the day fades away.

Author:
Bonimater

9 months ago

440
Sticky fullpage pages / slides

Author:
Laurits

2 years ago

15.6k
Sticky fullpage pages / slides
Sticky full page

Author:
harinandana

4 months ago

385
To-Do List with Tailwind CSS
A simple and responsive to-do list built with HTML, JavaScript, and Tailwind CSS. Features task addition, completion, and deletion. Perfect for beginner projects or component demos.

Author:
Sudip chaudhary

8 months ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components