https://play.triviamaker.com/buzz/

提交的 URL:
https://www.triviamaker.com/buzz已重定向
报告完成时间:

链接 · 找到 3 个

链接文本
https://triviamaker.com/triviamaker.com
https://triviamaker.com/terms-of-use/ Terms
https://triviamaker.com/privacypolicy/Privacy

JavaScript 变量 · 找到 142 个

名称类型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
coreobject
__core-js_shared__object
firebaseobject
connectionKeyobject
connectedusernamestring

控制台日志消息 · 找到 3 条

类型类别记录
warningother
URL
https://play.triviamaker.com/buzz/
文本
Error parsing a meta element's content: ';' is not a valid key-value pair separator. Please use ',' instead.
errornetwork
URL
https://polyfill.io/v3/polyfill.min.js?features=es6
文本
Failed to load resource: net::ERR_CONNECTION_CLOSED
warningother
URL
https://www.gstatic.com/firebasejs/5.0.0/firebase.js
文本
It looks like you're using the development build of the Firebase JS SDK. When deploying Firebase apps to production, it is advisable to only import the individual SDK components you intend to use. For the CDN builds, these are available in the following manner (replace <PACKAGE> with the name of a component - i.e. auth, database, etc): https://www.gstatic.com/firebasejs/5.0.0/firebase-<PACKAGE>.js

HTML

<!DOCTYPE html><html><head>
    <title>For Participants | TriviaMaker - Participants</title>


    <meta name="viewport" content="width=device-width initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

    <link rel="canonical" href="https://play.triviamaker.com/buzz/">
    <meta property="og:type" content="article">
    <meta property="og:title" content="For Participants | TriviaMaker - Participants">
    <meta property="og:url" content="https://play.triviamaker.com/buzz/">
    <meta property="og:site_name" content="For Participants | TriviaMaker - Participants">
    <meta property="og:image" content="https://triviamaker.com/assets/images/TriviaMaker.png">
    <meta property="article:published_time" content="2023-09-14T13:19:00Z">
    <meta property="article:modified_time" content="2023-09-14T13:19:58Z">
    <meta property="og:image:secure_url" content="https://triviamaker.com/assets/images/TriviaMaker.png">

    <meta property="og:description" content="Test your knowledge and have fun learning with buzz mode on TriviaMaker! TriviaMaker is a free game platform.That lets you play trivia on any subject, language, or device – perfect for all ages of learners!">
    <meta name="msapplication-TileImage" content="https://triviamaker.com/assets/images/TriviaMaker.png">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="For Participants | TriviaMaker - Participants">
    <meta name="twitter:image" content="https://triviamaker.com/assets/images/TriviaMaker.png">
    <meta name="twitter:description" content="Test your knowledge and have fun learning with buzz mode on TriviaMaker! TriviaMaker is a free game platform.That lets you play trivia on any subject, language, or device – perfect for all ages of learners!">

    <meta name="title" content="For Participants | TriviaMaker - Participants">
    <meta name="description" content="Test your knowledge and have fun learning with buzz mode on TriviaMaker! TriviaMaker is a free game platform.That lets you play trivia on any subject, language, or device – perfect for all ages of learners!">
    <meta name="keywords" content="trivia">
    <meta name="robots" content="index, follow">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="English">

    <script async="" src="https://www.clarity.ms/s/0.7.56/clarity.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.clarity.ms/tag/on3n3bk43l"></script><script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Page",
        "headline": "For Participants | TriviaMaker - Participants",
        "description": "Test your knowledge and have fun learning with buzz mode on TriviaMaker! TriviaMaker is a free game platform.That lets you play trivia on any subject, language, or device – perfect for all ages of learners!",
        "keywords": "trivia"
    }
    </script>
