JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<<nobr>> /% set variables %/ <<set $component = "Tip-off Letter">> <<set $prevScene = "">> <<set $nextScene = "C01-V010">> <<set $audioAssist = "C01-A010A">> /% display page %/ <<script>> $(".header-fixed-block").addClass("hidden"); $(".footer-fixed-block").addClass("hidden"); $(".canvas-block").addClass("intro-padding"); $(".canvas-block").addClass("no-background"); $(".section").addClass("black-background"); <</script>> <<hypeEmbed C01-H010-V12 placebo>> <<hypeCode C01-H010-V12>> function startExperience() { $(".header-fixed-block").removeClass("hidden"); $(".footer-fixed-block").removeClass("hidden"); $(".canvas-block").removeClass("intro-padding"); $(".canvas-block").removeClass("no-background"); $(".section").removeClass("black-background"); window.SugarCube.Engine.play("C01-V010"); } $('#hypeClickToStartBtn').click(function() { setTimeout(startExperience, 9000); }); <</hypeCode>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C01-V010]]</div> <</nobr>>
/% Special code that triggers at startup %/ <<set $inventory to []>> <<done>> <<script>> /* Remove all of the default Sugarcube Style Sheets */ $("#style-normalize").remove(); $("#style-init-screen").remove(); $("#style-font").remove(); $("#style-core").remove(); $("#style-core-passage").remove(); $("#style-core-macro").remove(); $("#style-ui-dialog").remove(); $("#style-ui").remove(); $("#style-ui-debug").remove(); $("#style-aria-outlines").remove(); /* Remove any other default div/element we don't need */ $("#ui-dialog-titlebar").remove(); $("#init-screen").remove(); <</script>> <</done>>
/% Special passage that triggers after every passage has rendered %/ <<nobr>> <<inventory>> <<replace "#interaction">> <</replace>> <<replace "#component">>$component<</replace>> <<replace "#audioAssistLabel">>AUDIO ASSIST<</replace>> /% If we've visited the any of the key pages, enable the quick links %/ <<if $C01P010 == true>> <<script>> $("#tipoff-icon").removeClass("hidden"); <</script>> <</if>> <<if $C03V010 == true>> <<script>> $("#synopsis-icon").removeClass("hidden"); <</script>> <</if>> <<if $C04H010 == true>> <<script>> $("#crimeboard-icon").removeClass("hidden"); <</script>> <</if>> <<if $C13V010 == true>> <<script>> $("#evidence-icon").removeClass("hidden"); <</script>> <</if>> <</nobr>> <<script>> /* reset the classes of the passage container */ $("#passages-container").removeClass(); $("#passages-container").addClass("canvas-block"); $("#passages-container").addClass("question-bg"); /* remove the no-background tag if it's been added on a previous screen */ $(".canvas-block").removeClass("no-background"); $(".canvas-block").removeClass("black-background"); <</script>> /% If we've arrived via the shortcut, make sure we return to where we were when we next or previous %/ <<if $returnPage is not undefined && $returnPage is not "">> <<set $prevScene = $returnPage>> <<set $nextScene = $returnPage>> <</if>>
<div id="inventory" hidden>INVENTORY</div> <div class="section"> <div class="container"> <!-- Header Div --> <div class="header-fixed-block"> <!-- Menu Block --> <div class="menu-block"> <div class="offcanvas-menu"> <input type="checkbox" id="toogle-menu" /> <div class="btn-block btn-nav"> <label for="toogle-menu" class="toggle-open"> <div class="btn-block-txt"><i class="fa fa-bars bump-right"></i>Menu</div> </label> </div> <nav> <div> <label for="toogle-menu" class="toogle-close"><i class="fa fa-close bump-right"></i>Close Menu</label> </div> <ul> <li><a id="restart" href="#">Restart</a></li> <li><a id="credits" href="#" data-target-passage="Credits">Credits</a></li> <li><a href="https://www.sheffieldtheatres.co.uk" target="_blank">Sheffield Theatres</a></li> <li><a href="https://www.sheffieldtheatres.co.uk/legal/privacy-policy" target="_blank">Privacy Policy</a></li> <li><a href="https://www.sheffieldtheatres.co.uk/terms-and-conditions" target="_blank">Terms & Conditions</a></li> <li><a href="https://www.sheffieldtheatres.co.uk/about/contact-us" target="_blank">Contact Us</a></li> <li><a href="https://www.rampsonthemoon.co.uk/the-tour/" target="_blank">Ramps On The Moon</a></li> <li><a href="https://www.tsium.com" target="_blank">Tsium Software</a></li> </ul> </nav> </div> </div> <!-- Items Block Left --> <div class="items-block-left"> <a href="#" id="tipoff-icon" data-target-passage="C01-V010" class="item-block force-inline-block image-btn-pulse hidden"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/tippoff-letter-icon-150px.png" loading="lazy" alt="" width="60"> </a> <a href="#" id="synopsis-icon" data-target-passage="C03-V010" class="item-block force-inline-block image-btn-pulse hidden"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/synopsis-icon-150px.png" loading="lazy" alt="" width="60"> </a> </div> <!-- Central Title Block --> <div class="main-title-block text-shadow"> <div class="subtitle">The Night Constable</div> <h1 id="component" class="heading-5"> </h1> </div> <!-- Items Block Right --> <div class="items-block-right"> <a href="#" id="crimeboard-icon" data-target-passage="C04-H010" class="item-block force-inline-block image-btn-pulse hidden"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/crimeboard-icon-150px.png" loading="lazy" alt="" width="60"> </a> <a href="#" id="evidence-icon" data-target-passage="C18-H010" class="item-block force-inline-block image-btn-pulse hidden"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/evidence-bag-icon-150px.png" loading="lazy" alt="" width="60"> </a> </div> <!-- Audio Assist Block --> <div class="audio-desc-block"> <a id="audioAssist" href="#" class="btn-block btn-nav"> <div class="btn-block-txt"> <span id="audioAssistLabel">Audio Assist </span> <i class="fa fa-volume-up bump-left"></i> </div> </a> </div> </div> <!-- Action Canvas 1280px by 720px --> <div id="passages-container" class="canvas-block question-bg"> <div id="passages"></div> </div> <!-- Footer --> <div class="footer-fixed-block"> <div class="previous-block"> <!-- Button --> <a id="PrevScene" href="#" class="btn-block btn-nav"> <div class="btn-block-txt"> <i class="fa fa-angle-left bump-right"></i> Previous Scene </div> </a> </div> <div class="interaction-block"> <h2 id="interaction"> </h2> </div> <div class="next-block"> <!-- Button --> <a id="NextScene" href="#" class="btn-block btn-nav"> <div class="btn-block-txt"> Next Scene <i class="fa fa-angle-right bump-left"></i> </div> </a> </div> </div> <div class="copyright-block"> <h6>The Night Constable Digital Experience. Sheffield Theatres © 2022</h6> </div> </div> </div>
/% A widget which replaces the inventory div with the inventory passage %/ <<widget 'inventory'>>\ <<nobr>> <<replace "#inventory">>\ <<include "inventory">> <</replace>> <</nobr>>\ <</widget>>
/% Output the inventory %/
<<nobr>> /% set variables %/ <<set $component = "Tip-off Letter">> <<set $prevScene = "">> <<set $nextScene = "C02-V010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699403?h=5b294d642d" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C02-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Verges At The Door">> <<set $prevScene = "C01-V010">> <<set $nextScene = "C03-V010">> <<set $audioAssist = "AA-VID">> /% Set a flag to show we've visited the tip-off letter %/ <<set $C01P010 = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699433?h=e87b566cc3" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C03-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "The Story So Far">> <<set $prevScene = "C02-V010">> <<set $nextScene = "C04-H010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699464?h=fc2434a19f" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C04-H010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Crime Board">> <<set $prevScene = "C03-V010">> <<set $nextScene = "">> <<set $audioAssist = "C04-A010A">> <<if $C04H010 == "undefined">><<set $C04H010 = false>><</if>> /% Set a flag to show we've visited the synopsis letter %/ <<set $C03V010 = true>> /% display page %/ <<hypeEmbed C04-H010-V12 placebo>> <<hypeCode C04-H010-V12>> function MyHypeSceneLoad(hypeDocument, element, event) { console.log("HYPE SCENE LOADED " + new Date()); Twine.State.variables.nextScene ="C05-V010"; window.HYPE_eventListeners.pop({"type":"HypeSceneLoad", "callback":MyHypeSceneLoad}); } if("HYPE_eventListeners" in window === false) { window.HYPE_eventListeners = Array(); } window.HYPE_eventListeners.push({"type":"HypeSceneLoad", "callback":MyHypeSceneLoad}); var Twine = hypeDocument.getTwineContext(); if(Twine.State.variables.C04H010 == true) hypeDocument.showNextScene(); Twine.State.variables.C04H010 = true; <</hypeCode>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C05-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "CCTV Footage">> <<set $prevScene = "C04-H010">> <<set $nextScene = "C05-Q010">> <<set $audioAssist = "AA-VID">> /% Set a flag to show we've visited the crimeboard %/ <<set $C04H010 = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699492?h=76a6c715bf" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C05-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "CCTV Footage">> <<set $prevScene = "C05-V010">> <<set $nextScene = "">> <<set $audioAssist = "C05-A010A">> <<if $C05Q010 is true>><<set $nextScene = "C06-V010">><</if>> /% display page %/ <!-- Question Row 1 --> <div class="question-row"> <h4>Oh, the illegitimate brother!</h4> <h3><strong>He looks very:</strong></h3> </div> <!-- Answers Section Row 1 --> <div class="answer-columns-flex"> <!-- Answer A --> <div class="answer-block answer-correct"> <a href="#" id="C05Q010A" data-success="C05Q010" data-selection-audio="C05-A020" data-message="We’ll keep an eye on that one!" data-next-scene="C06-V010" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">A. Suspicious</div> </a> <a href="#" id="C05Q010A-AA" data-audio-assist="C05-A010A1" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers B --> <div class="answer-block"> <a href="#" id="C05Q010B" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">B. Delighted</div> </a> <a href="#" id="C05Q010B-AA" data-audio-assist="C05-A010A2" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 2 --> <div class="answer-columns-flex"> <!-- Answers C --> <div class="answer-block answer-correct"> <a href="#" id="C05Q010C" data-success="C05Q010" data-selection-audio="C05-A020" data-message="We’ll keep an eye on that one!" data-next-scene="C06-V010" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">C. Pensive</div> </a> <a href="#" id="C05Q010C-AA" data-audio-assist="C05-A010A3" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers D --> <div class="answer-block"> <a href="#" id="C05Q010D" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">D. Scared</div> </a> <a href="#" id="C05Q010D-AA" data-audio-assist="C05-A010A4" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> /% Set the buttons according to how they were previous displayed if revisiting %/ <<done>> <<if $C05Q010A == true>> <<script>> $("#C05Q010A").addClass("btn-correct"); $("#C05Q010A").removeClass("btn-neutral"); $("#C05Q010A").next().addClass("btn-correct"); $("#C05Q010A").next().removeClass("btn-neutral"); $("#C05Q010A").attr("disabled",true); $("#C05Q010A").next().attr("disabled",true); <</script>> <</if>> <<if $C05Q010B == true>> <<script>> $("#C05Q010B").addClass("btn-wrong"); $("#C05Q010B").removeClass("btn-neutral"); $("#C05Q010B").next().addClass("btn-wrong"); $("#C05Q010B").next().removeClass("btn-neutral"); $("#C05Q010B").attr("disabled",true); $("#C05Q010B").next().attr("disabled",true); <</script>> <</if>> <<if $C05Q010C == true>> <<script>> $("#C05Q010C").addClass("btn-correct"); $("#C05Q010C").removeClass("btn-neutral"); $("#C05Q010C").next().addClass("btn-correct"); $("#C05Q010C").next().removeClass("btn-neutral"); $("#C05Q010C").attr("disabled",true); $("#C05Q010C").next().attr("disabled",true); <</script>> <</if>> <<if $C05Q010D == true>> <<script>> $("#C05Q010D").addClass("btn-wrong"); $("#C05Q010D").removeClass("btn-neutral"); $("#C05Q010D").next().addClass("btn-wrong"); $("#C05Q010D").next().removeClass("btn-neutral"); $("#C05Q010D").attr("disabled",true); $("#C05Q010D").next().attr("disabled",true); <</script>> <</if>> /% If the answer has been given, disable all the buttons %/ <<if $C05Q010 == true>> <<script>> $("#C05Q010A").closest("div.passage").find("a").attr("disabled",true); <</script>> <</if>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C06-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Benedick and Beatrice">> <<set $prevScene = "C05-Q010">> <<set $nextScene = "C06-Q010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699517?h=6abf705cb9" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C06-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Benedick and Beatrice">> <<set $prevScene = "C06-V010">> <<set $nextScene = "">> <<set $audioAssist = "C06-A010A">> <<if $C06Q010 is true>><<set $nextScene = "C07-V010">><</if>> /% display page %/ <!-- Question Row 1 --> <div class="question-row"> <h4>Oh blimey Constable!</h4> <h3><strong>It's obvious Benedick and Beatrice really:</strong></h3> </div> <!-- Answers Section Row 1 --> <div class="answer-columns-flex"> <!-- Answer A --> <div class="answer-block"> <a href="#" id="C06Q010A" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">A. Love each other</div> </a> <a href="#" id="C06Q010A-AA" data-audio-assist="C06-A010A1" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers B --> <div class="answer-block answer-correct"> <a href="#" id="C06Q010B" data-success="C06Q010" data-selection-audio="C06-A020" data-message="Agreed, Verges. What a pair!" data-next-scene="C07-V010" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">B. Hate each other</div> </a> <a href="#" id="C06Q010B-AA" data-audio-assist="C06-A010A2" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 2 --> <div class="answer-columns-flex"> <!-- Answers C --> <div class="answer-block"> <a href="#" id="C06Q010C" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">C. Find each other boring</div> </a> <a href="#" id="C06Q010C-AA" data-audio-assist="C06-A010A3" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers D --> <div class="answer-block answer-correct"> <a href="#" id="C06Q010D" data-success="C06Q010" data-selection-audio="C06-A020" data-message="Agreed, Verges. What a pair!" data-next-scene="C07-V010" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">D. Enjoy tormenting each other</div> </a> <a href="#" id="C06Q010D-AA" data-audio-assist="C06-A010A4" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> /% Set the buttons according to how they were previous displayed if revisiting %/ <<done>> <<if $C06Q010A == true>> <<script>> $("#C06Q010A").addClass("btn-wrong"); $("#C06Q010A").removeClass("btn-neutral"); $("#C06Q010A").next().addClass("btn-wrong"); $("#C06Q010A").next().removeClass("btn-neutral"); $("#C06Q010A").attr("disabled",true); $("#C06Q010A").next().attr("disabled",true); <</script>> <</if>> <<if $C06Q010B == true>> <<script>> $("#C06Q010B").addClass("btn-correct"); $("#C06Q010B").removeClass("btn-neutral"); $("#C06Q010B").next().addClass("btn-correct"); $("#C06Q010B").next().removeClass("btn-neutral"); $("#C06Q010B").attr("disabled",true); $("#C06Q010B").next().attr("disabled",true); <</script>> <</if>> <<if $C06Q010C == true>> <<script>> $("#C06Q010C").addClass("btn-wrong"); $("#C06Q010C").removeClass("btn-neutral"); $("#C06Q010C").next().addClass("btn-wrong"); $("#C06Q010C").next().removeClass("btn-neutral"); $("#C06Q010C").attr("disabled",true); $("#C06Q010C").next().attr("disabled",true); <</script>> <</if>> <<if $C06Q010D == true>> <<script>> $("#C06Q010D").addClass("btn-correct"); $("#C06Q010D").removeClass("btn-neutral"); $("#C06Q010D").next().addClass("btn-correct"); $("#C06Q010D").next().removeClass("btn-neutral"); $("#C06Q010D").attr("disabled",true); $("#C06Q010D").next().attr("disabled",true); <</script>> <</if>> /% If the answer has been given, disable all the buttons %/ <<if $C06Q010 == true>> <<script>> $("#C06Q010A").closest("div.passage").find("a").attr("disabled",true); <</script>> <</if>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C07-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Claudio and Benedick">> <<set $prevScene = "C06-Q010">> <<set $nextScene = "C07-Q010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699552?h=380910b36c" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C07-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Claudio and Benedick">> <<set $prevScene = "C07-V010">> <<set $nextScene = "">> <<set $audioAssist = "C07-A010A">> <<if $C07Q010 is true>><<set $nextScene = "C08-V010">><</if>> <<if $C07Answer is undefined>><<set $C07Answer = "">><</if>> /% display page %/ <div class="claudio-benedick-flex-columns"> <div class="claudio-benedick-col"> <div class="claudio-benedick-block text-black"> <h4><em>Well, what on earth does that mean? How the hippidy heap did Claudio ‘note’ Hero but Benedick only ‘looked’ at her?</em></h4> <br/> <p><b>You as Dogberry answer this open question…</b> </p> <br/> <p>(Enter at least 30 characters)</p> <br/> <div class="claudio-benedick-textarea-block"> <textarea id="C07-answer" placeholder="Enter your answer here…"><<print $C07Answer>></textarea> </div> <div class="claudio-benedick-button-block"> <div class="claudio-benedick-button"> <div class="answer-block"> <a id="C07-hint" href="#" class="answer-left force-inline-block btn-hint reduce-padding click-override" title="Hint"> <div class="btn-answer-txt">Hint</div> </a> <a href="#" data-audio-assist="AA-HNT" class="answer-right force-inline-block btn-hint" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon"> </a> </div> </div> <div class="claudio-benedick-button"> <div class="answer-block"> <a id="C07-check" href="#" class="answer-left force-inline-block btn-neutral reduce-padding click-override" title="Check Your Answer"> <div class="btn-answer-txt">Check Your Answer</div> </a> <a href="#" data-audio-assist="AA-CHK" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon"> </a> </div> </div> </div> </div> </div> </div> <<done>> <<script>> /* change the class of the container to show a different background */ $("#passages-container").removeClass("question-bg"); $("#passages-container").addClass("question7-bg"); /* If this has already been solved, disable everything */ if(window.SugarCube.State.variables.C07Q010 === true) { $("#C07-answer").attr('disabled', true); $("#C07-hint").attr("disabled",true); $("#C07-hint").next().attr("disabled",true); $("#C07-check").attr("disabled",true); $("#C07-check").next().attr("disabled",true); /* remove any click and tap handlers */ $("#C07-hint").off('click tap'); $("#C07-check").off('click tap'); } else { /* If this has not already been solved, add click handlers */ $("#C07-hint").on("click tap", function (evt) { $("#interaction").html("Note: To keenly observe something. Look: To see something."); /* Read the hint */ var audio = new Audio(audioRoot +"C07-A030.mp3"); audio.play(); }); $("#C07-check").on("click tap", function (evt) { /* correct */ if($("#C07-answer").val().length > 29) { window.SugarCube.State.variables.C07Answer = $("#C07-answer").val(); window.SugarCube.State.variables.C07Q010 = true; window.SugarCube.State.variables.nextScene = "C08-V010"; /* disable everything */ $("#C07-answer").attr('disabled', true); $("#C07-hint").attr("disabled",true); $("#C07-hint").next().attr("disabled",true); $("#C07-check").attr("disabled",true); $("#C07-check").next().attr("disabled",true); /* remove any click and tap handlers */ $("#C07-hint").off('click tap'); $("#C07-check").off('click tap'); $("#interaction").html("That must be it, Constable. Very wise!"); /* Read the response */ var audio = new Audio(audioRoot +"C07-A020.mp3"); audio.play(); } else { /* Incorrect */ $("#interaction").html("Try again!"); var audio = new Audio(audioRoot +"QZ-ERR.mp3"); audio.play(); } }); } <</script>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C08-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Don Pedro and Claudio">> <<set $prevScene = "C07-Q010">> <<set $nextScene = "C08-Q010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699572?h=4f9fcea7d5" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C08-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Don Pedro and Claudio">> <<set $prevScene = "C08-V010">> <<set $nextScene = "">> <<set $audioAssist = "C08-A010A">> <<if $C08Q010 is true>><<set $nextScene = "C08-V020">><</if>> /% display page %/ <!-- Question Row 1 --> <div class="question-row"> <h4>So, what’s he going to do?</h4> <h3><strong>Obviously, he’s going to:</strong></h3> </div> <!-- Answers Section Row 1 --> <div class="answer-columns-flex"> <!-- Answer A --> <div class="answer-block answer-correct"> <a href="#" id="C08Q010A" data-success="C08Q010" data-selection-audio="C08-A020" data-message="Correct - you may continue" data-next-scene="C08-V020" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">A. Disguise himself as Claudio and woo Hero on his friend’s behalf</div> </a> <a href="#" id="C08Q010A-AA" data-audio-assist="C08-A010A1" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers B --> <div class="answer-block"> <a href="#" id="C08Q010B" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">B. Dress up nicely to get Hero to fancy him</div> </a> <a href="#" id="C08Q010B-AA" data-audio-assist="C08-A010A2" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 2 --> <div class="answer-columns-flex"> <!-- Answers C --> <div class="answer-block"> <a href="#" id="C08Q010C" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">C. Tell Claudio what to say to woo Hero</div> </a> <a href="#" id="C08Q010C-AA" data-audio-assist="C08-A010A3" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers D --> <div class="answer-block"> <a href="#" id="C08Q010D" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">D. Offer to speak to Hero’s dad, Lenoato, on his friends behalf</div> </a> <a href="#" id="C08Q010D-AA" data-audio-assist="C08-A010A4" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> /% Set the buttons according to how they were previous displayed if revisiting %/ <<done>> <<if $C08Q010A == true>> <<script>> $("#C08Q010A").addClass("btn-correct"); $("#C08Q010A").removeClass("btn-neutral"); $("#C08Q010A").next().addClass("btn-correct"); $("#C08Q010A").next().removeClass("btn-neutral"); $("#C08Q010A").attr("disabled",true); $("#C08Q010A").next().attr("disabled",true); <</script>> <</if>> <<if $C08Q010B == true>> <<script>> $("#C08Q010B").addClass("btn-wrong"); $("#C08Q010B").removeClass("btn-neutral"); $("#C08Q010B").next().addClass("btn-wrong"); $("#C08Q010B").next().removeClass("btn-neutral"); $("#C08Q010B").attr("disabled",true); $("#C08Q010B").next().attr("disabled",true); <</script>> <</if>> <<if $C08Q010C == true>> <<script>> $("#C08Q010C").addClass("btn-wrong"); $("#C08Q010C").removeClass("btn-neutral"); $("#C08Q010C").next().addClass("btn-wrong"); $("#C08Q010C").next().removeClass("btn-neutral"); $("#C08Q010C").attr("disabled",true); $("#C08Q010C").next().attr("disabled",true); <</script>> <</if>> <<if $C08Q010D == true>> <<script>> $("#C08Q010D").addClass("btn-wrong"); $("#C08Q010D").removeClass("btn-neutral"); $("#C08Q010D").next().addClass("btn-wrong"); $("#C08Q010D").next().removeClass("btn-neutral"); $("#C08Q010D").attr("disabled",true); $("#C08Q010D").next().attr("disabled",true); <</script>> <</if>> /% If the answer has been given, disable all the buttons %/ <<if $C08Q010 == true>> <<script>> $("#C08Q010A").closest("div.passage").find("a").attr("disabled",true); <</script>> <</if>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C08-V020]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Don Pedro - Suspect?">> <<set $prevScene = "C08-Q010">> <<set $nextScene = "C09-V010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699600?h=92ba875b80" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C08-V020">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699795?h=183aeb31b6" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-V010">> <<set $nextScene = "">> <<set $audioAssist = "C09-A010A">> <<if $C09QCount is undefined>><<set $C09QCount = 0>><</if>> <<if $C09Q010 is true>><<set $nextScene = "C09-V020">><</if>> /% display page %/ <!-- Question Row 1 --> <div class="question-row"> <h4>Out of 8 possible questions, you can select 4 to ask Don Pedro.</h4> <h3><strong>Don Pedro:</strong></h3> </div> <!-- Answers Section Row 1 --> <div class="answer-columns-flex"> <!-- Answer A --> <div class="answer-block"> <a href="#" id="C09Q010A" data-navigation="C09-Q010A" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">Why did you offer to woo Hero for Claudio?</div> </a> <a href="#" id="C09Q010A-AA" data-audio-assist="C09-A010A1" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers B --> <div class="answer-block"> <a href="#" id="C09Q010B" data-navigation="C09-Q010B" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">Do you have feelings for Hero?</div> </a> <a href="#" id="C09Q010B-AA" data-audio-assist="C09-A010A2" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 2 --> <div class="answer-columns-flex"> <!-- Answer C --> <div class="answer-block"> <a href="#" id="C09Q010C" data-navigation="C09-Q010C" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">Would you like to settle down and get married?</div> </a> <a href="#" id="C09Q010C-AA" data-audio-assist="C09-A010A3" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers D --> <div class="answer-block"> <a href="#" id="C09Q010D" data-navigation="C09-Q010D" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">Are you jealous of anyone?</div> </a> <a href="#" id="C09Q010D-AA" data-audio-assist="C09-A010A4" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 3 --> <div class="answer-columns-flex"> <!-- Answer E --> <div class="answer-block"> <a href="#" id="C09Q010E" data-navigation="C09-Q010E" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">What’s your opinion of your brother, Don John?</div> </a> <a href="#" id="C09Q010E-AA" data-audio-assist="C09-A010A5" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers F --> <div class="answer-block"> <a href="#" id="C09Q010F" data-navigation="C09-Q010F" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">How do you feel about Leonato, your host and Hero’s father?</div> </a> <a href="#" id="C09Q010F-AA" data-audio-assist="C09-A010A6" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 4 --> <div class="answer-columns-flex"> <!-- Answer G --> <div class="answer-block"> <a href="#" id="C09Q010G" data-navigation="C09-Q010G" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">What do you think about Benedick and his feelings on love?</div> </a> <a href="#" id="C09Q010G-AA" data-audio-assist="C09-A010A7" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers H --> <div class="answer-block"> <a href="#" id="C09Q010H" data-navigation="C09-Q010H" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">Why do you think Beatrice is behaving this way towards Benedick?</div> </a> <a href="#" id="C09Q010H-AA" data-audio-assist="C09-A010A8" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> /% Set the buttons according to how they were previous displayed if revisiting %/ <<done>> <<if $C09Q010A == true>> <<script>> $("#C09Q010A").addClass("btn-correct"); $("#C09Q010A").removeClass("btn-neutral"); $("#C09Q010A").next().addClass("btn-correct"); $("#C09Q010A").next().removeClass("btn-neutral"); <</script>> <</if>> <<if $C09Q010B == true>> <<script>> $("#C09Q010B").addClass("btn-correct"); $("#C09Q010B").removeClass("btn-neutral"); $("#C09Q010B").next().addClass("btn-correct"); $("#C09Q010B").next().removeClass("btn-neutral"); <</script>> <</if>> <<if $C09Q010C == true>> <<script>> $("#C09Q010C").addClass("btn-correct"); $("#C09Q010C").removeClass("btn-neutral"); $("#C09Q010C").next().addClass("btn-correct"); $("#C09Q010C").next().removeClass("btn-neutral"); <</script>> <</if>> <<if $C09Q010D == true>> <<script>> $("#C09Q010D").addClass("btn-correct"); $("#C09Q010D").removeClass("btn-neutral"); $("#C09Q010D").next().addClass("btn-correct"); $("#C09Q010D").next().removeClass("btn-neutral"); <</script>> <</if>> <<if $C09Q010E == true>> <<script>> $("#C09Q010E").addClass("btn-correct"); $("#C09Q010E").removeClass("btn-neutral"); $("#C09Q010E").next().addClass("btn-correct"); $("#C09Q010E").next().removeClass("btn-neutral"); <</script>> <</if>> <<if $C09Q010F == true>> <<script>> $("#C09Q010F").addClass("btn-correct"); $("#C09Q010F").removeClass("btn-neutral"); $("#C09Q010F").next().addClass("btn-correct"); $("#C09Q010F").next().removeClass("btn-neutral"); <</script>> <</if>> <<if $C09Q010G == true>> <<script>> $("#C09Q010G").addClass("btn-correct"); $("#C09Q010G").removeClass("btn-neutral"); $("#C09Q010G").next().addClass("btn-correct"); $("#C09Q010G").next().removeClass("btn-neutral"); <</script>> <</if>> <<if $C09Q010H == true>> <<script>> $("#C09Q010H").addClass("btn-correct"); $("#C09Q010H").removeClass("btn-neutral"); $("#C09Q010H").next().addClass("btn-correct"); $("#C09Q010H").next().removeClass("btn-neutral"); <</script>> <</if>> /% If the max number of answers have been asked, disable the other buttons %/ <<if $C09QCount >= 4>> <<if $C09Q010A == undefined or $C09Q010A == false>> <<script>> $("#C09Q010A").attr("disabled",true); $("#C09Q010A").next().attr("disabled",true); <</script>> <</if>> <<if $C09Q010B == undefined or $C09Q010B == false>> <<script>> $("#C09Q010B").attr("disabled",true); $("#C09Q010B").next().attr("disabled",true); <</script>> <</if>> <<if $C09Q010C == undefined or $C09Q010C == false>> <<script>> $("#C09Q010C").attr("disabled",true); $("#C09Q010C").next().attr("disabled",true); <</script>> <</if>> <<if $C09Q010D == undefined or $C09Q010D == false>> <<script>> $("#C09Q010D").attr("disabled",true); $("#C09Q010D").next().attr("disabled",true); <</script>> <</if>> <<if $C09Q010E == undefined or $C09Q010E == false>> <<script>> $("#C09Q010E").attr("disabled",true); $("#C09Q010E").next().attr("disabled",true); <</script>> <</if>> <<if $C09Q010F == undefined or $C09Q010F == false>> <<script>> $("#C09Q010F").attr("disabled",true); $("#C09Q010F").next().attr("disabled",true); <</script>> <</if>> <<if $C09Q010G == undefined or $C09Q010G == false>> <<script>> $("#C09Q010G").attr("disabled",true); $("#C09Q010G").next().attr("disabled",true); <</script>> <</if>> <<if $C09Q010H == undefined or $C09Q010H == false>> <<script>> $("#C09Q010H").attr("disabled",true); $("#C09Q010H").next().attr("disabled",true); <</script>> <</if>> <<set $nextScene to "C09-V020">> <<if $C09Q010 == undefined or $C09Q010 == false>> <<replace "#interaction">>Click next scene to continue<</replace>> <<script>> var audio = new Audio(audioRoot + "C09-A020A.mp3"); audio.play(); <</script>> <<set $C09Q010 to true>> <</if>> <</if>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-V020]]</div> <div hidden>[[C09-Q010A]]</div> <div hidden>[[C09-Q010B]]</div> <div hidden>[[C09-Q010C]]</div> <div hidden>[[C09-Q010D]]</div> <div hidden>[[C09-Q010E]]</div> <div hidden>[[C09-Q010F]]</div> <div hidden>[[C09-Q010G]]</div> <div hidden>[[C09-Q010H]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C10-V010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699826?h=592c69c780" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C10-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Clear as blood!">> <<set $prevScene = "C09-V020">> <<set $nextScene = "C10-Q010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699870?h=4763588a10" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C10-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Clear as blood!">> <<set $prevScene = "C10-V010">> <<set $nextScene = "">> <<set $audioAssist = "C10-A010A">> <<if $C10Q010 is true>><<set $nextScene = "C11-V010">><</if>> /% display page %/ <!-- Question Row 1 --> <div class="question-row"> <h4>Oh, I see what you’re saying, Verges.</h4> <h3><strong>Don Pedro planned to:</strong></h3> </div> <!-- Answers Section Row 1 --> <div class="answer-columns-flex"> <!-- Answer A --> <div class="answer-block"> <a href="#" id="C10Q010A" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">A. Plant fictitious love letters to one another around the house</div> </a> <a href="#" id="C10Q010A-AA" data-audio-assist="C10-A010A1" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers B --> <div class="answer-block answer-correct"> <a href="#" id="C10Q010B" data-success="C10Q010" data-selection-audio="C10-A020" data-message="Ok, let’s move on." data-next-scene="C11-V010" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">B. Trick Beatrice and Benedick into falling in love with each other</div> </a> <a href="#" id="C10Q010B-AA" data-audio-assist="C10-A010A2" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 2 --> <div class="answer-columns-flex"> <!-- Answers C --> <div class="answer-block"> <a href="#" id="C10Q010C" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">C. Have Beatrice and Benedick meet at night in the Orchard</div> </a> <a href="#" id="C10Q010C-AA" data-audio-assist="C10-A010A3" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers D --> <div class="answer-block"> <a href="#" id="C10Q010D" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">D. Ask Beatrice’s uncle, Leonato, for his blessing for their marriage</div> </a> <a href="#" id="C10Q010D-AA" data-audio-assist="C10-A010A4" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> /% Set the buttons according to how they were previous displayed if revisiting %/ <<done>> <<if $C10Q010A == true>> <<script>> $("#C10Q010A").addClass("btn-wrong"); $("#C10Q010A").removeClass("btn-neutral"); $("#C10Q010A").next().addClass("btn-wrong"); $("#C10Q010A").next().removeClass("btn-neutral"); $("#C10Q010A").attr("disabled",true); $("#C10Q010A").next().attr("disabled",true); <</script>> <</if>> <<if $C10Q010B == true>> <<script>> $("#C10Q010B").addClass("btn-correct"); $("#C10Q010B").removeClass("btn-neutral"); $("#C10Q010B").next().addClass("btn-correct"); $("#C10Q010B").next().removeClass("btn-neutral"); $("#C10Q010B").attr("disabled",true); $("#C10Q010B").next().attr("disabled",true); <</script>> <</if>> <<if $C10Q010C == true>> <<script>> $("#C10Q010C").addClass("btn-wrong"); $("#C10Q010C").removeClass("btn-neutral"); $("#C10Q010C").next().addClass("btn-wrong"); $("#C10Q010C").next().removeClass("btn-neutral"); $("#C10Q010C").attr("disabled",true); $("#C10Q010C").next().attr("disabled",true); <</script>> <</if>> <<if $C10Q010D == true>> <<script>> $("#C10Q010D").addClass("btn-wrong"); $("#C10Q010D").removeClass("btn-neutral"); $("#C10Q010D").next().addClass("btn-wrong"); $("#C10Q010D").next().removeClass("btn-neutral"); $("#C10Q010D").attr("disabled",true); $("#C10Q010D").next().attr("disabled",true); <</script>> <</if>> /% If the answer has been given, disable all the buttons %/ <<if $C10Q010 == true>> <<script>> $("#C10Q010A").closest("div.passage").find("a").attr("disabled",true); <</script>> <</if>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C11-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Don John and Claudio">> <<set $prevScene = "C10-Q010">> <<set $nextScene = "C12-V010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699873?h=1eb606e7ef" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C12-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Room Search">> <<set $prevScene = "C12-V010">> <<set $nextScene = "">> <<set $audioAssist = "C12-A010A">> /% $C12H010 is for visited, $C12H010a is for answered %/ <<if $C12H010 == "undefined">><<set $C12H010 = false>><</if>> <<if $C12H010a is true>><<set $nextScene = "C13-V010">><</if>> /% display page %/ <<hypeEmbed C12-H010-V12 placebo>> <<hypeCode C12-H010-V12>> var Twine = hypeDocument.getTwineContext(); var itemsDropped = 0; (function() { var _hypeOverride = hypeDocument.triggerCustomBehaviorNamed; hypeDocument.triggerCustomBehaviorNamed = function(str) { if(str === "hypeEnvelopeHotspot" || str === "hypePlanHotspot" || str == "hypeLetterHotspot" || str == "hypeDiaryHotspot") { itemsDropped++; if(console) console.log(str); if(console) console.log("Dropped " + itemsDropped + " items"); } _hypeOverride(str); if(itemsDropped === 4) { Twine.State.variables.C12H010a = true; /* Whilst the end sequence is playing, don't let them navigate */ $(".header-fixed-block").addClass("hidden"); $(".footer-fixed-block").addClass("hidden"); $(".canvas-block").addClass("intro-padding"); $(".canvas-block").addClass("no-background"); $(".section").addClass("black-background"); Twine.State.variables.prevScene = ""; hypeDocument.showNextScene(); /* Automatically get out of the room after 17 seconds */ setTimeout(getOutofRoom, 17000); } } })(); function getOutofRoom() { $(".header-fixed-block").removeClass("hidden"); $(".footer-fixed-block").removeClass("hidden"); $(".canvas-block").removeClass("intro-padding"); $(".canvas-block").removeClass("no-background"); $(".section").removeClass("black-background"); Twine.State.variables.nextScene = "C13-V010"; window.SugarCube.Engine.play("C13-V010"); } /* When the GET OUT NOW button is clicked, navigate (after a slight delay to avoid crash). Show the TASK COMPLETE graphic to avoid confusion. */ $('#hypeGetOutNowBtn').click(function() { hypeDocument.showSceneNamed("hypeCrimeScene"); setTimeout(getOutofRoom, 4000); }); /* Go to the DO NOT CROSS scene if we've finished this */ if(Twine.State.variables.C12H010a == true) hypeDocument.showSceneNamed("hypeCrimeScene"); /* Ignore the pop-up if we've been to this screen before */ else if(Twine.State.variables.C12H010 == true) hypeDocument.showNextScene(); $(document).on("click tap", ".hypeRstartTaskBtn", function (evt) { console.log("restarted C12"); itemsDropped = 0; }); /* Flag that we've been to this page */ Twine.State.variables.C12H010 = true; <</hypeCode>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C13-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Room Search">> <<set $prevScene = "C11-V010">> <<set $nextScene = "C12-H010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699896?h=ae8d9ab2c0" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C12-H010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Secret letter">> <<set $prevScene = "C12-H010">> <<set $nextScene = "C13-Q010">> <<set $audioAssist = "AA-VID">> /% Set a flag to show we've finished the room search %/ <<set $C13V010 = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699919?h=960050f6fd" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C13-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Secret letter">> <<set $prevScene = "C13-V010">> <<set $nextScene = "">> <<set $audioAssist = "C13-A010A">> <<set $C13CorrectAnswer = " Borachio, I will meet you at the time and place requested, as I love you, but why ask this of me? Love, Margaret. ">> <<if $C13Q010 is true>><<set $nextScene = "C13-V020">><</if>> <<if $C13Answer is undefined>><<set $C13Answer = "">><</if>> /% display page %/ <div class="cypher-columns-flex"> <div class="cypher-col-left text-black"> <div class="cypher-intro-block"> <p>The servants of the household write to each other in code to prevent their masters from discovering their private conversations.<br> <br> Borachio had such a letter, decode it to discover the secret message.<br> </p> <div class="encrypted-letters-block">MATUKJEA, E ZENN YIIV DAF UV VJI VEYI UQS BNUKI TICFIGVIS, UG E NAOI DAF, MFV ZJD UGP VJEG AH YI?<br> NAOI<br> yutrutiv </div> </div> </div> <div class="cypher-col-right"> <div class="cypher-decrypt-block"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/cypherTaskBgImg-02.png" loading="lazy" ></div> <div class="cypher-textarea-block"> <textarea id="C13-answer" placeholder="Enter the Decrypted Letters Here…"><<print $C13Answer>></textarea> </div> <div class="cypher-button-block"> <div class="answer-block answer-correct"> <a id="C13-check" href="#" class="answer-left force-inline-block btn-neutral reduce-padding click-override" title="Check Your Answer"> <div class="btn-answer-txt">Check Your Answer</div> </a> <a href="#" data-audio-assist="AA-CHK" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon"> </a> </div> </div> </div> </div> <<done>> <<script>> /* change the class of the container to show a different background */ $("#passages-container").removeClass("question-bg"); $("#passages-container").addClass("question13-bg"); /* If this has already been solved, disable everything */ if(window.SugarCube.State.variables.C13Q010 === true) { $("#C13-answer").attr('disabled', true); $("#C13-check").attr("disabled",true); $("#C13-check").next().attr("disabled",true); /* remove any click and tap handlers */ $("#C13-check").off('click tap'); } else { /* If this has not already been solved, add click handlers */ $("#C13-check").on("click tap", function (evt) { /* correct */ var answer = $("#C13-answer").val().replaceAll(/[^a-zA-Z]/g, "").trim().toLowerCase(); var correctAnswer = window.SugarCube.State.variables.C13CorrectAnswer.replaceAll(/[^a-zA-Z]/g, "").trim().toLowerCase(); if(answer === correctAnswer) { window.SugarCube.State.variables.C13Answer = $("#C13-answer").val(); window.SugarCube.State.variables.C13Q010 = true; window.SugarCube.State.variables.nextScene = "C13-V020"; /* disable everything */ $("#C13-answer").attr('disabled', true); $("#C13-check").attr("disabled",true); $("#C13-check").next().attr("disabled",true); /* remove any click and tap handlers */ $("#C13-check").off('click tap'); $("#interaction").html("Correct - you may continue"); /* Read the response */ var audio = new Audio(audioRoot +"C13-A020A.mp3"); audio.play(); } else { /* Incorrect */ $("#interaction").html("Try again!"); var audio = new Audio(audioRoot +"QZ-ERR.mp3"); audio.play(); } }); } <</script>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C13-V020]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Secret letter">> <<set $prevScene = "C13-Q010">> <<set $nextScene = "C14-V010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699939?h=592679f7cc" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C14-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Solve The Plan">> <<set $prevScene = "C13-V020">> <<set $nextScene = "C14-H010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699961?h=86b36c75e5" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C14-H010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Solve The Plan">> <<set $prevScene = "C14-H010">> <<set $nextScene = "">> <<set $audioAssist = "C14-A010A">> <<if $C14Q010 is true>><<set $nextScene = "C14-Q020">><</if>> /% display page %/ <!-- Question Row 1 --> <div class="question-row"> <h4>So, what’s the plan about?</h4> </div> <!-- Answers Section Row 1 --> <div class="answer-columns-flex"> <!-- Answer A --> <div class="answer-block"> <a href="#" id="C14Q010A" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">A. A party to celebrate the engagement of Claudio and Hero</div> </a> <a href="#" id="C14Q010A-AA" data-audio-assist="C14-A010A1" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers B --> <div class="answer-block answer-correct"> <a href="#" id="C14Q010B" data-success="C14Q010" data-selection-audio="C14-A020" data-message="Correct - You may continue" data-next-scene="C14-Q020" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">B. A setup using Margaret as decoy to destroy Claudio’s faith in Hero</div> </a> <a href="#" id="C14Q010B-AA" data-audio-assist="C14-A010A2" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 2 --> <div class="answer-columns-flex"> <!-- Answers C --> <div class="answer-block"> <a href="#" id="C14Q010C" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">C. An attempt to steal all of Claudio’s money</div> </a> <a href="#" id="C14Q010C-AA" data-audio-assist="C14-A010A3" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers D --> <div class="answer-block"> <a href="#" id="C14Q010D" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">D. A plot to murder Hero</div> </a> <a href="#" id="C14Q010D-AA" data-audio-assist="C14-A010A4" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> /% Set the buttons according to how they were previous displayed if revisiting %/ <<done>> <<if $C14Q010A == true>> <<script>> $("#C14Q010A").addClass("btn-wrong"); $("#C14Q010A").removeClass("btn-neutral"); $("#C14Q010A").next().addClass("btn-wrong"); $("#C14Q010A").next().removeClass("btn-neutral"); $("#C14Q010A").attr("disabled",true); $("#C14Q010A").next().attr("disabled",true); <</script>> <</if>> <<if $C14Q010B == true>> <<script>> $("#C14Q010B").addClass("btn-correct"); $("#C14Q010B").removeClass("btn-neutral"); $("#C14Q010B").next().addClass("btn-correct"); $("#C14Q010B").next().removeClass("btn-neutral"); $("#C14Q010B").attr("disabled",true); $("#C14Q010B").next().attr("disabled",true); <</script>> <</if>> <<if $C14Q010C == true>> <<script>> $("#C14Q010C").addClass("btn-wrong"); $("#C14Q010C").removeClass("btn-neutral"); $("#C14Q010C").next().addClass("btn-wrong"); $("#C14Q010C").next().removeClass("btn-neutral"); $("#C14Q010C").attr("disabled",true); $("#C14Q010C").next().attr("disabled",true); <</script>> <</if>> <<if $C14Q010D == true>> <<script>> $("#C14Q010D").addClass("btn-wrong"); $("#C14Q010D").removeClass("btn-neutral"); $("#C14Q010D").next().addClass("btn-wrong"); $("#C14Q010D").next().removeClass("btn-neutral"); $("#C14Q010D").attr("disabled",true); $("#C14Q010D").next().attr("disabled",true); <</script>> <</if>> /% If the answer has been given, disable all the buttons %/ <<if $C14Q010 == true>> <<script>> $("#C14Q010A").closest("div.passage").find("a").attr("disabled",true); <</script>> <</if>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C14-Q020]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Solve The Plan">> <<set $prevScene = "C14-Q010">> <<set $nextScene = "">> <<set $audioAssist = "C14-A020A">> <<if $C14Q020 is true>><<set $nextScene = "C14-V020">><</if>> /% display page %/ <!-- Question Row 1 --> <div class="question-row"> <h4>And who commits the crime?</h4> </div> <!-- Answers Section Row 1 --> <div class="answer-columns-flex"> <!-- Answer A --> <div class="answer-block"> <a href="#" id="C14Q020A" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">A. Margaret</div> </a> <a href="#" id="C14Q020A-AA" data-audio-assist="C14-A020A1" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers B --> <div class="answer-block"> <a href="#" id="C14Q020B" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">B. Don John</div> </a> <a href="#" id="C14Q020B-AA" data-audio-assist="C14-A020A2" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> <!-- Answers Section Row 2 --> <div class="answer-columns-flex"> <!-- Answers C --> <div class="answer-block"> <a href="#" id="C14Q020C" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">C. Don Pedro</div> </a> <a href="#" id="C14Q020C-AA" data-audio-assist="C14-A020A3" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> <!-- Answers D --> <div class="answer-block answer-correct"> <a href="#" id="C14Q020D" data-success="C14Q020" data-selection-audio="C14-A030" data-message="Correct - You may continue" data-next-scene="C14-V020" class="answer-left force-inline-block btn-neutral" title="Select this Answer"> <div class="btn-answer-txt">D. Borachio</div> </a> <a href="#" id="C14Q020D-AA" data-audio-assist="C14-A020A4" class="answer-right force-inline-block btn-neutral" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon" /> </a> </div> </div> /% Set the buttons according to how they were previous displayed if revisiting %/ <<done>> <<if $C14Q020A == true>> <<script>> $("#C14Q020A").addClass("btn-wrong"); $("#C14Q020A").removeClass("btn-neutral"); $("#C14Q020A").next().addClass("btn-wrong"); $("#C14Q020A").next().removeClass("btn-neutral"); $("#C14Q020A").attr("disabled",true); $("#C14Q020A").next().attr("disabled",true); <</script>> <</if>> <<if $C14Q020B == true>> <<script>> $("#C14Q020B").addClass("btn-wrong"); $("#C14Q020B").removeClass("btn-neutral"); $("#C14Q020B").next().addClass("btn-wrong"); $("#C14Q020B").next().removeClass("btn-neutral"); $("#C14Q020B").attr("disabled",true); $("#C14Q020B").next().attr("disabled",true); <</script>> <</if>> <<if $C14Q020C == true>> <<script>> $("#C14Q020C").addClass("btn-wrong"); $("#C14Q020C").removeClass("btn-neutral"); $("#C14Q020C").next().addClass("btn-wrong"); $("#C14Q020C").next().removeClass("btn-neutral"); $("#C14Q020C").attr("disabled",true); $("#C14Q020C").next().attr("disabled",true); <</script>> <</if>> <<if $C14Q020D == true>> <<script>> $("#C14Q020D").addClass("btn-correct"); $("#C14Q020D").removeClass("btn-neutral"); $("#C14Q020D").next().addClass("btn-correct"); $("#C14Q020D").next().removeClass("btn-neutral"); $("#C14Q020D").attr("disabled",true); $("#C14Q020D").next().attr("disabled",true); <</script>> <</if>> /% If the answer has been given, disable all the buttons %/ <<if $C14Q020 == true>> <<script>> $("#C14Q020A").closest("div.passage").find("a").attr("disabled",true); <</script>> <</if>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C14-V020]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Arrest Borachio">> <<set $prevScene = "C14-Q020">> <<set $nextScene = "C15-V010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699998?h=b06ef1643b" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C15-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Borachio's Confession">> <<set $prevScene = "C14-V020">> <<set $nextScene = "C16-V010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727700032?h=67a67e5d45" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C16-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Finding Don John">> <<set $prevScene = "C15-V010">> <<set $nextScene = "C16-Q010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727700030?h=442001bd93" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C16-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Finding Don John">> <<set $prevScene = "C16-V010">> <<set $nextScene = "">> <<set $audioAssist = "C16-A010A">> <<if $C16QCount is undefined>><<set $C16QCount = 0>><</if>> <<if $C16Q010 is true>><<set $nextScene = "C16-V020">><</if>> <<if $C16Answer is undefined>><<set $C16Answer = "">><</if>> /% display page %/ <div class="don-john-flex-columns"> <div class="don-john-col"> <div class="don-john-block text-black"> <h4><em><b>Where did Don John escape to and how?</b><br> Maybe the evidence bag will contain the answer.</em></h4> <br> <p><b>Look through the evidence bag and complete your answer</b> </p> <br> <div class="don-john-textarea-block"> <textarea id="C16-answer" placeholder="Enter your answer here…"><<print $C16Answer>></textarea> </div> <div class="don-john-button-block"> <div class="don-john-button"> <div class="answer-block"> <a id="C16-check" href="#" class="answer-left force-inline-block btn-neutral reduce-padding click-override" title="Check Your Answer"> <div class="btn-answer-txt">Check Your Answer</div> </a> <a href="#" data-audio-assist="AA-CHK" class="answer-right force-inline-block btn-neutral click-override" title="Click For Audio Descrition"> <img src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/AudioAssistIcon80px.png" alt="AD" class="audio-icon"> </a> </div> </div> </div> </div> </div> </div> <<done>> <<script>> /* change the class of the container to show a different background */ $("#passages-container").removeClass("question-bg"); $("#passages-container").addClass("question16-bg"); /* If this has already been solved, disable everything */ if(window.SugarCube.State.variables.C16Q010 === true) { $("#C16-answer").attr('disabled', true); $("#C16-hint").attr("disabled",true); $("#C16-hint").next().attr("disabled",true); $("#C16-check").attr("disabled",true); $("#C16-check").next().attr("disabled",true); /* remove any click and tap handlers */ $("#C16-hint").off('click tap'); $("#C16-check").off('click tap'); } else { /* If this has not already been solved, add click handlers */ $("#C16-hint").on("click tap", function (evt) { $("#interaction").html("To keenly observe something. Look: To see something."); /* Read the hint */ var audio = new Audio(audioRoot +"C07-A030.mp3"); audio.play(); }); $("#C16-check").on("click tap", function (evt) { /* correct */ var answer = $("#C16-answer").val().replaceAll(/[^a-zA-Z]/g, "").trim().toLowerCase(); if(answer.contains("france") && (answer.contains("boat") || answer.contains("ship") || answer.contains("sail") || answer.contains("ferry"))) { window.SugarCube.State.variables.C16Answer = $("#C16-answer").val(); window.SugarCube.State.variables.C16Q010 = true; window.SugarCube.State.variables.nextScene = "C16-V020"; /* disable everything */ $("#C16-answer").attr('disabled', true); $("#C16-hint").attr("disabled",true); $("#C16-hint").next().attr("disabled",true); $("#C16-check").attr("disabled",true); $("#C16-check").next().attr("disabled",true); /* remove any click and tap handlers */ $("#C16-hint").off('click tap'); $("#C16-check").off('click tap'); $("#interaction").html("Correct - you may continue"); /* Read the response */ var audio = new Audio(audioRoot +"C16-A020.mp3"); audio.play(); } else { /* Incorrect */ window.SugarCube.State.variables.C16QCount += 1; if(window.SugarCube.State.variables.C16QCount > 2) $("#interaction").html("It's not that. Check the postcard."); else $("#interaction").html("Try again!"); var audio = new Audio(audioRoot +"QZ-ERR.mp3"); audio.play(); } }); } <</script>> <</done>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C16-V020]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "The Wedding">> <<set $prevScene = "C16-V020">> <<set $nextScene = "C19-H010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727700076?h=a64ecd8db2" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C19-H010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Finding Don John">> <<set $prevScene = "C16-Q010">> <<set $nextScene = "C17-V010">> <<set $audioAssist = "AA-VID">> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727700055?h=9ba59c7447" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C17-V010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Credits">> <<set $prevScene = "C17-V010">> <<set $nextScene = "">> <<set $audioAssist = "">> /% display page %/ <<script>> $(".header-fixed-block").addClass("hidden"); $(".footer-fixed-block").addClass("hidden"); $(".canvas-block").addClass("intro-padding"); $(".canvas-block").addClass("no-background"); $(".section").addClass("black-background"); <</script>> <<hypeEmbed C19-H010-V12 placebo>> <<hypeCode C19-H010-V12>> function restartExperience(item) { window.SugarCube.Engine.restart(); } $('#hypeClickToRestartBtn').click(function() { restartExperience(); }); <</hypeCode>> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Evidence Bag">> <<set $prevScene = "">> <<set $nextScene = "">> <<set $audioAssist = "C18-A010A">> <<if $C18H010 == "undefined">><<set $C18H010 = false>><</if>> /% display page %/ <<hypeEmbed C18-H010-V12 placebo>> <<hypeCode C18-H010-V12>> var Twine = hypeDocument.getTwineContext(); if(Twine.State.variables.C18H010 == true) hypeDocument.showNextScene(); Twine.State.variables.C18H010 = true; <</hypeCode>> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> <<if $C09Q010A == undefined or $C09Q010A == false>> <<set $C09QCount++>> <</if>> <<set $C09Q010A = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699617?h=f434931edc" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> <<if $C09Q010B == undefined or $C09Q010B == false>> <<set $C09QCount++>> <</if>> <<set $C09Q010B = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699654?h=d351f32b71" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> <<if $C09Q010C == undefined or $C09Q010C == false>> <<set $C09QCount++>> <</if>> <<set $C09Q010C = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699677?h=731fc0daf0" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> <<if $C09Q010D == undefined or $C09Q010D == false>> <<set $C09QCount++>> <</if>> <<set $C09Q010D = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699698?h=17c0f2a7c1" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> <<if $C09Q010E == undefined or $C09Q010E == false>> <<set $C09QCount++>> <</if>> <<set $C09Q010E = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699720?h=9fc21f1334" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> <<if $C09Q010F == undefined or $C09Q010F == false>> <<set $C09QCount++>> <</if>> <<set $C09Q010F = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699743?h=0bc2fb6eb7" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> <<if $C09Q010G == undefined or $C09Q010G == false>> <<set $C09QCount++>> <</if>> <<set $C09Q010G = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699769?h=77925a1c26" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Questioning Don Pedro">> <<set $prevScene = "C09-Q010">> <<set $nextScene = "C09-Q010">> <<set $audioAssist = "AA-VID">> <<if $C09Q010H == undefined or $C09Q010H == false>> <<set $C09QCount++>> <</if>> <<set $C09Q010H = true>> /% display page %/ <div class="vimeo-full-width"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/727699779?h=3d1839e75e" frameborder="0" allowfullscreen></iframe> </div> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C09-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Solve The Plan">> <<set $prevScene = "C14-V010">> <<set $nextScene = "">> <<set $audioAssist = "C14-A010AA">> /% $C14H010 is for visited, $C14H010a is for answered (scene 1), $C14H010b is for answered (scene 2), %/ <<if $C14H010 == "undefined">><<set $C14H010 = false>><</if>> <<if $C14H010b is true>><<set $nextScene = "C14-Q010">><</if>> /% display page %/ <<hypeEmbed C14-H010-V12 placebo>> <<hypeCode C14-H010-V12>> var Twine = hypeDocument.getTwineContext(); var itemsDropped = 0; var sceneNumber = 1; (function() { var _hypeOverride = hypeDocument.triggerCustomBehaviorNamed; hypeDocument.triggerCustomBehaviorNamed = function(str) { if(console) console.log("triggering " + str + "(dropped " + itemsDropped + ", scene " + sceneNumber + ")"); /* Scene 1 drops */ if(sceneNumber === 1 && (str === "hypeTheBastardHotspot" || str === "hypeTheGentleWomanHotspot2" || str === "hypeTheDrunkardHotspot" || str === "hypeThePrinceHotspot" || str === "hypeTheHeirHotspot" || str === "hypeExquisiteSquireHotspot")) { itemsDropped++; if(console) console.log("triggered " + str); if(console) console.log("Dropped " + itemsDropped + " items"); } /* Scene 2 drops */ if(sceneNumber === 2 && (str === "hypeLadyMargaretDecodeHotspot" || str === "hypeHeroDecodeHotspot1" || str === "hypeHeroDecodeHotspot2" || str === "hypeBorachioDecodeHotspot" || str === "hypeDonJohnDecodeHotspot" || str === "hypeClaudioDecodeHotspot" || str === "hypeDonPedroDecodeHotspot")) { itemsDropped++; if(console) console.log("triggered " + str); if(console) console.log("Dropped " + itemsDropped + " items"); } _hypeOverride(str); if(sceneNumber === 1 && itemsDropped === 6) { Twine.State.variables.C14H010a = true; itemsDropped = 0; sceneNumber = 2;; hypeDocument.showNextScene(); } else if(sceneNumber === 2 && itemsDropped === 7) { Twine.State.variables.C14H010b = true; Twine.State.variables.nextScene = "C14-Q010"; hypeDocument.showNextScene(); } } })(); /* Ignore the pop-up if we've been to this screen before */ if(Twine.State.variables.C14H010 == true) hypeDocument.showNextScene(); /* Ignore the first screen if we've been to this screen before */ if(Twine.State.variables.C14H010a == true) { sceneNumber = 2; hypeDocument.showNextScene(); } /* Ignore the second screen if we've been to this screen before */ if(Twine.State.variables.C14H010b == true) hypeDocument.showNextScene(); /* listen for the button clicks */ $(document).on("click tap", "#hypeRestartTaskBtn", function (evt) { console.log("restarted C14 btn 1"); itemsDropped = 0; }); $(document).on("click tap", "#hypeRestartTaskBtn2", function (evt) { console.log("restarted C14 btn 2"); itemsDropped = 0; }); /* Flag that we've been to this page */ Twine.State.variables.C14H010 = true; <</hypeCode>> /% Hidden Navigation to aid readbility in twinery %/ <div hidden>[[C14-Q010]]</div> <</nobr>>
<<nobr>> /% set variables %/ <<set $component = "Credits">> <<set $prevScene = "">> <<set $nextScene = "">> <<set $audioAssist = "">> /% display page %/ <div class="credits-flex-columns"> <div class="credits-col"> <div class="credits-block"> <h4 style="margin-bottom:18px; font-size:20px"><strong>The Night Constable</strong></h4> <p><strong style="font-size:15px;">Original Concept</strong></p> <p style="margin-bottom:15px; font-size:14px">George Stone and Malika Sykes</p> <p><strong style="font-size:15px;">Video Direction</strong></p> <p style="margin-bottom:15px; font-size:14px">George Stone</p> <p><strong style="font-size:15px;">Multimedia Producer</strong></p> <p style="margin-bottom:15px; font-size:14px">Lucy Smith-Jones</p> <p><strong style="font-size:15px;">Experience Development</strong></p> <p style="margin-bottom:15px; font-size:14px">tsium software</p> <p><strong style="font-size:15px;">Experience Design</strong></p> <p style="margin-bottom:15px; font-size:14px">Darren Whiteman</p> <p><strong style="font-size:15px;"> The Night Constable Cast:</strong></p> <p style="margin-bottom:15px; font-size:14px">Deputy Verges: Richard Peralta<br> Constable Dogberry: Michelle Kelly<br> Borachio: Ben Wilson<br> Don Pedro: Dan Parr<br> </p> <p style="margin-bottom:15px; font-size:12px"> Rehearsal footage taken from the 2022 Sheffield Theatres Ramps on the Moon production of <br> Much Ado About Nothing (Directed by Rob Hastie).</p> <img style="margin-top:12px;" src="https://thenightconstable.sheffieldtheatres.co.uk/assets/img/Sheffield-Theatres-logo-white.png" alt="The Night Constable Logo" width="100" /> </div> </div> </div> <<done>> <<script>> $(".canvas-block").addClass("no-background"); $(".canvas-block").addClass("black-background"); <</script>> <</done>> <</nobr>>