CINXE.COM
You Make The Call | NFL Football Operations
<!DOCTYPE html> <html lang="en-US"> <head> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-NN3NNLK'); </script> <!-- End Google Tag Manager --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes"> <title>You Make The Call | NFL Football Operations</title> <meta name="description" content="See how you match up with NFL officials"> <link rel="canonical" href="https://operations.nfl.com/learn-the-game/making-the-call/you-make-the-call/" /> <link rel="stylesheet" href="/css/ymtc.min.css?v=yfANq8-DayWx2KAXiwTZv6qm83I-HeEkq78KIiH1XxY" /> <script> var NFLCMS = NFLCMS ? NFLCMS : {}; NFLCMS.nodeId = 1608 ; NFLCMS.contentType = "YouMakeTheCall"; </script> <script type="text/javascript">!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{ src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source crossOrigin: "anonymous", cfg: { // Application Insights Configuration connectionString: 'InstrumentationKey=5d8ffcd9-df72-4da4-a0a5-dde7e9dbf35c' }});</script></head> <body> <script type="text/plain" class="optanon-category-C0004"> window.fbAsyncInit = function () { FB.init({ appId: '651563978298394', autoLogAppEvents: true, xfbml: false, version: 'v2.12' }); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div class="ymtc"> <div class="overlay"></div> <div class="ymtc__inner"> <header class="headtitle"> <div id="AppTitle" class="headtitle__wrapper"> <img src="/images/css-assets/ymtc/ymtc-logo.svg" alt="NFL 'You Make The Call' Logo" /> </div> <div id="StopWatch"></div> </header> <!-- Paging Section --> <section> <div id="PagesContainer" data-endpoint="/Umbraco/Api/YMTCApi/ProcessQuiz" data-method="POST" data-trophy-img="/images/css-assets/ymtc/trophy.svg"> <!-- Intro Page --> <div id="Intro" class="page-container intro" data-quizid="7909" data-quizweek="You Make the Call"> <section class="center"> <ol id="StagesList" class="stages-list"> <li id="StageWatch" class="stage-watch"> <lottie-player src="https://lottie.host/274aa71d-1bbf-4e22-8f00-88c2e6a10406/kNni6BJNLu.json" background="transparent" speed="1" style="width: 200px; height: 200px;" loop autoplay></lottie-player><span class="stage-title">Watch The Replay</span> <div class="stages-list__img"><img src="/images/css-assets/ymtc/step-1-icon.svg" alt="" role="presentation"></div><span class="stage-description">Review three plays with multiple viewing angles.</span><br> </li> <li id="StageCall" class="stage-call"> <lottie-player src="https://lottie.host/7bd88008-8584-44d6-9b13-9e891d33c0ad/RNO4J7j4oP.json" background="transparent" speed="1" style="width: 200px; height: 200px;" loop autoplay></lottie-player><span class="stage-title">Make The Call</span> <div class="stages-list__img"><img src="/images/css-assets/ymtc/step-2-icon.svg" alt="" role="presentation"></div><span class="stage-description">Should the ruling on the field stand or be reversed? You make the call!</span> </li> <li id="StageRule" class="stage-rule"> <lottie-player src="https://lottie.host/77beb7cd-5973-428f-a11b-32213bc1d373/NBHY1vE88H.json" background="transparent" speed="1" style="width: 200px; height: 200px;" loop autoplay></lottie-player><span class="stage-title">Get The Ruling</span> <div class="stages-list__img"><img src="/images/css-assets/ymtc/step-3-icon.svg" alt="" role="presentation"></div><span class="stage-description">See how well you did and how you measure up against other fans.</span> </li> </ol> <div class="intro__start"> <a id="ButtonStart" href="#" class="btn--ymtc">Start Here</a> </div> </section> </div> <!-- Play Page (79091) --> <div data-playid="79091" class="page-container game-page"> <section> <div class="game-page__game-title"> <div> <h1>You Make the Call: Dallas @ Philadelphia</h1> <div class="play-title">Catch by Noah Brown - complete or incomplete? </div> </div> <a href="/" class="back-btn">Back to NFL Ops</a> </div> <div class="quiz-content-wrapper"> <!-- Quiz Sub Pages --> <!-- Play --> <div class="quiz-subpage-container videos-container"> <div class="video-iframe-container"></div> <div class="video-links-container"> <div class="video-links-shape"></div> <div class="video-link"> <a href="#" data-href="826331143"><img /></a> <div class="video-link-overlay islive"> <div class="video-link-title">Original Play</div> </div> </div> <div class="video-link"> <a href="#" data-href="826331232"><img /></a> <div class="video-link-overlay "> <div class="video-link-title">Replay 1</div> </div> </div> <div class="video-link"> <a href="#" data-href="826331270"><img /></a> <div class="video-link-overlay "> <div class="video-link-title">Replay 2</div> </div> </div> </div> </div> <!-- Play Choices --> <div class="make-the-call-container" data-isconfirmed="False"> <div class="mtc-container"> <div> <h2>Make The Call </h2> <div class="progress-bar"> <div class="progress-fill" style="width: 0%"></div> <div class="playnodetext" style="left: -3%">Play 1 </div> <div class="playnodetext" style="left: 47%">Play 2 </div> <div class="playnodetext" style="left: 97%">Play 3 </div> <div class="playnode active" style="left: 0%"><span></span></div> <div class="playnode " style="left: 50%"><span></span></div> <div class="playnode " style="left: 100%"><span></span></div> </div> </div> <p class="mtc-ruling">The ruling on the field <span>is a completed pass. </span></p> <div class="question-container"> <div class="question-choices"> <div class="question-choice"> <input type="radio" name="play-79091-choice" id="play-79091-choice-confirm" value="1" /><label class="question-choice__btn btn--ymtc" for="play-79091-choice-confirm">Stands</label> </div> <div class="question-choice"> <input type="radio" name="play-79091-choice" id="play-79091-choice-overrule" value="0" /><label class="question-choice__btn btn--ymtc" for="play-79091-choice-overrule">Reversed</label> </div> </div> <div class="question-timer-container"> <span class="time-elapsed">Time Elapsed</span> <div class="question-timer"><img src="/images/css-assets/ymtc/icon-time.svg" alt="Question timer icon" />00:00</div> </div> </div> <a class="rule-hint-link" href="#"><span>?</span>Show me the rule</a> </div> </div> <!-- Answer --> <div class="quiz-subpage-container answer-wrapper"> <div class="video-iframe-container"></div> <div class="answer-container" data-videourl="826331358"> <h2>After Further Review:</h2> <div class="answer-summary"> <img class="incorrect-img" src="/images/css-assets/ymtc/icon-incorrect.svg" alt="incorrect" /> <img class="correct-img" src="/images/css-assets/ymtc/icon-correct.svg" alt="correct" /> <div class="answer-summary__grading"> <p class="answer-grade"></p> <p class="answer-ruling"></p> </div> </div> </div> <div class="rule-hint-container"> <div class="rule-hint-container__wrapper"> <h2 class="rule-title">Rule hint:</h2> <div class="rule-hint"> <h5 class="article"><strong>ARTICLE 4. INCOMPLETE PASS</strong></h5> <p>Any forward pass (legal or illegal) is incomplete and the ball is dead immediately if the pass strikes the ground or goes out of bounds. An incomplete pass is a loss of down, and the ball returns to the previous spot.</p> <p class="note"><strong><em>Note: </em></strong><em>If there is any question whether a forward pass is complete, intercepted, or incomplete, it is to be ruled incomplete.</em></p> <p>A catch is made when a player inbounds secures possession of a pass, kick, or fumble that is in flight. An interception is made when an opponent who is inbounds catches a forward or backward pass or a fumble that has not touched the ground.</p> <p class="note"><strong>Notes:</strong></p> <ol class="par-decimal-par"> <li><em>It is a catch, or an interception, if, in the process of attempting to possess the ball, a player secures control of the ball prior to it touching the ground, and that control is maintained during and after the ball has touched the ground.</em></li> <li><em>In the field of play, if a catch or interception has been completed, and the ball comes loose before the player is down by contact, it is a fumble, and the ball remains alive. It is also a fumble if the action occurs in the end zone of the player who caught the loose ball. If the action occurs in the opponent’s end zone, it is a touchdown or a touchback.</em></li> </ol> </div> </div> </div> </div> </div> </section> <lottie-player class="correct-anim" src="https://lottie.host/b6454799-c518-4795-89e3-b46d02fc6cc1/jPOgPDVuah.json" background="transparent" speed="1" style="width: 500px; height: 500px;" loop autoplay></lottie-player> <lottie-player class="incorrect-anim" src="https://lottie.host/15e9946d-d681-414e-8579-990f4131dec6/lLrrS2P1zh.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></lottie-player> </div> <!-- Play Page (79092) --> <div data-playid="79092" class="page-container game-page"> <section> <div class="game-page__game-title"> <div> <h1>You Make the Call: San Francisco @ Chicago </h1> <div class="play-title">Pass to Ryan Griffen - complete or incomplete?</div> </div> <a href="/" class="back-btn">Back to NFL Ops</a> </div> <div class="quiz-content-wrapper"> <!-- Quiz Sub Pages --> <!-- Play --> <div class="quiz-subpage-container videos-container"> <div class="video-iframe-container"></div> <div class="video-links-container"> <div class="video-links-shape"></div> <div class="video-link"> <a href="#" data-href="829450249"><img /></a> <div class="video-link-overlay islive"> <div class="video-link-title">Original Play</div> </div> </div> <div class="video-link"> <a href="#" data-href="826313182"><img /></a> <div class="video-link-overlay "> <div class="video-link-title">Replay 1</div> </div> </div> <div class="video-link"> <a href="#" data-href="826313218"><img /></a> <div class="video-link-overlay "> <div class="video-link-title">Replay 2</div> </div> </div> </div> </div> <!-- Play Choices --> <div class="make-the-call-container" data-isconfirmed="False"> <div class="mtc-container"> <div> <h2>Make The Call </h2> <div class="progress-bar"> <div class="progress-fill" style="width: 50%"></div> <div class="playnodetext" style="left: -3%">Play 1 </div> <div class="playnodetext" style="left: 47%">Play 2 </div> <div class="playnodetext" style="left: 97%">Play 3 </div> <div class="playnode active" style="left: 0%"><span></span></div> <div class="playnode active" style="left: 50%"><span></span></div> <div class="playnode " style="left: 100%"><span></span></div> </div> </div> <p class="mtc-ruling">The ruling on the field <span>is a completed pass. </span></p> <div class="question-container"> <div class="question-choices"> <div class="question-choice"> <input type="radio" name="play-79092-choice" id="play-79092-choice-confirm" value="1" /><label class="question-choice__btn btn--ymtc" for="play-79092-choice-confirm">Stands</label> </div> <div class="question-choice"> <input type="radio" name="play-79092-choice" id="play-79092-choice-overrule" value="0" /><label class="question-choice__btn btn--ymtc" for="play-79092-choice-overrule">Reversed</label> </div> </div> <div class="question-timer-container"> <span class="time-elapsed">Time Elapsed</span> <div class="question-timer"><img src="/images/css-assets/ymtc/icon-time.svg" alt="Question timer icon" />00:00</div> </div> </div> <a class="rule-hint-link" href="#"><span>?</span>Show me the rule</a> </div> </div> <!-- Answer --> <div class="quiz-subpage-container answer-wrapper"> <div class="video-iframe-container"></div> <div class="answer-container" data-videourl="826313290"> <h2>After Further Review:</h2> <div class="answer-summary"> <img class="incorrect-img" src="/images/css-assets/ymtc/icon-incorrect.svg" alt="incorrect" /> <img class="correct-img" src="/images/css-assets/ymtc/icon-correct.svg" alt="correct" /> <div class="answer-summary__grading"> <p class="answer-grade"></p> <p class="answer-ruling"></p> </div> </div> </div> <div class="rule-hint-container"> <div class="rule-hint-container__wrapper"> <h2 class="rule-title">Rule hint:</h2> <div class="rule-hint"> <h5 class="article"><strong>ARTICLE 4. INCOMPLETE PASS</strong></h5> <p>Any forward pass (legal or illegal) is incomplete and the ball is dead immediately if the pass strikes the ground or goes out of bounds. An incomplete pass is a loss of down, and the ball returns to the previous spot.</p> <p class="note"><strong><em>Note: </em></strong><em>If there is any question whether a forward pass is complete, intercepted, or incomplete, it is to be ruled incomplete.</em></p> <p>A catch is made when a player inbounds secures possession of a pass, kick, or fumble that is in flight. An interception is made when an opponent who is inbounds catches a forward or backward pass or a fumble that has not touched the ground.</p> <p class="note"><strong>Notes:</strong></p> <ol class="par-decimal-par"> <li><em>It is a catch, or an interception, if, in the process of attempting to possess the ball, a player secures control of the ball prior to it touching the ground, and that control is maintained during and after the ball has touched the ground.</em></li> <li><em>In the field of play, if a catch or interception has been completed, and the ball comes loose before the player is down by contact, it is a fumble, and the ball remains alive. It is also a fumble if the action occurs in the end zone of the player who caught the loose ball. If the action occurs in the opponent’s end zone, it is a touchdown or a touchback.</em></li> </ol> </div> </div> </div> </div> </div> </section> <lottie-player class="correct-anim" src="https://lottie.host/b6454799-c518-4795-89e3-b46d02fc6cc1/jPOgPDVuah.json" background="transparent" speed="1" style="width: 500px; height: 500px;" loop autoplay></lottie-player> <lottie-player class="incorrect-anim" src="https://lottie.host/15e9946d-d681-414e-8579-990f4131dec6/lLrrS2P1zh.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></lottie-player> </div> <!-- Play Page (79093) --> <div data-playid="79093" class="page-container game-page"> <section> <div class="game-page__game-title"> <div> <h1>You Make the Call: Tampa Bay @ Cleveland </h1> <div class="play-title">Catch by David Njoku - first down or short of the marker? </div> </div> <a href="/" class="back-btn">Back to NFL Ops</a> </div> <div class="quiz-content-wrapper"> <!-- Quiz Sub Pages --> <!-- Play --> <div class="quiz-subpage-container videos-container"> <div class="video-iframe-container"></div> <div class="video-links-container"> <div class="video-links-shape"></div> <div class="video-link"> <a href="#" data-href="826333678"><img /></a> <div class="video-link-overlay islive"> <div class="video-link-title">Original Play</div> </div> </div> <div class="video-link"> <a href="#" data-href="826333728"><img /></a> <div class="video-link-overlay "> <div class="video-link-title">Replay 1</div> </div> </div> <div class="video-link"> <a href="#" data-href="826333809"><img /></a> <div class="video-link-overlay "> <div class="video-link-title">Replay 2</div> </div> </div> </div> </div> <!-- Play Choices --> <div class="make-the-call-container" data-isconfirmed="True"> <div class="mtc-container"> <div> <h2>Make The Call </h2> <div class="progress-bar"> <div class="progress-fill" style="width: 100%"></div> <div class="playnodetext" style="left: -3%">Play 1 </div> <div class="playnodetext" style="left: 47%">Play 2 </div> <div class="playnodetext" style="left: 97%">Play 3 </div> <div class="playnode active" style="left: 0%"><span></span></div> <div class="playnode active" style="left: 50%"><span></span></div> <div class="playnode active" style="left: 100%"><span></span></div> </div> </div> <p class="mtc-ruling">The ruling on the field <span>is short of the marker. </span></p> <div class="question-container"> <div class="question-choices"> <div class="question-choice"> <input type="radio" name="play-79093-choice" id="play-79093-choice-confirm" value="1" /><label class="question-choice__btn btn--ymtc" for="play-79093-choice-confirm">Stands</label> </div> <div class="question-choice"> <input type="radio" name="play-79093-choice" id="play-79093-choice-overrule" value="0" /><label class="question-choice__btn btn--ymtc" for="play-79093-choice-overrule">Reversed</label> </div> </div> <div class="question-timer-container"> <span class="time-elapsed">Time Elapsed</span> <div class="question-timer"><img src="/images/css-assets/ymtc/icon-time.svg" alt="Question timer icon" />00:00</div> </div> </div> <a class="rule-hint-link" href="#"><span>?</span>Show me the rule</a> </div> </div> <!-- Answer --> <div class="quiz-subpage-container answer-wrapper"> <div class="video-iframe-container"></div> <div class="answer-container" data-videourl="826333887"> <h2>After Further Review:</h2> <div class="answer-summary"> <img class="incorrect-img" src="/images/css-assets/ymtc/icon-incorrect.svg" alt="incorrect" /> <img class="correct-img" src="/images/css-assets/ymtc/icon-correct.svg" alt="correct" /> <div class="answer-summary__grading"> <p class="answer-grade"></p> <p class="answer-ruling"></p> </div> </div> </div> <div class="rule-hint-container"> <div class="rule-hint-container__wrapper"> <h2 class="rule-title">Rule hint:</h2> <div class="rule-hint"> <h5 class="article"><strong>ARTICLE 5. FIRST DOWN</strong></h5> <p>The initial down in each series is the First Down. If it is a charged down, subsequent charged downs are numbered consecutively (i.e., second down, third down, or fourth down) until a new series is declared for either team (<a href="https://operations.nfl.com/the-rules/2020-nfl-rulebook/#section-3-new-series-of-downs">7-3</a>).</p> <h5 class="article">ARTICLE 3. PLAYS INVOLVING TOUCHING OF EITHER THE BALL OR THE GROUND</h5> <p class="item"><strong>Item 1. Down by Contact. </strong>Whether a player was down by contact while in possession of the ball.</p> </div> </div> </div> </div> </div> </section> <lottie-player class="correct-anim" src="https://lottie.host/b6454799-c518-4795-89e3-b46d02fc6cc1/jPOgPDVuah.json" background="transparent" speed="1" style="width: 500px; height: 500px;" loop autoplay></lottie-player> <lottie-player class="incorrect-anim" src="https://lottie.host/15e9946d-d681-414e-8579-990f4131dec6/lLrrS2P1zh.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></lottie-player> </div> <!-- Stats Page --> <div id="Stats" class="page-container game-page stats-page"> <div class="stats-page__top"> <h1 class="page-title">Your Stats</h1> <a href="/" class="back-btn">Back to NFL Ops</a> </div> <div class="stats-page__inner"> <div id="StatsTitle" class="stats-title"> <div class="stats-title__trophy"> <div class="trophy-star level-one"> <img class="stats-title__stars" src="/images/css-assets/ymtc/star-rating-1-vertical.svg" alt="NFL ‘You Make The Call’ Rating 1 star" /> </div> <div class="trophy-star level-two"> <img class="stats-title__stars" src="/images/css-assets/ymtc/star-rating-2-vertical.svg" alt="NFL ‘You Make The Call’ Rating 2 star" /> </div> <div class="trophy-star level-three"> <img class="stats-title__stars" src="/images/css-assets/ymtc/star-rating-3-vertical.svg" alt="NFL ‘You Make The Call’ Rating 3 star" /> </div> <img class="stats-title__trophy-img" src="/images/css-assets/ymtc/trophy.svg"> </div> </div> <div class="stats-details"> <section> <div class="officiating-level"> <img class="officiating-level__icon" src="/images/css-assets/ymtc/icon-level.svg" alt="officiating level icon"> <div class="officiating-level__wrapper"> <div> <div class="officiating-level__title">Officiating Level:</div> <div id="StatsLevelContainer" class="officiating-level__rank"><span class="place-holder"></span></div> </div> <div class="officiating-star level-one"> <img class="officiating-level__stars" src="/images/css-assets/ymtc/star-rating-1.svg" alt="NFL ‘You Make The Call’ Officiating Rating 1 Star" /> </div> <div class="officiating-star level-two"> <img class="officiating-level__stars" src="/images/css-assets/ymtc/star-rating-2.svg" alt="NFL ‘You Make The Call’ Officiating Rating 2 Star" /> </div> <div class="officiating-star level-three"> <img class="officiating-level__stars" src="/images/css-assets/ymtc/star-rating-3.svg" alt="NFL ‘You Make The Call’ Officiating Rating 3 Star" /> </div> </div> </div> <div id="StatsDetailContainer" class="accuracy-level"> <div class="accuracy-level__accuracy"> <img src="/images/css-assets/ymtc/icon-accuracy.svg" alt="officiating level icon"> <div> <div class="accuracy-level__title">Play call accuracy:</div> <div id="StatsCorrectContainer"><span class="place-holder"></span></div> </div> </div> <div class="accuracy-level__time"> <img src="/images/css-assets/ymtc/icon-time-per-play.svg" alt="officiating level icon"> <div> <div class="accuracy-level__title">Average time per play:</div> <div id="StatsAverageTimeContainer"><span class="place-holder"></span></div> </div> </div> </div> </section> <section> <div id="MeasureUpTitle" class="measure-up"> <h1>How you measure up</h1> </div> <div class="measure-up__inner"> <div id="StatsSkillContainer" class="stats-skills"> <div id="SkillDonutMeter"> <div class="donut-meter"> <div class="outer-circle"> <div class="quads--first"> <div class="quad"></div> <div class="quad"></div> <div class="quad"></div> </div> <div class="quads--cover"> <div class="quad"></div> <div class="quad"></div> </div> <div class="quads--last"> <div class="quad"></div> </div> </div> <div class="inner-circle"> <div class="percentage"></div> </div> </div> </div> <div id="StatsSkill" class="stats-skills__skills"> <h2>Skill</h2> <div>You scored higher than <span class="place-holder"></span> of fans</div> </div> </div> <div id="StatsSpeedContainer" class="stats-speed"> <div id="SpeedDonutMeter"> <div class="donut-meter"> <div class="outer-circle"> <div class="quads--first"> <div class="quad"></div> <div class="quad"></div> <div class="quad"></div> </div> <div class="quads--cover"> <div class="quad"></div> <div class="quad"></div> </div> <div class="quads--last"> <div class="quad"></div> </div> </div> <div class="inner-circle"> <div class="percentage"></div> </div> </div> </div> <div id="StatsSpeed" class="stats-speed__speed"> <h2>Speed</h2> <div>Your average time per play was faster than <span class="place-holder"></span> of fans</div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> </div> <script src="https://cdn.jsdelivr.net/npm/shepherd.js@11.1.0/dist/js/shepherd.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/shepherd.js@11.1.0/dist/css/shepherd.css" /> <script src="https://unpkg.com/@lottiefiles/lottie-player@1.7.1/dist/lottie-player.js"></script> <script src="/js/ymtc.js?v=uCWuIgI25QY9a6Ug1KzPYwvyAwaDRID-9ole-f77b2Y"></script> </body> </html>