<!-- 
    <script src="https://browser.sentry-cdn.com/7.109.0/bundle.tracing.min.js"
        integrity="sha384-FyHLiOgn1wcBUetfKq3+RF+aukePV5acbpdkgdYJRWepBQ8AMoNNEucU/6+JYRuJ" crossorigin="anonymous">
    </script> -->





    <!-- Fav Icon !-->
    <link rel="apple-touch-icon" sizes="180x180" href="https://triviamaker.com/assets/images/fav/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://triviamaker.com/assets/images/fav/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://triviamaker.com/assets/>images/fav/favicon-16x16.png">
    <!-- <link rel="manifest" href="https://triviamaker.com/assets/images/fav/site.webmanifest"> -->

		<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Anton&amp;family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&amp;family=Montserrat:ital,wght@0,100..900;1,100..900&amp;family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;family=Permanent+Marker&amp;family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;family=Tilt+Neon&amp;display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="./assets/css/participant.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="./assets/js/jquery.textfill.js"></script>
    <script src="./assets/js/jquery.textfill.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.0.0/firebase.js"></script>
    <script src="./assets/js/participant.js?ver=1.6.1"></script>
    <script src="https://richtr.github.io/NoSleep.js/dist/NoSleep.min.js"></script>
    <script src="./assets/js/badword.js"></script>

	<!-- Sentry-->
	<!-- <script src="https://js.sentry-cdn.com/134e5393697e6a6453b9ec03156a6654.min.js" crossorigin="anonymous"></script> -->

	<!-- Microsoft Clarity Intgration-->
	<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "on3n3bk43l");
	</script>	

    <!-- Mathjax Scrpit -->

    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script id="MathJax-script" async="" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
    </script>

    <script>

    // font family set js

    // font family set js

    var buzzin = "BUZZ IN";
    var selecticon = "Please select an icon";
    var nameingame = "Your name for this game will be";
    var avtarcolor = "Selected combination has been used by other player. Please choose different avtar or color.";
    var waitingscreeninrejoin = "Waiting for host to start next question";
    var selectcolor = "Please select a color";
    var timeout = "TIME OUT";
    var hostknowans = "Now, let the host know the answers!";
    var hostyorans = "Tell the host your answer.";
    var itsturn = "It's your turn!";
    var buzzedu = "buzzed before you";
    var people = "people";
    var sorry = "Sorry";
    var firstbuzzer = "THE FIRST BUZZER!";
    var uare = "YOU'RE THE";
    var gamemode_check = "The game is currently in 'crowd mode.' Would you like to change to 'crowd mode'?";
    var gamestartedmsg = "Game already started";
    var maxlimit = "Maximum ";
    var userconnect = "Users can connect.";
    var gamestratederr = "Unable to join the game. Game is already started by host.";
    var correctcode = "Please enter correct key";
    var alreadyconnecteduser = "Participants Name', is already used by other user. Please use different name.";
    var waithoststartgame = "Please wait for some time. Host will start the game soon.";
    var validname = "Enter valid name";
    var chardisallow = "Space and Special Character are not allowed";
    var maxlimitfifty = "Maximum 50 characters are allowed.";
    var joinothergame = "Join another Game";
    var joingame = "Join Game";
    var hostlaunchgame = "The host will launch the game soon";
    var otherplayer = "Other Players";
    var watchhostscrn = "Watch the host's screen";
    var removefromgame = "Sorry but it looks like you've been removed from the game";
    var ranktitle = "Rank";
    var getready = "Get ready because";
    var tobuzin = "to buzz in!";
    var gomsg = "Go";
    var leaderboard = "Leaderboard";
    var selectanswer = "Select Your Answer";
    var congrates = "CONGRATULATIONS!";
    var winmsg = "You won with points!";
    var ruunerups = "Runner Ups";
    var buzzusers = "Buzz Users";

    function loadLocalisedText(lang,fontstyle) {
        var localisedText = {};
        $.getJSON('https://play.triviamaker.com/languages/' + lang + '.json?v=0.2', function(data) {
            selecticon = data['select_icon'];
            nameingame = data['name_assignment'];
            avtarcolor = data['avatar_color_conflict_error'];
            waitingscreeninrejoin = data['waiting_for_start_next_que'];
            selectcolor = data['select_color'];
            timeout = data['time_out'];
            hostknowans = data['host_know_ans'];
            hostyorans = data['tell_host_answer'];
            itsturn = data['your_turn_message'];
            buzzedu = data['buzzed_u'];
            people = data['people'];
            sorry = data['sorry'];
            firstbuzzer = data['first_buzzer'];
            uare = data['you_are_the'];
            gomsg = data['go'];
            gamemode_check = data['game_crowd_mode_change'];
            gamestartedmsg = data['game_already_started'];
            maxlimit = data['max_limit'];
            userconnect = data['user_connect'];
            gamestratederr = data['game_join_start_error'];
            correctcode = data['enter_correct_key'];
            alreadyconnecteduser = data['participants_name_used'];
            waithoststartgame = data['game_wait_for_host_start'];
            validname = data['enter_valid_name'];
            chardisallow = data['character_disallowed_error'];
            maxlimitfifty = data['max_50_chars_allowed'];
            joinothergame = data['join_another_game'];
            joingame = data['join_game'];
            hostlaunchgame = data['host_will_launch_game_soon'];
            otherplayer = data['other_players'];
            watchhostscrn = data['watch_host_screen'];
            removefromgame = data['removed_from_game_error'];
            ranktitle = data['rank'];
            getready = data['get_ready'];
            tobuzin = data['to_buzz_in'];
            leaderboard = data['leaderboard'];
            selectanswer = data['select_your_answer'];
            congrates = data['congratulations'];
            winmsg = data['won_point'];
            ruunerups = data['runner_ups'];
            buzzusers = data['buzz_users'];
            buzzin = data['buzz_in'];
            document.getElementById('buzzinbtntext').textContent = buzzin;

            const fontfamily = fontstyle;
    document.documentElement.style.setProperty('--fontfamily', fontfamily);
        });
    }
    function checkfontset(fontstyle){
        const fontfamily = fontstyle;
        if(fontfamily == "Museo"){
        document.documentElement.style.setProperty('--fontfamily', "");
    }else{
        document.documentElement.style.setProperty('--fontfamily', fontfamily);
    }
    }
    </script>
    <!-- feud answer scrren input -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.min.js"></script>
  		<script src="./assets/js/otpInputDirective.min.js"></script> -->

    <script type="text/javascript">
    // screen.orientation.lock("portrait");
    // WebOrientationLock.PORTRAIT = "portrait";
    // window.screen.orientation.lock('portrait');
    // screen.lockOrientation("orientation");

    $(document).ready(function() {


        /*device No sleep library*/
        // var noSleep = new NoSleep();

        // function enableNoSleep() {
        //     noSleep.enable();
        //     document.removeEventListener('touchstart', enableNoSleep, false);
        // }
        // Enable wake lock.
        // (must be wrapped in a user input event handler e.g. a mouse or touch handler)
        // document.addEventListener('touchstart', enableNoSleep, false);


        var _originalSize = $(window).width() + $(window).height()
        $(window).resize(function() {
            if ($(window).width() + $(window).height() != _originalSize) {
                // console.log("keyboard show up");
                // alert("keyboardd");
                var fotter = document.getElementById('footerdivid');
                if (fotter != undefined) {
                    fotter.style.display = "none";
                }
            } else {
                var fotter = document.getElementById('footerdivid');
                if (fotter != undefined) {
                    fotter.style.display = "block";
                }
            }
        });

    });
    document.addEventListener("keyup", function(event) {
        if (document.getElementById('gameCode') != null) {
            if (event.keyCode === 13) {
                event.preventDefault();
                addusersinTeam();
            }
        }
        if (document.getElementById('participantfirstnameid') != null) {
            if (event.keyCode === 13) {
                event.preventDefault();
                if (!isusernamevalidate) {
                    isusernamevalidate = true;
                    validationforparname();
                }

            }
        }
    });


    window.onload = function() {
        // Prevent double click to enlarge
        var lastTouchEnd = 0;
        document.addEventListener('touchstart', function(event) {
            if (event.touches.length > 1) {
                event.preventDefault();
            }
        });
        document.addEventListener('touchend', function(event) {
            var now = (new Date()).getTime();
            if (now - lastTouchEnd <= 300) {
                event.preventDefault();
            }
            lastTouchEnd = now;
        }, false);

        // Prevent two fingers from zooming in
        document.addEventListener('gesturestart', function(event) {
            event.preventDefault();
        });
    }

    /*feud answer scrren input*/
    // 'use strict';
    //  var app = angular.module('exampleApp', ["otpInputDirective"]);
    //   app.controller('appCtrl',function($scope) {
    //     $scope.otpInput={
    //         size:6,
    //         type:"text",
    //         onDone: function(value){
    //             console.log(value);
    //         },
    //         onChange: function(value){
    //             console.log(value);
    //         }
    //     }
    //  });
    function isMobilDevice() {
        if (navigator.userAgent.match(/Android/i) ||
            navigator.userAgent.match(/webOS/i) ||
            navigator.userAgent.match(/iPhone/i) ||
            navigator.userAgent.match(/iPad/i) ||
            navigator.userAgent.match(/iPod/i) ||
            navigator.userAgent.match(/BlackBerry/i) ||
            navigator.userAgent.match(/Windows Phone/i)
        ) {
            return true;
        } else {
            return false;
        }
    }
    window.addEventListener("orientationchange", function() {
        // setBody();
    }, false);

    function setBody() {
        if (isMobilDevice() && window.orientation == 0) {
            document.getElementById("landscapeMode").style.display = "none";
            document.getElementById("contentdiv").style.display = "";

        } else if (isMobilDevice() && (window.orientation == 90 || window.orientation == -90)) {
            document.getElementById("landscapeMode").style.display = "block";
            document.getElementById("contentdiv").style.display = "none";
        }
    }
    </script>
<style type="text/css">.CtxtMenu_InfoClose {  top:.2em; right:.2em;}
.CtxtMenu_InfoContent {  overflow:auto; text-align:left; font-size:80%;  padding:.4em .6em; border:1px inset; margin:1em 0px;  max-height:20em; max-width:30em; background-color:#EEEEEE;  white-space:normal;}
.CtxtMenu_Info.CtxtMenu_MousePost {outline:none;}
.CtxtMenu_Info {  position:fixed; left:50%; width:auto; text-align:center;  border:3px outset; padding:1em 2em; background-color:#DDDDDD;  color:black;  cursor:default; font-family:message-box; font-size:120%;  font-style:normal; text-indent:0; text-transform:none;  line-height:normal; letter-spacing:normal; word-spacing:normal;  word-wrap:normal; white-space:nowrap; float:none; z-index:201;  border-radius: 15px;                     /* Opera 10.5 and IE9 */  -webkit-border-radius:15px;               /* Safari and Chrome */  -moz-border-radius:15px;                  /* Firefox */  -khtml-border-radius:15px;                /* Konqueror */  box-shadow:0px 10px 20px #808080;         /* Opera 10.5 and IE9 */  -webkit-box-shadow:0px 10px 20px #808080; /* Safari 3 & Chrome */  -moz-box-shadow:0px 10px 20px #808080;    /* Forefox 3.5 */  -khtml-box-shadow:0px 10px 20px #808080;  /* Konqueror */  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color="gray", Positive="true"); /* IE */}
</style><style type="text/css">.CtxtMenu_MenuClose {  position:absolute;  cursor:pointer;  display:inline-block;  border:2px solid #AAA;  border-radius:18px;  -webkit-border-radius: 18px;             /* Safari and Chrome */  -moz-border-radius: 18px;                /* Firefox */  -khtml-border-radius: 18px;              /* Konqueror */  font-family: "Courier New", Courier;  font-size:24px;  color:#F0F0F0}
.CtxtMenu_MenuClose span {  display:block; background-color:#AAA; border:1.5px solid;  border-radius:18px;  -webkit-border-radius: 18px;             /* Safari and Chrome */  -moz-border-radius: 18px;                /* Firefox */  -khtml-border-radius: 18px;              /* Konqueror */  line-height:0;  padding:8px 0 6px     /* may need to be browser-specific */}
.CtxtMenu_MenuClose:hover {  color:white!important;  border:2px solid #CCC!important}
.CtxtMenu_MenuClose:hover span {  background-color:#CCC!important}
.CtxtMenu_MenuClose:hover:focus {  outline:none}
</style><style type="text/css">.CtxtMenu_Menu {  position:absolute;  background-color:white;  color:black;  width:auto; padding:5px 0px;  border:1px solid #CCCCCC; margin:0; cursor:default;  font: menu; text-align:left; text-indent:0; text-transform:none;  line-height:normal; letter-spacing:normal; word-spacing:normal;  word-wrap:normal; white-space:nowrap; float:none; z-index:201;  border-radius: 5px;                     /* Opera 10.5 and IE9 */  -webkit-border-radius: 5px;             /* Safari and Chrome */  -moz-border-radius: 5px;                /* Firefox */  -khtml-border-radius: 5px;              /* Konqueror */  box-shadow:0px 10px 20px #808080;         /* Opera 10.5 and IE9 */  -webkit-box-shadow:0px 10px 20px #808080; /* Safari 3 & Chrome */  -moz-box-shadow:0px 10px 20px #808080;    /* Forefox 3.5 */  -khtml-box-shadow:0px 10px 20px #808080;  /* Konqueror */}
.CtxtMenu_MenuItem {  padding: 1px 2em;  background:transparent;}
.CtxtMenu_MenuArrow {  position:absolute; right:.5em; padding-top:.25em; color:#666666;  font-family: null; font-size: .75em}
.CtxtMenu_MenuActive .CtxtMenu_MenuArrow {color:white}
.CtxtMenu_MenuArrow.CtxtMenu_RTL {left:.5em; right:auto}
.CtxtMenu_MenuCheck {  position:absolute; left:.7em;  font-family: null}
.CtxtMenu_MenuCheck.CtxtMenu_RTL { right:.7em; left:auto }
.CtxtMenu_MenuRadioCheck {  position:absolute; left: .7em;}
.CtxtMenu_MenuRadioCheck.CtxtMenu_RTL {  right: .7em; left:auto}
.CtxtMenu_MenuInputBox {  padding-left: 1em; right:.5em; color:#666666;  font-family: null;}
.CtxtMenu_MenuInputBox.CtxtMenu_RTL {  left: .1em;}
.CtxtMenu_MenuComboBox {  left:.1em; padding-bottom:.5em;}
.CtxtMenu_MenuSlider {  left: .1em;}
.CtxtMenu_SliderValue {  position:absolute; right:.1em; padding-top:.25em; color:#333333;  font-size: .75em}
.CtxtMenu_SliderBar {  outline: none; background: #d3d3d3}
.CtxtMenu_MenuLabel {  padding: 1px 2em 3px 1.33em;  font-style:italic}
.CtxtMenu_MenuRule {  border-top: 1px solid #DDDDDD;  margin: 4px 3px;}
.CtxtMenu_MenuDisabled {  color:GrayText}
.CtxtMenu_MenuActive {  background-color: #606872;  color: white;}
.CtxtMenu_MenuDisabled:focus {  background-color: #E8E8E8}
.CtxtMenu_MenuLabel:focus {  background-color: #E8E8E8}
.CtxtMenu_ContextMenu:focus {  outline:none}
.CtxtMenu_ContextMenu .CtxtMenu_MenuItem:focus {  outline:none}
.CtxtMenu_SelectionMenu {  position:relative; float:left;  border-bottom: none; -webkit-box-shadow:none; -webkit-border-radius:0px; }
.CtxtMenu_SelectionItem {  padding-right: 1em;}
.CtxtMenu_Selection {  right: 40%; width:50%; }
.CtxtMenu_SelectionBox {  padding: 0em; max-height:20em; max-width: none;  background-color:#FFFFFF;}
.CtxtMenu_SelectionDivider {  clear: both; border-top: 2px solid #000000;}
.CtxtMenu_Menu .CtxtMenu_MenuClose {  top:-10px; left:-10px}
</style><style id="MJX-CHTML-styles">
mjx-container[jax="CHTML"] {
  line-height: 0;
}

mjx-container [space="1"] {
  margin-left: .111em;
}

mjx-container [space="2"] {
  margin-left: .167em;
}

mjx-container [space="3"] {
  margin-left: .222em;
}

mjx-container [space="4"] {
  margin-left: .278em;
}

mjx-container [space="5"] {
  margin-left: .333em;
}

mjx-container [rspace="1"] {
  margin-right: .111em;
}

mjx-container [rspace="2"] {
  margin-right: .167em;
}

mjx-container [rspace="3"] {
  margin-right: .222em;
}

mjx-container [rspace="4"] {
  margin-right: .278em;
}

mjx-container [rspace="5"] {
  margin-right: .333em;
}

mjx-container [size="s"] {
  font-size: 70.7%;
}

mjx-container [size="ss"] {
  font-size: 50%;
}

mjx-container [size="Tn"] {
  font-size: 60%;
}

mjx-container [size="sm"] {
  font-size: 85%;
}

mjx-container [size="lg"] {
  font-size: 120%;
}

mjx-container [size="Lg"] {
  font-size: 144%;
}

mjx-container [size="LG"] {
  font-size: 173%;
}

mjx-container [size="hg"] {
  font-size: 207%;
}

mjx-container [size="HG"] {
  font-size: 249%;
}

mjx-container [width="full"] {
  width: 100%;
}

mjx-box {
  display: inline-block;
}

mjx-block {
  display: block;
}

mjx-itable {
  display: inline-table;
}

mjx-row {
  display: table-row;
}

mjx-row > * {
  display: table-cell;
}

mjx-mtext {
  display: inline-block;
}

mjx-mstyle {
  display: inline-block;
}

mjx-merror {
  display: inline-block;
  color: red;
  background-color: yellow;
}

mjx-mphantom {
  visibility: hidden;
}

_::-webkit-full-page-media, _:future, :root mjx-container {
  will-change: opacity;
}

mjx-assistive-mml {
  position: absolute !important;
  top: 0px;
  left: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 1px 0px 0px 0px !important;
  border: 0px !important;
  display: block !important;
  width: auto !important;
  overflow: hidden !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

mjx-assistive-mml[display="block"] {
  width: 100% !important;
}

mjx-c::before {
  display: block;
  width: 0;
}

.MJX-TEX {
  font-family: MJXZERO, MJXTEX;
}

.TEX-B {
  font-family: MJXZERO, MJXTEX-B;
}

.TEX-I {
  font-family: MJXZERO, MJXTEX-I;
}

.TEX-MI {
  font-family: MJXZERO, MJXTEX-MI;
}

.TEX-BI {
  font-family: MJXZERO, MJXTEX-BI;
}

.TEX-S1 {
  font-family: MJXZERO, MJXTEX-S1;
}

.TEX-S2 {
  font-family: MJXZERO, MJXTEX-S2;
}

.TEX-S3 {
  font-family: MJXZERO, MJXTEX-S3;
}

.TEX-S4 {
  font-family: MJXZERO, MJXTEX-S4;
}

.TEX-A {
  font-family: MJXZERO, MJXTEX-A;
}

.TEX-C {
  font-family: MJXZERO, MJXTEX-C;
}

.TEX-CB {
  font-family: MJXZERO, MJXTEX-CB;
}

.TEX-FR {
  font-family: MJXZERO, MJXTEX-FR;
}

.TEX-FRB {
  font-family: MJXZERO, MJXTEX-FRB;
}

.TEX-SS {
  font-family: MJXZERO, MJXTEX-SS;
}

.TEX-SSB {
  font-family: MJXZERO, MJXTEX-SSB;
}

.TEX-SSI {
  font-family: MJXZERO, MJXTEX-SSI;
}

.TEX-SC {
  font-family: MJXZERO, MJXTEX-SC;
}

.TEX-T {
  font-family: MJXZERO, MJXTEX-T;
}

.TEX-V {
  font-family: MJXZERO, MJXTEX-V;
}

.TEX-VB {
  font-family: MJXZERO, MJXTEX-VB;
}

mjx-stretchy-v mjx-c, mjx-stretchy-h mjx-c {
  font-family: MJXZERO, MJXTEX-S1, MJXTEX-S4, MJXTEX, MJXTEX-A ! important;
}

@font-face /* 0 */ {
  font-family: MJXZERO;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Zero.woff") format("woff");
}

@font-face /* 1 */ {
  font-family: MJXTEX;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Main-Regular.woff") format("woff");
}

@font-face /* 2 */ {
  font-family: MJXTEX-B;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Main-Bold.woff") format("woff");
}

@font-face /* 3 */ {
  font-family: MJXTEX-I;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Math-Italic.woff") format("woff");
}

@font-face /* 4 */ {
  font-family: MJXTEX-MI;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Main-Italic.woff") format("woff");
}

@font-face /* 5 */ {
  font-family: MJXTEX-BI;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Math-BoldItalic.woff") format("woff");
}

@font-face /* 6 */ {
  font-family: MJXTEX-S1;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Size1-Regular.woff") format("woff");
}

@font-face /* 7 */ {
  font-family: MJXTEX-S2;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Size2-Regular.woff") format("woff");
}

@font-face /* 8 */ {
  font-family: MJXTEX-S3;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Size3-Regular.woff") format("woff");
}

@font-face /* 9 */ {
  font-family: MJXTEX-S4;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Size4-Regular.woff") format("woff");
}

@font-face /* 10 */ {
  font-family: MJXTEX-A;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_AMS-Regular.woff") format("woff");
}

@font-face /* 11 */ {
  font-family: MJXTEX-C;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Regular.woff") format("woff");
}

@font-face /* 12 */ {
  font-family: MJXTEX-CB;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Bold.woff") format("woff");
}

@font-face /* 13 */ {
  font-family: MJXTEX-FR;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Fraktur-Regular.woff") format("woff");
}

@font-face /* 14 */ {
  font-family: MJXTEX-FRB;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Fraktur-Bold.woff") format("woff");
}

@font-face /* 15 */ {
  font-family: MJXTEX-SS;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_SansSerif-Regular.woff") format("woff");
}

@font-face /* 16 */ {
  font-family: MJXTEX-SSB;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_SansSerif-Bold.woff") format("woff");
}

@font-face /* 17 */ {
  font-family: MJXTEX-SSI;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_SansSerif-Italic.woff") format("woff");
}

@font-face /* 18 */ {
  font-family: MJXTEX-SC;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Script-Regular.woff") format("woff");
}

@font-face /* 19 */ {
  font-family: MJXTEX-T;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Typewriter-Regular.woff") format("woff");
}

@font-face /* 20 */ {
  font-family: MJXTEX-V;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Vector-Regular.woff") format("woff");
}

@font-face /* 21 */ {
  font-family: MJXTEX-VB;
  src: url("https://cdn.jsdelivr.net/npm/mathjax@3/es5/output/chtml/fonts/woff-v2/MathJax_Vector-Bold.woff") format("woff");
}
</style></head>

<body ng-app="exampleApp" ng-controller="appCtrl" style="min-height: 480px;overflow: auto;">
    <!-- <div id="optiinhtml" otp-input-directive options="otpInput" style="display: none"></div> -->
    <!-- <span id="timestamp"></span><br><br>
			<span id="timestamp1"></span> -->
    <div id="buzzerrankdivid" style="display:none;height:100%;text-align: center;margin: 0px;">
        <!-- 
File Name: participantsbuzzrank.html
Game Mode: Buzz
Source File: loaded in index.php
Description: This screen display Who buzz first(display buzz rank- buzz rank template)
-->
<div style="height: 100%;margin: 0px;width: 100%" class="row">
    <div class="col-xl-4 col-lg-4 col-md-2 col-sm-1 col-xs-0"></div>
    <div class="col-xl-4 col-lg-4 col-md-8 col-sm-10 col-xs-12" style="height: 100%;padding: 0vw 4vw;overflow: hidden;">
        <div style="width:100%;height: 11%;margin:8px 0px;">
            <div style="width:25%;height:100%;display: flex;justify-content: center;align-items: center;float: left;">
                <span id="rankleaderboardiconbgid" class="animallistcircle">
                </span>
            </div>
            <div class="teamtitle">
                <span style="font-size: 27px;color: skyblue;" id="rankleaderuserid">
                    Blue Bunny
                </span>
            </div>
        </div>
        <div style="height: 54%;padding:0.5rem;display: initial;">
            <div style="margin-bottom:1vw;">
                <div style="width: 70%;display:flex;height: 100%;align-items: center;">
                    <span style="font-size: 1.6em;color:white;" id="buzuserspan">Buzz Users</span>
                </div>
            </div>
            <div id="rankleaderboardusersid" style="overflow: auto;height: 70%;overflow-x: hidden;">
            </div>      
        </div>
    </div>
    <div class="col-xl-4 col-lg-4 col-md-2 col-sm-1 col-xs-0"></div>
</div>
    
	    </div>
    <div id="contentdiv" class="row" style="height: 100%;text-align: center;margin: 0px;"><!-- 
File Name: codescreen.html
Game Mode: Buzz
Source File: templatecontroller.php(call from)
Description: Code scree Template(index page)
-->
<div id="codescreen" class="row" style="width: 100%;margin: 0px;">
    <div class="col-xl-4 col-lg-4 col-md-2 col-sm-1 col-xs-0"></div>
    <div id="codeenterblockdivid" class="col-xl-4 col-lg-4 col-md-8 col-sm-10 col-xs-12" style="height:95%;display:flex;align-items:center;justify-content:center;">
    	<div class="vertical-align">
            <div class="logo-div" style="margin:10px 0px;">
                <img src="./assets/img/TriviaMaker-Logo.png" style="width: 70%"><br>
            </div>
              <div id="refreshdivv" style="border-top:2px solid #fff;border-bottom:2px solid #fff;display: none;">
                <div style="padding:10px 0px;">
                    <span style="color: #f07065;" class="reentertitle">Looks like a game you were just in is still in progress...</span>
                </div>
                <div style="height: 90px;">
                    <div style="width:20%;float:left;height:80%;">
                        <div id="gamebgimage" style="display:flex;height:100%;background-image:url(https://triviamaker.com/TriviaMaker/Theme/v4/WOF/Defaulttheme/city.jpg);background-color:rgb(52,51,51);background-size:100% 100%;border-radius:10px;justify-content:center;align-items:center;position:relative;">
                            <img id="gamelogoimg" class="card-img-top" src="https://www.triviamaker.com/TriviaMaker/Theme/v4/WOF/wheellogo.png" style="position:absolute;height:100%;width:100%;object-fit:contain;padding:5px;" alt="Card image cap">
                        </div>
                    </div>
                    <div style="height: 80%;width:80%;/*65%;*/float: left;text-align: left;padding:0px 5px;color: #fff;">
                        <div id="gamenameid" style="font-size:1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">Minecraft Quiz: How Well Do You Know Minecraft? Find Out With This Mega Quiz!
                        </div>
                        <div style="height:40%;display: flex;justify-content: flex-start;align-items: center;align-content: center;font-size: 15px;">
                            <span class="continueasdiv" style="white-space: nowrap;">Continue as&nbsp;&nbsp; 
                                <span id="userintitalleter" style="background-color: thistle; display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; /*aspect-ratio: 1 / 1;*/ border-radius: 50%; color: rgb(33, 37, 41);padding:2px;">DP</span> &nbsp;&nbsp;
                                <span id="connectedparticipantid" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">Dipen Patel</span> 
                            </span>
                            <div style="height:100%;margin-left:auto;"><span style="display:flex;background-color:#f07065;color:#fff;border-radius:5px;align-items: center;padding: 0px 5px;height:100%;cursor:pointer;" class="rejoinbtn" onclick="opengameascontinue()">REJOIN</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-div">
                <div style="font-size:1.25rem;height:2.875rem;color:#fff;">
                    <span id="joingametext">Join Game</span>
                </div>
                <div id="codeerrorid" style="color:#ef4242;font-weight:600;font-size:20px;display:none;">
                    <span>Please enter code</span>
                </div>
                <div class="game-input">
                    <input type="text" maxlength="6" autocomplete="off" class="input-class" autofocus="" id="gameCode" placeholder="Game Code" onkeypress="allowNumbersOnly(event)" onpaste="pastefunction(event)">
                </div>
                <br>
                <input type="button" class="btn-submit" id="joinplayer" name="submit" value="Connect" onclick="addusersinTeam()">
            </div>
            <div class="footerdiv" id="footerdivid">
                <!-- Create Your Own Quiz for FREE at  -->
            	<span style="color: white;display: none;">
                    <a target="_blank" href="https://triviamaker.com/" style="color: white"><b>triviamaker.com</b></a>
                	<br>
                	<a target="_blank" href="https://triviamaker.com/terms-of-use/" style="color: white"> Terms </a>| <a target="_blank" href="https://triviamaker.com/privacypolicy/" style="color: white">Privacy</a>
                </span>
            </div>
    	</div>
    </div>
    <div class="col-xl-4 col-lg-4 col-md-2 col-sm-1 col-xs-0"></div>

    <div style="bottom: 0; left: 50%;transform: translate(-50%, -50%);font-size: 1rem;color: #fff;position: absolute; white-space: nowrap;">
        <div>Free <b><a href="https://triviamaker.com/" target="_blank" style="color:#fff;">Quiz Maker</a></b> </div>
          Create Fun Trivia Quizzes in Minutes
        </div>
         
</div>
  </div>
    <div id="overlay">
        <div id="counterdiv" class="counter-container" style="display: none">
            <div class="count-down">
                <div class="count" id="countContainer">
                </div>
            </div>
        </div>
        <div id="buzzerdiv" class="counter-container" onclick="clickbuzzer()" style="display: none;">
            <div style="text-align: center;">
                <img src="assets/img/buzzer.png" style="height: 250px;cursor: pointer;">
            </div>
            <div style="text-align: center;">
                <span id="buzzinbtntext" style="text-align: center;font-size: 40px;color: lightcoral; font-weight: bold;">BUZZ IN</span>
            </div>
        </div>
        <div id="buzzeduserdiv" class="counter-container" style="display: none;font-weight: bold;font-size: 50px;text-align: center;color:White;">
        </div>
        <div id="ldsspinner" class="lds-spinner">
            <img id="load-spinner" src="./assets/img/Webp.net-gifmaker.gif" style="height: 20%">
        </div>
    </div>

    <div id="landscapeMode" class="mobilportraitview" style="display:none;padding-top:5vh;text-align:center;">
        <div><img src="assets/img/landscaptext.webp" style="width: 250px"></div>
        <div style="padding-top: 5vw"><img src="assets/img/landscape-icon.webp" style="width: 120px"></div>
    </div>



<script src="https://www.googletagmanager.com/gtag/js?id=UA-161853649-1"></script>
<script>
window.dataLayer = window.dataLayer || [];

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

gtag('config', 'UA-161853649-1');
</script>



</body><!-- Global site tag (gtag.js) - Google Analytics --></html><!-- commands
6006 = enablebuzzer from controller(common)
6007 = controller give turn to user and display answerscreen to participants(common)
6009 = 	clear time out (common) clear fastest buzzer
6011 = boot from game 

Tivia==========
6008 = timeout from participants (trivia)
Feud ================
6010 = answer submit
 -->