Ministry of Time Travel - National Archives

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<div class="wrapper audio" id="mount"> <div class="phone-warning"><p>MOTT is best experienced on a computer or tablet</p></div> <div class="multiple-btn-wrapper"> <span aria-label="Click Button to begin" class="button-wrapper"> <<button "Begin">> <<goto "audioChoice">> <</button>> </span> </div> </div > <span class="button-wrapper initialBack" aria-label="Back to the login screen"><a href="https://remote.co.com/MoTT/desktop" target="_blank" rel="noreferrer">Back</a> </span>

<div class="wrapper audio" id="mount"> <div class="phone-warning"><p>MOTT is best experienced on a computer or tablet</p></div> <audio src="https://remote.co.com/MoTT/AgentTraining/assets/audio/Audioon_off.mp3" autoplay>Audio is not supported on your device</audio> <p><span class="inline-icon-wrap"><img src="assets/img/audio.png" alt="volume icon"></span>This experience has the option of an audio soundtrack. </p> <p>Would you like audio on or off? </p> <div class="multiple-btn-wrapper"> <span aria-label="Click Button to turn audio on" class="button-wrapper "> <<button "On">> <<set $audioOn to true>> <<set $audioClick to true>> <<replace "#mount">> <strong> <span class="inline-icon-wrap"><img src="assets/img/audio.png"></span> Audio On</strong> <br> <p>Press the power on button to continue</p> <poweron><a data-passage="TutorialOne" class="link-internal link-image" role="link" tabindex="0" ><img src="https://remote.co.com/MoTT/AgentTraining/Images/onicon.png" alt="Power On button"></a></poweron> <br> <br> <<link "Back">><<goto "Start">><</link>> <</replace>> <</button>> </span> <span class="button-wrapper " aria-label="Click Button to turn audio off"> <<button "Off">> <<set $audioOn to false>> <<set $audioClick to true>> <<replace "#mount">> <strong> Audio Off</strong> <p>Press the power on button to continue</p> <a data-passage="TutorialOne" class="link-internal link-image" role="link" tabindex="0" aria-label="Click this power on icon to continue" alt="Power on button icon" ><img src="https://remote.co.com/MoTT/AgentTraining/Images/onicon.png" alt="Power On button"></a> <br> <br> <span aria-label="Click Button to go back"><<link "Back">><<goto "Start">><</link>> </span> <</replace>> <</button>></span> </div> </div >

<div class="content-item sidebar"> <div class="title-wrapper"> <img src="assets/img/code-or.png" alt="Codebreaking Button" id="Codebreaking" class=" orange"> <p><span>1. </span>Code Breaking</p> </div> </div>

<div class="content-item sidebar"> <div class="title-wrapper"> <img src="assets/img/fog-or.png" alt="Fog Clearing Button" id="Fog Clearing" class=" orange"> <p><span>2. </span>Fog Clearing</p> </div> </div>

<div class="content-item sidebar"> <div class="title-wrapper"> <img src="assets/img/fire-or.png" alt="Signal Fire System Button" class=" orange"> <p><span>3. </span>Signal Fire System</p> </div> </div>

<div class="content-item sidebar"> <div class="title-wrapper"> <img src="assets/img/time-or.png" alt="Time Nudging Button" class=" orange"> <p><span>4. </span>Time Nudging</p> </div> </div>

<div class="mentor-wrapper"> <p><span>Your Mentor:</span> <span>Chief Timer</span> <span>Beatrix Vandenberg</span></p> <img src="assets/img/mentor-amy.png" class="mentor" alt="Chief Timer Beatrix Vanderberg"> </div>

<div class="mentor-wrapper"> <span class="caption">Duke of Wellington</span> <img src="assets/img/oldman.png" class="mentor oldman" alt="The Duke of Wellington"> </div>

<div class="scovell-wrapper"> <img src="assets/img/scovell.png" class="scovell" alt="The George Scovell"> <span class="caption">George Scovell</span> </div>

<div class="mentor-wrapper napolean"> <span class="caption">Napoleon Bonaparte</span> <img src="assets/img/napolean.png" class="mentor oldman" alt="Napoleon Bonaparte"> </div>

<div class="scovell-wrapper joseph"> <img src="assets/img/joseph.png" class="scovell" alt="Joseph Bonaparte "> <span class="caption">Joseph Bonaparte </span> </div>

/* VIDEO */ <<include "audioBtnText">> <div class="wrapper"> <main id="main" class="video"><<set $title to "V1">> <div id="video" class="video-wrapper" role="video" aria-label="MOTT Training 1 video"> <<if $audioDesc is true>> <iframe src="https://player.vimeo.com/video/984264156?h=f59397ce12&badge=0&autopause=0&player_id=0&app_id=58479&speed=1&controls=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 1"></iframe> <<else>> <iframe src="https://player.vimeo.com/video/640377198?h=6aeee3d5c8&badge=0&autopause=0&player_id=0&app_id=58479&speed=1&controls=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 1"></iframe> <</if>></div> </main> <footer><nav><div id="back" class="button-wrapper"><<link "Back" "Zero">><</link>></div> <span class="button-wrapper" aria-label="Click this button to toggle audio descriptions with videos"><<button $audioBtn>> <<if $audioDesc is true>> <<set $audioDesc to false>> <<include "audioBtnText">> <<goto "One">> <<else>> <<set $audioDesc to true>> <<include "audioBtnText">> <<goto "One">> <</if>> <</button>></span> <div id="text"></div></nav></footer> </div> <<silently>><<timed 0.1s t8n>><<append "#text">> <br><span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|Two]]>><<set $iconOnly to false>><</button>></span><</append>> <</timed>><</silently>>

/* MENU */ <<set $title to "343">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <<if $audioOn is true>><audio src="assets/audio/Challenge 1.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="wrapper menu"> <<include "headermenugrid">> <main id="main" class="menu"> /* GRID */ <div class="content-wrapper"> <div class="content-item sidebar"> <p>Let’s begin with Challenge 1. <br/>Click on Number 1 - Code Breaking.</p> </div> <div class="menu-wrapper content-item content menu"> <a data-passage="Three" class="link-internal macro-link grid-item code" tabindex="0"> <div class="menu-item "> <div class="title-wrapper grid"> <img src="assets/img/code-w.png" alt="Codebreaking Button" id="Codebreaking" class="imaglink active challenges"> <p>1. Code Breaking</p> </div> <img src="assets/img/crumpo.png" class="option"> </div> </a> <div class="menu-item grid-item fog"> <div class="title-wrapper grid"> <img src="assets/img/fog-w.png" alt="Fog Clearing Button" id="fogClearing" class="inactive challenges"> <p>2. Fog Clearing</p> </div> <img src="assets/img/fog.png" class="option"> </div> <div class="menu-item grid-item fire"> <img src="assets/img/fire.png" class="option"> <div class="title-wrapper grid"> <img src="assets/img/signal-w.png" alt="Signal Fire System Button" id="signalFireSystem" class="inactive challenges"> <p>3. Signal Fire System</p> </div> </div> <div class="menu-item grid-item time"> <div class="title-wrapper grid"> <img src="assets/img/time-w.png" alt="Nudging Challenge Button" id="nudging" class="inactive challenges"> <p>4. Time Nudging</p> </div> <img class="option" src="assets/img/time.png"> </div> <img class=" grid-item arrow1" src="assets/img/arrow-o.png"> <img class=" grid-item arrow2" src="assets/img/arrow-y2.png"> <img class=" grid-item arrow3" src="assets/img/arrow-y.png"> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<<set $challenge to 1>><<set $title to 2>> <div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"> <p>/*<<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Loading op 2.wav" autoplay>Sound plays</audio><</if>>*/<<if $audioOn is true>><audio src="assets/audio/2. Challenge 1 - Keyword 1 V2.mp3" autoplay>Audio not supported in your browser</audio><</if>></p> <div class="content-wrapper"> <<include "sidebarcode">> <div class="content-item content text"> <p>We'll start off easy.</p> <p>Time for you to learn some of the skills you'll need to be a Time Agent. Unscramble the WORDS to uncover some facts about the MOTT.</p> <p>You'll have ONE minute.</p> <p>(We're not just going to reveal it to <em>anyone</em>)</p> <<timed 0.1s t8n>><span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Begin|Four]]>><</button>></span><</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<div class="wrapper menu codeword question"> <<include "headermenu">> <main id="main" class=" menu codeword question"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <div id="audiomount"></div> <div class="content-wrapper"> <<include "sidebarcode">> <div class="content-item content text"> <h3 class="subtitle" >QUESTION 1:</h3> <span id="cdWrapper"><span id="countdown"><<set $seconds to 60>>60</span> seconds remaining</span> <div id="scrambled" class="scrambled" tabindex="0"><span>RESECT</span></div> <<link "Click for a hint">> <<toggleclass "#hint" "disappear">> <<replace "#audiomount">><audio src="assets/audio/Challenge 1 - HINT 1.mp3" autoplay>Audio is not supported on your device</audio><</replace>> <</link>> <p id="hint" class="disappear">Hint: Shhhhh</p> <h3 class="subtitle"></h3> <br> <div id="answer" style="text-transform: uppercase;" > <label for="textbox--password" tabindex="0"><span aria-label="Rearrange the letters and enter the word here " role="label" >Rearrange the letters and enter the word here:</span></label> <<textbox "_password" "" >> <span class="button-wrapper" aria-label="Click Button to check answer"><<button "Check">><<set $answer to _password.toUpperCase()>><<if $answer is "SECRET">><<goto "Five">><<else>><<replace "#wrong">>Wrong<<timed 2.5s>><<replace "#wrong">><</replace>><</timed>><</replace>><</if>><</button>> </span></div> <br><span id="wrong"></span> </div> </div> </main> <<include "footer">> </div> <<include "mentor">> <<timed 3s>> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#cdWrapper">><h3>Here's an extra hint: S?C??T</h3><</replace>> <<stop>> <</if>> <</repeat>> <</silently>> <</timed>>

<div class="wrapper menu codeword question answer1"> <img src="assets/img/bg-code-answer1.png" class="disappear" alt="Man looking over secret files"> <<include "headermenu">> <main id="main" class=" menu codeword question answer1"> <p><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 3.wav" autoplay>Sound plays</audio><</if>><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/3. Challenge 1 - Keyword 2.mp3" autoplay>Audio not supported in your browser</audio><</if>></p> <div class="content-wrapper"> <<include "sidebarcode">> <div class="content-item content text"> <h3 class="subtitle">QUESTION 1: <span class="orange">Answer</span></h3> <div id="scrambled" class="scrambled"><span>SECRET</span></div> <p>Yes, the MOTT is a secret organisation. </p> <p>Not even the government know about the MOTT. The PM doesn't know a thing. The National Archives staff do, so The National Archives staff have higher clearance! The MOTT is the hidden core - and protected by everyone.</p> <p>You now are part of that.</p> <<timed 0.1s t8n>><span class="button-wrapper orange" aria-label="Click a button or link to move on"><<button [[Next|Eight]]>><</button>></span> <</timed>> </div> </div> </main> <<include "mentor">> <<include "footer">> </div>

<div class="wrapper menu codeword question"> <<include "headermenu">> <main id="main" class=" menu codeword question "><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <div id="audiomount"></div> <div class="content-wrapper"> <<include "sidebarcode">> <div class="content-item content text"> <p><div id="text"> </div></p> <h3 class="subtitle">QUESTION 2:</h3> <span><span id="countdown"><<set $seconds to 60>>60</span> seconds remaining</span> <div id="scrambled" class="scrambled" tabindex="0"><span>PRUMTECS</span></div> <<link "Click for a hint">> <<toggleclass "#hint" "disappear">> <<replace "#audiomount">><audio src="assets/audio/Challenge 1 - HINT 2.mp3" autoplay>Audio is not supported on your device</audio><</replace>> <</link>> <p id="hint" class="disappear"> A tasty breakfast with holes in it - which I, The Chief Timer, love.</p> <br><br> <div id="answer" style="text-transform: uppercase;" tabindex="0"> <label for="textbox--password" ><span aria-label=">Rearrange the letters and enter the word here:" role="label">Rearrange the letters and enter the word here:</span></label> <<textbox "_password" "" >><span class="button-wrapper" aria-label="Click Button to check answer"><<button "Check">><<set $answer to _password.toUpperCase()>><<if $answer is "CRUMPETS">><<goto "Nine">><<else>><<replace "#wrong">>Wrong<<timed 2.5s>><<replace "#wrong">><</replace>><</timed>><</replace>><</if>><</button>></span> <br><span id="wrong"></span></div> </div></div> <<include "mentor">> </main> <<include "footer">> </div> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds <</replace>> <<else>> <<replace "#countdown">><h3>Here's an extra hint: CR??P??S</h3><</replace>> <<stop>> <</if>> <</repeat>> <</silently>>

<div class="wrapper menu codeword question answer3"> <img src="assets/img/bg-code-answer3.png" class="disappear" alt="Two circles: one shows a child shhing to illustrate keeping a secret, and the second some crumpets"> <<include "headermenu">> <main id="main" class=" menu codeword question answer3"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 3.wav" autoplay>Sound plays</audio><</if>> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/5. Challenge 1 - end.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarcode">> <div class="content-item content text"> <h3 class="subtitle">QUESTION 2: <span class="orange">Answer</span></h3> <div id="scrambled" class="scrambled"><span>CRUMPETS</span></div> <p>This is the favourite food of most members of the Ministry of Time Travel.</p> <p>If you see someone eating a crumpet, they quite possibly are linked to the MOTT!</p> <<timed 0.1s t8n>> <br><div class="border upper"><span class="button-wrapper orange" aria-label="Click a button or link to move on"><<button "Next" "CodeComplete">><<set $iconOnly to true>><<set $next to "Ten">><</button>></span></div ><</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<div class="wrapper menu codeword question answer3"> <<include "headermenu">> <main id="main" class=" menu codeword question answer3"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 1.wav" autoplay>Audio not supported in your browser</audio><</if>> <div class="content-wrapper"> <<include "sidebarcode">> <div class="content-item content text"> <<timed 0.1s>> <img src="assets/img/completed-b.png" alt="completed stamp" class="completed"> <p><div id="text"> </div></p> <</timed>> <<timed 0.1s t8n>> <br><div class="border upper"><span class="button-wrapper orange" aria-label="Click a button or link to move on"><<button "Next" >><<goto $next>><</button>></span></div ><</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div> /* <<timed 8s>><<goto $next>><</timed>> */

/* VIDEO */ <<include "audioBtnText">> <div class="wrapper"> <main id="main" class="video"> <<set $title to "V2">> <div id="video" class="video-wrapper" role="video" aria-label="MOTT Training 2 video"> <<if $audioDesc is true>> <iframe src="https://player.vimeo.com/video/640378731?h=99d45721b2&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 2"></iframe> <<else>> <iframe src="https://player.vimeo.com/video/984271876?h=99d45721b2&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 2"></iframe> <</if>> </div> </main> <footer> <nav><div id="back" class="button-wrapper"><<link "Back" "Nine">><</link>></div> <span class="button-wrapper" aria-label="Click this button to toggle audio descriptions with videos"><<button $audioBtn>> <<if $audioDesc is true>> <<set $audioDesc to false>> <<include "audioBtnText">> <<goto "Ten">> <<else>> <<set $audioDesc to true>> <<include "audioBtnText">> <<goto "Ten">> <</if>> <</button>></span> <div id="text"></div></nav> </footer> </div> <<silently>> <<timed 0.1s t8n>><<append "#text">><br><span class="button-wrapper" aria-label="Click a button or link to move on"><<button "Next" "TransPass">><<set $iconOnly to false>><<set $next to "Eleven">><</button>></span><</append>> <</timed>> <</silently>>

/* MENU */ <<set $title to "3333">> <div class="wrapper menu"> <<include "headermenugrid">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <<if $audioOn is true>><audio src="assets/audio/Challenge 2.mp3" autoplay >Audio is not supported on your device</audio><</if>> /* GRID */ <div class="content-wrapper"> <div class="content-item sidebar"> <p>Time to clear the fog in Challenge 2. Click on it now.</p> </div> <div class="menu-wrapper content-item content menu"> <div class="menu-item grid-item code"> <div class="title-wrapper grid"> <img src="assets/img/code-w.png" alt="Codebreaking Button" id="Codebreaking" class="imaglink active challenges"> <p>1. Code Breaking</p> </div> <img src="assets/img/crumpo.png" class="option"> </div> <a data-passage="TwelveOne" class="link-internal macro-link grid-item fog" tabindex="0"> <div class="menu-item "> <div class="title-wrapper grid"> <img src="assets/img/fog-w.png" alt="Fog Clearing Button" id="fogClearing" class="inactive challenges"> <p>2. Fog Clearing</p> </div> <img src="assets/img/fog.png" class="option"> </div> </a> <div class="menu-item grid-item fire"> <img src="assets/img/fire.png" class="option"> <div class="title-wrapper grid"> <img src="assets/img/signal-w.png" alt="Signal Fire System Button" id="signalFireSystem" class="inactive challenges"> <p>3. Signal Fire System</p> </div> </div> <div class="menu-item grid-item time"> <div class="title-wrapper grid"> <img src="assets/img/time-w.png" alt="Nudging Challenge Button" id="nudging" class="inactive challenges"> <p>4. Time Nudging</p> </div> <img class="option" src="assets/img/time.png"> </div> <img class=" grid-item arrow1" src="assets/img/arrow-o.png"> <img class=" grid-item arrow2" src="assets/img/arrow-y2.png"> <img class=" grid-item arrow3" src="assets/img/arrow-y.png"> <img src="assets/img/completed-b.png" alt="completed stamp" class="completecode" > </div> </div> <<include "mentor">> </main> <footer> <nav class="right"> <div id="back"><<link "Back" "Ten">><</link>></div> </nav></footer> </div>

<<set $challenge to 2>><<set $title to 3>> <div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/6. Challenge 2 - intro pt 1.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfog">> <div class="content-item content text"> <p>We need to intepret the evidence from the past, but sometimes the evidence can be all foggy and scrambled so we have to work it out.</p> <p>Sometimes, we need to look in detail at images to inspect them, and interpret the information we see.</p> <p>Just in case something has changed in the past.</p> <p>Interpreting clears the fog.</p> <<timed 0.1s t8n>><span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|TwelveTwo]]>><</button>></span><</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<<set $seconds to 10>> <div class="wrapper menu"> <<include "headermenugrid">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfog">> <div class="content-item content game"> <div id="gameContent" class="game-content"> <h3 class="subtitle"> <span id="image-text"><p>How many women are in the picture?</p><<set $seconds to 10>> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">><h3 class="timer">$seconds</h3><</replace>> <<else>><<stop>> <</if>> <</repeat>> <</silently>> </span></h3> <div class="fog-content-wrapper"> <div id="image" class="fog-img-wrapper"> <img src="assets/img/women2.jpeg" id="img1" alt="four women"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/7. Challenge 2 - pic 1.mp3" autoplay>Audio is not supported on your device</audio><</if>> </div> <div class="timer "> <span id="countdown" class="countdown"><h3 class="timer">$seconds</h3></span> /* <img src="assets/img/timer.png" id="timer" alt="an hourglass timer" class="logoRot"> */ <span class="hourglass-wrapper logoRot" id="hourglass" alt="an hourglass timer"><<link [img[assets/img/timer.png]]>><<addclass "#hourglass" "nohourglass">><</link>></span> </div> </div> </div> </div> </div> <<silently>> <<timed 10s>> <<replace "#countdown">>X<</replace>> <<replace "#image">><img src="assets/img/parrots.jpeg" id="img2" alt="woman holding two parrots" class="smaller"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/8. Challenge 2 - pic 2.mp3" autoplay>Audio is not supported on your device</audio><</if>><</replace>> <<replace "#image-text">><p>How many parrots?</p> <<set $seconds to 10>> <<silently>> <<replace "#countdown">><h3 class="timer">$seconds</h3><</replace>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">><h3 class="timer">$seconds</h3><</replace>> <<else>><<stop>> <</if>> <</repeat>> <</silently>> <</replace>> <</timed>> <<timed 21s>> <<replace "#countdown">>X<</replace>> <<replace "#image">><img src="assets/img/cats.jpg" id="img3" alt="Six cats are sat at the table. Three of them are ginger."> <<if $audioOn is true>><audio src="" autoplay>Audio is not supported on your device</audio><</if>><</replace>> <<replace "#image-text">><p>How many ginger cats?</p> <<set $seconds to 10>> <<silently>> <<replace "#countdown">><h3 class="timer">$seconds</h3><</replace>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">><h3 class="timer">$seconds</h3><</replace>> <<else>><<stop>> <</if>> <</repeat>> <</silently>> <</replace>> <</timed>> <<timed 32s>> <<replace "#countdown">>X<</replace>> <<replace "#image">><img src="assets/img/children.jpg" id="img4" alt="A teacher is reading an alphabet book to five young children" class=""> <<if $audioOn is true>><audio src="" autoplay>Audio is not supported on your device</audio><</if>><</replace>> <<replace "#image-text">><p>How many children? </p><<set $seconds to 10>><<silently>> <<replace "#countdown">><h3 class="timer">$seconds</h3><</replace>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">><h3 class="timer">$seconds</h3><</replace>><<else>><<stop>> <</if>> <</repeat>> <</silently>> <</replace>> <</timed>> <<timed 43s>> <<replace "#countdown">><</replace>> <<replace "#image">><img src="assets/img/chocolate.jpeg" id="img5" alt="Two women and a child are in a field. Behind them are four cows." class="smaller"> <<if $audioOn is true>><audio src="" autoplay>Audio is not supported on your device</audio><</if>><</replace>> <<replace "#image-text">><p>How many cows?</p><<set $seconds to 10>> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">><h3 class="timer">$seconds</h3><</replace>> <<else>><<stop>> <</if>> <</repeat>> <</silently>> <</replace>> <</timed>> <<timed 54s>> <<replace "#countdown">><</replace>> <<replace "#gameContent">> <<if $audioOn is true>><audio src="assets/audio/Challenge 2 - enter numbers_replay.mp3" autoplay>Audio is not supported on your device</audio><</if>> <p>Did you get the numbers?</p> <p>Enter them below if so, or hit replay for another go. </p> <div id="answer"> <br> <label for="textbox--password" tabindex="0"><span aria-label="Enter the numbers found in the images:" role="label">Enter the numbers found in the images:</span></label> <<textbox "_password" "">> <br> <span id="wrong"></span> <span class="multiple-btn-wrapper"> <span class="button-wrapper" aria-label="Click Button to check your answer"><<button "Check">><<if _password is "42454">><<set $next to "Fifteen">><<set $iconOnly to true>><<goto "FogComplete">><<else>><<replace "#wrong">>Try Again<<timed 2.5s>><<replace "#wrong">><</replace>><</timed>><</replace>><</if>><</button>></span> <span class="button-wrapper" aria-label="Click Button to replay"><<button "Replay">><<goto "ThirteenNoTimer">><</button>></span> </span> </div> <</replace>> <</timed>> <</silently>> <<include "mentor">> </main> <<include "footer">> </div>

<div class="wrapper menu"> <<include "headermenugrid">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfog">> <div class="content-item content game"> <div id="gameContent" class="game-content"> </div> </div> </div> <<include "mentor">> </main> <<include "footer">> </div> <<timed 0.1s>> <<replace "#gameContent">><<include "ThirteenNoTimer1">><</replace>> <</timed>>

<h3 class="subtitle"> <span id="image-text"><p>How many women are in the picture? </p></span></h3> <div class="fog-content-wrapper"> <div id="image" class="fog-img-wrapper"><img src="assets/img/women2.jpeg" id="img1" alt="four women"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/7. Challenge 2 - pic 1.mp3" autoplay>Audio is not supported on your device</audio> <</if>></div> <div class="button-wrapper" id="button-wrapper"> <<button "Next">> <<replace "#gameContent">><<include "ThirteenNoTimer2">><</replace>> <</button>> </div> </div>

<h3 class="subtitle"> <span id="image-text"><p>How many parrots?</p></span></h3> <div class="fog-content-wrapper"> <div id="image" class="fog-img-wrapper"> <img src="assets/img/parrots.jpeg" id="img2" alt="woman holding two parrots" class="smaller"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/8. Challenge 2 - pic 2.mp3" autoplay>Audio is not supported on your device</audio><</if>></div> <div class="button-wrapper" > <<button "Next">> <<replace "#gameContent">><<include "ThirteenNoTimer3">><</replace>> <</button>> </div> </div>

<h3 class="subtitle"> <span id="image-text"><p>How many ginger cats?</p></span></h3> <div class="fog-content-wrapper"> <div id="image" class="fog-img-wrapper"><img src="assets/img/cats.jpg" id="img3" alt="Six cats are sat at the table. Three of them are ginger."> <<if $audioOn is true>><audio src="" autoplay>Audio is not supported on your device</audio><</if>></div> <div class="button-wrapper" > <<button "Next">> <<replace "#gameContent">><<include "ThirteenNoTimer4">><</replace>> <</button>> </div> </div>

<h3 class="subtitle"> <span id="image-text"><p>How many children? </p></span></h3> <div class="fog-content-wrapper"> <div id="image" class="fog-img-wrapper"><img src="assets/img/children.jpg" id="img4" alt="A teacher is reading an alphabet book to five young children" class=""> <<if $audioOn is true>><audio src="" autoplay>Audio is not supported on your device</audio><</if>></div> <div class="button-wrapper" > <<button "Next">> <<replace "#gameContent">><<include "ThirteenNoTimer5">><</replace>> <</button>> </div> </div>

<h3 class="subtitle"> <span id="image-text"><p>How many cows?</p></span></h3> <div class="fog-content-wrapper"> <div id="image" class="fog-img-wrapper"><img src="assets/img/chocolate.jpeg" id="img5" alt="Two women and a child are in a field. Behind them are four cows." class="smaller"> <<if $audioOn is true>><audio src="" autoplay>Audio is not supported on your device</audio><</if>></div> <div class="button-wrapper" > <<button "Next">> <<replace "#gameContent">><<include "ThirteenNoTimer6">><</replace>> <</button>> </div> </div>

<<if $audioOn is true>><audio src="assets/audio/Challenge 2 - enter numbers_replay.mp3" autoplay>Audio is not supported on your device</audio><</if>> <p>Did you get the numbers?</p> <p>Enter them below if so, or hit replay for another go. </p> <div id="answer"> <br> <label for="textbox--password" tabindex="0"><span aria-label="Enter the numbers found in the images:" role="label">Enter the numbers found in the images:</span></label> <<textbox "_password" "">> <br> <span id="wrong"></span> <span class="multiple-btn-wrapper"> <span class="button-wrapper" aria-label="Click Button to check your answer"><<button "Check">><<if _password is "42454">><<set $next to "Fifteen">><<set $iconOnly to true>><<goto "FogComplete">><<else>><<replace "#wrong">>Try Again<<timed 2.5s>><<replace "#wrong">><</replace>><</timed>><</replace>><</if>><</button>></span> <span class="button-wrapper" aria-label="Click Button to replay"><<button "Replay">><<goto "ThirteenNoTimer">><</button>></span> </span> </div>

<div id="main"> <<textbox "_password" "">> <<button "Next">><<if _password is "52216691622">><<goto [[Fifteen]]>><<else>><<replace "#wrong">>Try Again<</replace>><</if>><</button>> <span id="wrong"></span> </div> STUFF IN HERE HAS BEEN MOVED TO THE END OF THIRTEEN

/* VIDEO */ <<include "audioBtnText">> <div class="wrapper"> <main id="main" class="video"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 3.wav" autoplay></audio><</if>><<set $title to "V3">> <div id="video" class="video-wrapper" role="video" aria-label="MOTT Training 3 video"> <<if $audioDesc is true>> <iframe src="https://player.vimeo.com/video/984273490?h=40c553c519&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 3"></iframe> <<else>> <iframe src="https://player.vimeo.com/video/640379390?h=40c553c519&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 3"></iframe> <</if>> </div> </main> <footer><nav><div id="back" class="button-wrapper"><<link "Back" "TwelveTwo">><</link>></div> <span class="button-wrapper" aria-label="Click this button to toggle audio descriptions with videos"><<button $audioBtn>> <<if $audioDesc is true>> <<set $audioDesc to false>> <<include "audioBtnText">> <<goto "Fifteen">> <<else>> <<set $audioDesc to true>> <<include "audioBtnText">> <<goto "Fifteen">> <</if>> <</button>></span> <div id="text"></div></nav></footer> </div> <<silently>> <<timed 0.1s t8n>><<append "#text">><br><span class="button-wrapper" aria-label="Click a button or link to move on"><<button "Next" "TransPass">><<set $next to "Sixteen">><<set $iconOnly to false>><</button>></span><</append>> <</timed>> <</silently>>

/* MENU */ <<set $title to "sfsd">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <<if $audioOn is true>><audio src="assets/audio/Challenge 3.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="wrapper menu"> <<include "headermenugrid">> <main id="main" class="menu"> /* GRID */ <div class="content-wrapper"> <div class="content-item sidebar"> <p>Time to click on the Signal Fire Challenge.</p> </div> <div class="menu-wrapper content-item content menu"> <div class="menu-item grid-item code"> <div class="title-wrapper grid"> <img src="assets/img/code-w.png" alt="Codebreaking Button" id="Codebreaking" class="imaglink active challenges"> <p>1. Code Breaking</p> </div> <img src="assets/img/crumpo.png" class="option"> </div> <div class="menu-item grid-item fog "> <div class="title-wrapper grid"> <img src="assets/img/fog-w.png" alt="Fog Clearing Button" id="fogClearing" class="inactive challenges"> <p>2. Fog Clearing</p> </div> <img src="assets/img/fog.png" class="option"> </div> <a data-passage="Seventeen" class="link-internal macro-link grid-item fire" tabindex="0"> <div class="menu-item "> <img src="assets/img/fire.png" class="option"> <div class="title-wrapper grid"> <img src="assets/img/signal-w.png" alt="Signal Fire System Button" id="signalFireSystem" class="inactive challenges"> <p>3. Signal Fire System</p> </div> </div> </a> <div class="menu-item grid-item time"> <div class="title-wrapper grid"> <img src="assets/img/time-w.png" alt="Nudging Challenge Button" id="nudging" class="inactive challenges"> <p>4. Time Nudging</p> </div> <img class="option" src="assets/img/time.png"> </div> <img class=" grid-item arrow1" src="assets/img/arrow-o.png"> <img class=" grid-item arrow2" src="assets/img/arrow-y2.png"> <img class=" grid-item arrow3" src="assets/img/arrow-y.png"> <img src="assets/img/completed-b.png" alt="completed stamp" class="complete completecode" > <img src="assets/img/completed-b.png" alt="completed stamp" class="complete completefog" > </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<<set $challenge to 3>><<set $title to 4>> <div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/12. Challenge 3 - intro.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfire">> <div class="content-item content text"> <p>Welcome to the Signal Fire System challenge.</p> <p>Sometimes we receive mysterious messages from the Signal Fire System that make little sense until we investigate.</p> <<timed 0.1s t8n>><span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|Eighteen]]>><</button>></span> <</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="assets/audio/13. Challenge 3 - 2 V2.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfire">> <div class="content-item content text"> <p>One time we received a document from over 550 years ago, from medieval times. It was a very simple document that was sealed shut, but with important information inside that we needed to understand.</p> <p>The seal had a code on it that was used in medieval times to keep information secret.</p> <p>Fortunately, there were some examples in The National Archives so we could break it.</p> <p>Let's see if you can work out how to find how to get into the document. We'll show you the word up close.</p> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|Nineteen]]>><</button>></span> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio id="player" src="assets/audio/14 Challenge 3 - 3 V2.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfire">> <div class="content-item content text"> /* <<timed 40ms t8n>><div id="flour">Flour</div><</timed>> */ <<timed 40ms t8n>><span class="flour-wrapper intext" ><img src="assets/img/flour.png" alt="spells flour backwards" class=""></span><</timed>> <p id="text" tabindex="0">What is the word we found? </p> <p>Type it in below if you can work it out. </p> <div id="hint" ><p>Need a <<if $audioOn is true>> <span onclick="document.getElementById('player').pause()" aria-label="Click here for a hint" class="button-wrapper inline"> <<button "Hint?">><<replace "#hint">> <audio src="assets/audio/15. Challenge 3 - 4 V2.mp3" autoplay></audio> <p><em>You'll discover the truth <br/>through its reflection</em></p> <p><em>(a mirror or a selfie may help)</em></p><</replace>> <</button>></span> <<else>> <span class="button-wrapper inline" aria-label="Click here for a hint"> <<button "Hint?">><<replace "#hint">><p><em>You'll discover the truth<br/> through its reflection </em></p><p><em>(a mirror or a selfie may help)</em></p><</replace>><</button>> </span> <</if>> </p> </div> <div id="answer" style="text-transform: uppercase;"> <label for="textbox--password" tabindex="0" ><span aria-label="Unscramble the letters and enter the word below" role="label">Unscramble the letters and enter the word below</span></label> <<textbox "_password" "" >><span class="button-wrapper" aria-label="Click Button to go Check your answer"><<button "Check">><<set $answer to _password.toUpperCase()>><<if $answer is "FLOUR">><<goto "Twenty">><<else>><<replace "#wrong">>Wrong<<timed 2.5s>><<replace "#wrong">><</replace>><</timed>><</replace>><</if>><</button>></span> <br><span id="wrong"></span></div> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<div class="wrapper menu fire answer1"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="assets/audio/16. Challenge 3 - 5 V2.mp3" autoplay>Sound plays</audio><</if>> <div class="content-wrapper"> <<include "sidebarfire">> <div class="content-item content text"> <p>You broke the code! Mirror writing, very clever.</p> <p>Yes, in the 15th century some people would send messages with this mirrored seal to keep the information safe.</p> <p>We discovered that TADAH were contacting the past like this with a sealed message. </p> <p>Oh, I’ll explain about TADAH later. </p> <p>They aren’t a good bunch. </p> <p>Here is what we found inside the note you opened. </p> <br> <span aria-label="Click a button or link to move on" class="button-wrapper"><<button [[Next|TwentyOneOne]]>><</button>></span> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<<set $title to "dfsd">> <div class="wrapper"> <main id="main" class="flex-container-col-cen"> <div class="logo-wrapper right"><img src="assets/img/training-logo.png" class="logo na" aria-hidden="true"></div> <img src="assets/img/mott-logo.png" id="MottLogo" class="logomott"><<set $next to "One">> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/1. Question.mp3" autoplay>Audio not supported in your browser</audio><</if>> <div class="safeguard center"> <p> Are you here to safeguard the sands of time?</p> <div class="multiple-btn-wrapper"> <span class="button-wrapper sand" aria-label="Click a button or link to move on"> <<button "Yes">><<goto "Question">><<set $iconOnly to false>><</button>></span> <span class="button-wrapper sand" aria-label="Click Button to Quit"><a href="https://www.nationalarchives.gov.uk/" target="_blank" rel="noreferrer">No</a> /* [[No|https://www.nationalarchives.gov.uk/]] */</span> </div > </div> </main> <<include "footer">> </div >

<<set $title to "question">> <div class="wrapper"> <main id="main" class="flex-container-col-cen"> <div class="logo-wrapper right"><img src="assets/img/training-logo.png" class="logo na" aria-hidden="true"></div> <<if $audioOn is true>><audio src="assets/audio/Welcome.mp3" autoplay>Audio not supported in your browser</audio><</if>> <div class="safeguard center"> <h1 class="subtitle">Welcome</h1> <p> Have you taken MOTT training before?</p> <div class="multiple-btn-wrapper"> <span class="button-wrapper sand" aria-label="Click Button to choose Yes"> <<button "Yes">><<goto "UnlockFinal">><</button>></span> <span class="button-wrapper sand" aria-label="Click Button to begin training"><<button "No">><<set $next to "One">><<set $iconOnly to false>><<goto "TransPass">><</button>></span> </div > </div> </main> <<include "footer">> </div >

<div class="wrapper menu "> <<include "headermenu">> <main id="main" class=" menu codeword question"> <<if $audioOn is true>><audio src="assets/audio/Welcome answer yes.mp3" autoplay >Audio is not supported on your device</audio><</if>> <div id="audiomount"></div> <div class="content-wrapper"> <div class="content-item content text"> <p>Excellent.</p> <p>To unlock the final mission, enter the secret codeword below. </p> <div id="answer" style="text-transform: uppercase;" role="input" aria-label="Enter the codeword"> <label for="textbox--password" tabindex="0" ><span aria-label="Enter the codeword:" role="label" >Enter the codeword:</span></label> <<textbox "_password" "" >><span class="button-wrapper" aria-label="Check the Codeword"><<button "Check">><<set $answer to _password.toUpperCase()>><<if $answer is "BAGUETTE">><<goto "TwentyNine">><<else>><<replace "#wrong">>Wrong<<timed 2.5s>><<replace "#wrong">><</replace>><</timed>><</replace>><</if>><</button>><span aria-label="Click Button to check Answer"> </span></span></div> <br><span id="wrong"></span> <div class="unlock begin"> <p>Otherwise let’s get you started.</p> <span class="button-wrapper" aria-label="Click Button to begin training"><<button "Begin Training">><<set $next to "One">><<set $iconOnly to false>><<goto "TransPass">><</button>></span> </div> </div> </div> </main> <<include "mentor">> <<include "footer">> </div>

<div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/17. Challenge 3 - Medieval message.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfire">> <div class="content-item content letter"> <div class="cipher-wrapper "> <div class="cipherpaper"> <span id="line1" class="medieval">Appointment</span> <span id="line2" class="medieval">of the </span> <span id="line3" class="medieval">Time Agent Disrupters Against History</span> <span id="line5" class="medieval">to the </span> <span id="line6" class="medieval">King’s Flour Distribution Centre</span> <span id="line7" class="medieval">to limit the distribution of flour for crumpet related activities. </span> <span id="line8" class="medieval">All flour will no longer be used </span> <span id="line9" class="medieval">for </span> <span id="line10" class="medieval" aria-hidden="true">c r u m p e t &emsp; m a k i n g</span><span style="width: 0px; opacity: 0; position: absolute; top: 0px;">crumpet making</span> <span id="line11" class="medieval">no crumpets will be made</span></div> <<timed 0.1s t8n>><br><span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|TwentyOneTwo]]>><</button>></span><</timed>> </div> </div > </div> <<include "mentor">> </main> <<include "footer">> </div>

/* MENU */ <<set $title to 33333>> <div class="wrapper menu"> <<include "headermenugrid">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <<if $audioOn is true>><audio src="assets/audio/Challenge 4.mp3" autoplay>Audio is not supported on your device</audio><</if>> /* GRID */ <div class="content-wrapper"> <div class="content-item sidebar"> <p>The fourth challenge in the training. Click Time Nudging to begin.</p> </div> <div class="menu-wrapper content-item content menu"> <div class="menu-item grid-item code"> <div class="title-wrapper"> <img src="assets/img/code-w.png" alt="Codebreaking Button" id="Codebreaking" class="imaglink active challenges"> <p>1. Code Breaking</p> </div> <img src="assets/img/crumpo.png" class="option"> </div> <div class="menu-item grid-item fog"> <div class="title-wrapper"> <img src="assets/img/fog-w.png" alt="Fog Clearing Button" id="fogClearing" class="inactive challenges"> <p>2. Fog Clearing</p> </div> <img src="assets/img/fog.png" class="option"> </div> <div class="menu-item grid-item fire"> <img src="assets/img/fire.png" class="option"> <div class="title-wrapper"> <img src="assets/img/signal-w.png" alt="Signal Fire System Button" id="signalFireSystem" class="inactive challenges"> <p>3. Signal Fire System</p> </div> </div> <a data-passage="TwentyFour" class="link-internal macro-link grid-item time" tabindex="0"> <div class="menu-item "> <div class="title-wrapper"> <img src="assets/img/time-w.png" alt="Nudging Challenge Button" id="nudging" class="inactive challenges"> <p>4. Time Nudging</p> </div> <img class="option" src="assets/img/time.png"> </div> </a> <img class=" grid-item arrow1" src="assets/img/arrow-o.png"> <img class=" grid-item arrow2" src="assets/img/arrow-y2.png"> <img class=" grid-item arrow3" src="assets/img/arrow-y.png"> <img src="assets/img/completed-b.png" alt="completed stamp" class="complete completecode" > <img src="assets/img/completed-b.png" alt="completed stamp" class="complete completefog" > <img src="assets/img/completed-b.png" alt="completed stamp" class="complete completefire" > </div> </div> <<include "mentor">> </main> <footer> <nav class="right"> <div id="back"><<link "Back" "TwentyTwo">><</link>></div> </nav></footer> </div>

<<set $challenge to 4>><<set $title to 5>> <div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Loading op 2.wav" autoplay id="bgAudio">Sound plays</audio><</if>> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/19. Challenge 4 - 1.mp3" autoplay >Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebartime">> <div class="content-item content text"> <p>Welcome to the Nudging Challenge.</p> <p>Nudging the past is very dangerous. So, we must be sure we are nudging the right moment in history to keep things how they should be in the present.</p> <p>We have over 11 million records at The National Archives that we can investigate to give us a good idea on what happens, but there are always gaps, gaps that we must fill to make sure we are taking the right action.</p> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|TwentyFive]]>><</button>></span> <</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div> <<done>> <<if $audioOn is true>> <<set $vol to setup.changeVol(0.5)>> <</if>> <</done>>

<div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="assets/audio/21. Challenge 4 - 3 edit V3 .mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebartime">> <div class="content-item content text"> <p>You'll have to register yourself into the Signal Fire System. I can do this by connecting your phone up to the Signal Fire System.</p> <p>I know, cool right?</p> <p>There'll be some security questions you'll need to complete but passing those will give you the power to nudge the past if your Time Mission requires it.</p> <p>The MOTT Code Of Conduct will help you.</p> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|TwentySevenOne]]>><</button>></span> <</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<div class="wrapper menu"><<set $title to "cc">> <<include "headermenu">> <main id="main"> <<timed 22s>><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/code of conduct re-edit 23_11.mp3" autoplay >Sound plays</audio><</if>><</timed>> <<if $audioOn is true>><audio src="assets/audio/21b. Challenge 4 - 4 v2.mp3" autoplay >Sound plays</audio><</if>> <div class="content-wrapper"> <<include "sidebartime">> <div class="content-item content text" > <p tabindex="0">To register you'll need to send the word <strong>IGNITE</strong> to <strong><a href="tel:0748-078-6415">0748-078-6415</a></strong>.</p> <p>You'll receive the codeword to move on through the Signal Fire System.</p> <p>And here is the Code of Conduct.</p> <div id="answer"> <label for="textbox--password" tabindex="0"><span aria-label="Enter the codeword that you have received by text message:" role="label">Enter the codeword that you have received by text message:</span></label> <<textbox "_password" "" >> <span id="wrong"></span> <span class="button-wrapper" aria-label="Click Button to go Check codeword"><<button "Check">><<set $answer to _password.toUpperCase()>><<if $answer is "TADAH">><<set $next to "TwentyEight">><<set $iconOnly to true>><<goto "TimeComplete">><<else>><<replace "#wrong">>Wrong codeword<<timed 5s>><<replace "#wrong">><</replace>><</timed>><</replace>><</if>><</button>></span></div> <br> <br> <div id="code"> <div id="CoC"> <span class="Header"><img src="https://remote.co.com/MoTT/AgentTraining/Images/mottlogowords.png"> <h1>Code of Conduct</h1></span> <p class="CoCTitle"><span>clean</span>A clean desk is a clean mind, and saves on cleaning costs.</p> <p class="CoCTitle"><span>smile</span> Always offer the national archives & ministry staff a smile. It goes a long way.</p> <p class="CoCTitle"><span>shhhh</span>Keep the ministry secret at all costs. Try not to talk about it in your sleep.</p> <p class="CoCTitle"><span>Consequences</span> Butterfly Effect. Butterfly Effect. Butterfly Effect. Butterfly Effect. Don't forget the Butterfly Effect.</p> <p class="CoCTitle"><span>Mechanics</span> Remember the Signal Fire System is complicated. If you encounter problems, call the Mechanics. Don't pretend you can fix it with sticky tape.</p> <p class="CoCTitle"><span>Nudge</span> Don't Nudge time Unless you absolutely must. Careless Nudges lead to more Nudges and create <u>a lot</u> of paperwork.</p> <p class="CoCTitle"><span>Stay Alert</span> Is that woman over there really reading her newspaper? Enemy agents have eyes and ears everywhere.</p> <p class="CoCTitle"><span>Tadah</span> If you encounter tadah, ring the level 5 alarm.</p> <p class="CoCTitle"><span>Crumpet</span> No Crumpets near the Signal Fire System. </p> <p class="CoCTitle"><span>Time</span> Time is Tricky. Don't worry if not everything makes sense, we receive messages from a faraway future through a time machine, not everything makes sense.</p> </div> </div> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

/* VIDEO */ <<include "audioBtnText">> <div class="wrapper"> <main id="main" class="video"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 3.wav" autoplay>Sound plays</audio><</if>><<set $title to "V5">> <div id="video" class="video-wrapper" role="video" aria-label="MOTT Training 5 video"> <<if $audioDesc is true>> <iframe src="https://player.vimeo.com/video/984277914?h=cad3056aaf&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 5"></iframe> <<else>> <iframe src="https://player.vimeo.com/video/640381100?h=cad3056aaf&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 5"></iframe> <</if>> </div> </main> <footer><nav><div id="back" class="button-wrapper"><<link "Back" "TwentySevenOne">><</link>></div> <span class="button-wrapper" aria-label="Click this button to toggle audio descriptions with videos"><<button $audioBtn>> <<if $audioDesc is true>> <<set $audioDesc to false>> <<include "audioBtnText">> <<goto "TwentyEight">> <<else>> <<set $audioDesc to true>> <<include "audioBtnText">> <<goto "TwentyEight">> <</if>> <</button>></span> <div id="text"></div></nav></footer> </div> <<silently>> <<timed 0.1s t8n>><<append "#text">><br><span aria-label="Click a button or link to move on" class="button-wrapper"> <<button "Next" "TransPass">><<set $next to "TwentyNine">><<set $iconOnly to false>><</button>></span><</append>> <</timed>> <</silently>>

<<include "audioBtnText">> <div class="wrapper"> <main id="main" class="video"><<set $title to "V4">> <div id="video" class="video-wrapper" role="video" aria-label="MOTT Training 4 video"> <<if $audioDesc is true>> <iframe src="https://player.vimeo.com/video/984276114?h=f4e91c039a&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 4"></iframe> <<else>> <iframe src="https://player.vimeo.com/video/640380360?h=f4e91c039a&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 4"></iframe> <</if>> </div> </main> <footer><nav><div id="back" class="button-wrapper"><<link "Back" "TwentyOneTwo">><</link>></div> <span class="button-wrapper" aria-label="Click this button to toggle audio descriptions with videos"><<button $audioBtn>> <<if $audioDesc is true>> <<set $audioDesc to false>> <<include "audioBtnText">> <<goto "TwentyTwo">> <<else>> <<set $audioDesc to true>> <<include "audioBtnText">> <<goto "TwentyTwo">> <</if>> <</button>></span> <div id="text"></div></nav></footer> <<silently>> <<timed 0.1s t8n>><<append "#text">><br><span class="button-wrapper" aria-label="Click a button or link to move on"><<button "Next" "TransPass">><<set $iconOnly to false>><<set $next to "TwentyThree">><</button>></span><</append>> <</timed>> <</silently>>

<div class="wrapper menu fire"> <<include "headermenu">> <main id="main" class=" menu "> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 1.wav" autoplay>Audio not supported in your browser</audio><</if>> <div class="content-wrapper"> <<include "sidebarfire">> <div class="content-item content text"> <<timed 0.1s>><img src="assets/img/completed-b.png" alt="completed stamp" class="completed" ><</timed>> <p><div id="text"> </div></p> <<timed 0.1s t8n>> <br><div class="border upper"><span class="button-wrapper orange" aria-label="Click a button or link to move on"><<button "Next" >><<goto $next>><</button>></span></div ><</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div> <<timed 8s>><<goto $next>><</timed>>

/* MENU BAGUETTE */ <<set $title to "sdf">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/clock loop.wav" autoplay loop>Audio is not supported on your device</audio><</if>> <<if $audioOn is true>><audio src="assets/audio/Secret Mission.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="wrapper menu"> <<include "headermenugrid">> <main id="main" class="menu"> /* GRID */ <div class="content-wrapper"> <div class="content-item sidebar"> <p>You have unlocked the final part of your training. Click the secret mission icon.</p> </div> <div class="menu-wrapper content-item content menu"> <div class="menu-item grid-item code"> <div class="title-wrapper grid"> <img src="assets/img/code-w.png" alt="Codebreaking Button" id="Codebreaking" class="imaglink active challenges"> <p>1. Code Breaking</p> </div> <img src="assets/img/crumpo.png" class="option"> </div> <div class="menu-item grid-item fog "> <div class="title-wrapper grid"> <img src="assets/img/fog-w.png" alt="Fog Clearing Button" id="fogClearing" class="inactive challenges"> <p>2. Fog Clearing</p> </div> <img src="assets/img/fog.png" class="option"> </div> <div class="menu-item grid-item fire"> <img src="assets/img/fire.png" class="option"> <div class="title-wrapper grid"> <img src="assets/img/signal-w.png" alt="Signal Fire System Button" id="signalFireSystem" class="inactive challenges"> <p>3. Signal Fire System</p> </div> </div> <div class="menu-item grid-item time"> <div class="title-wrapper grid"> <img src="assets/img/time-w.png" alt="Nudging Challenge Button" id="nudging" class="inactive challenges"> <p>4. Time Nudging</p> </div> <img class="option" src="assets/img/time.png"> </div> /* BAGUETTE */ <a data-passage="Thirty" class="link-internal macro-link baguette " tabindex="0"><img src="assets/img/baguette.png" id="baguette" class="baguette pulse" alt="A pulsing Secret Mission icon" ></a> <img class=" grid-item arrow1" src="assets/img/arrow-o.png"> <img class=" grid-item arrow2" src="assets/img/arrow-y2.png"> <img class=" grid-item arrow3" src="assets/img/arrow-y.png"> <img src="assets/img/completed-b.png" alt="completed stamp" class=" complete completecode" > <img src="assets/img/completed-b.png" alt="completed stamp" class="complete completefog" > <img src="assets/img/completed-b.png" alt="completed stamp" class="complete completefire" > <img src="assets/img/completed-b.png" alt="completed stamp" class=" complete completetime" > </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

/* MISSION */ <div class="wrapper menu "> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="assets/audio/22. Challenge 5 - 1 v2.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text "> <div class="title-wrapper mission"> </div> <p>In this challenge you will use the real Signal Fire System.</p> <p>I told you you'd need to use it sooner rather than later! Are you ready to load a tutorial mission? It will pull on the skills you have learnt from the other challenges.</p> <p>If you need to complete this later - remember the codeword BAGUETTE to finish your training at a later time. It's the Secret Codeword. </p> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"> <<button "Next" "TransPass">><<set $iconOnly to false>><<set $next to "ThirtyOne">><</button>></span> <</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

/* MISSION */ <<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <<set $title to 6>> <span id="audio"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/loading within challenge 5.mp3" autoplay><p>Audio is not supported on your device</p></audio><</if>> </span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div class="title-wrapper mission"> <p></p> <img src="assets/img/baguette.png" alt="Secret Mission Logo" class=" orange"> </div> <div id="alarm"></div> <p>Hello,</p> <p>if you are listening to this then the Level 5 Alarm has been raised.</p> <p>This means only one thing... a message is coming in from the Signal Fire System about TADAH. They could be causing havoc in the past and that could change the present.</p> <p>You have been selected for this mission as you have the skills we need as a Time Agent. You’ll need all the skills from your training.</p> <p>Are you ready for the message from the Signal Fire System?</p> <<timed 0.1s t8n>> <br><span class="button-wrapper plain inverse" aria-label="Click a button or link to move on"><<button "YES, send it through Chief Timer" >> <<goto "IncomingMessageFr">> <</button>></span><</timed>> </div> </div> <<include "mentor">> </main> <<include "footermission">> </div> <<silently>> <<timed 2s t8n>><<replace "#text">><</replace>> <<append "#audio">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/level 5 alarmv2.mp3" autoplay><p>Audio is not supported on your device</p></audio><</if>><</append>> <</timed>> <<timed 4s t8n>><<append "#audio">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/23b. Challenge 5 - 2.mp3" autoplay><p>Audio is not supported on your device</p></audio><</if>><</append>><</timed>> <</silently>>

/* MISSION */ <<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/25. Challenge 5 - 3.mp3" autoplay>Audio is not supported on your device</audio><</if>> </span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div class="title-wrapper mission"> <p></p> <img src="assets/img/baguette.png" alt="Secret Mission Logo" class=" orange"> </div> <div id="alarm"></div> <div id="text"><p>Wow.</p> <p>That was all in French.</p> <p>Let's translate it for you.</p> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|IncomingMessageEn]]>><</button>></span> <</timed>> </div> </div> </div> <<include "mentor">> </main> <<include "footermission">> </div>

<<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/27. Challenge 5 - 4.mp3" autoplay>Audio is not supported on your device</audio><</if>> </span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="alarm"></div> <div id="text"> <p>Let’s see what The National Archives have for us...</p> <p>This is George Scovell. George Scovell is famous for breaking the code that helped Britain in the war with Napoleon (a famous French General) in 1812. </p> <p>Scovell was a great codebreaker. He would decipher lots of codes - that means he would be able to understand them. </p> <span id="georgesig" class="intext"><img src="assets/img/siggeorge.png" alt="George Scovell’s signature and example of coded letter."></span> <<timed 0.1s t8n>><<append "#text">> <span class ="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtyThreeTwo]]>><</button>></span> <</append>> <</timed>></div> </div> </div> <<include "mentor">> </main> <<include "footermission">> </div> <<silently>> <<timed 3.6s t8n>><<append "#text">> <<include "scovell">> <</append>> <</timed>> <</silently>>

<<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/30. Challenge 5 - 6.mp3" autoplay>Audio is not supported on your device</audio><</if>> </span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="alarm"></div> <div id="text"> <p>Trumpet sounds – TADAH!</p> <p>This must be what they nudged. They are distracting Scovell so he can’t solve the code.</p> <p>If Scovell doesn’t break the code then the British would never know where to launch their attacks, they would never find The Great Paris Cipher, would lose the battle and it seems, we would all end up speaking French.</p> <<timed 0.1s>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtySix]]>><</button>></span><</timed>></div> </div> </div> <<include "oldman">> </main> <<include "footermission">> </div>

<<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"> <<if $audioOn is true>><audio src="assets/audio/31. Challenge 5 - 7 v2.mp3" autoplay>Audio is not supported on your device</audio><</if>> </span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="alarm"></div> <div id="text"> <p>I don’t know if that would be too much of a bad thing... but I see now what TADAH have done...</p> <p>If the French win, then... no... we would all be eating baguettes rather than crumpets at the Ministry of Time Travel!</p> <p>That's what the signal fire system message meant. TADAH have done this just to annoy me as they know it will cause havoc and that I love crumpets and that I need them to do the job!</p> <p>We need to get to work!</p> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtySevenOne]]>><</button>></span> <</timed>> </div> </div> </div> <<include "oldman">> </main> <<include "footermission">> </div>

<<addclass "body" "black">> <div class="wrapper menu mission" id="wrapper"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"><<if $audioOn is true>><audio src="assets/audio/35. Challenge 5 - 10 V3.mp3" autoplay>Audio is not supported on your device</audio><</if>></span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="alarm"></div> <div id="text"> <<timed 0.1s>> <p>We have part of the code to decipher the letter –a letter from Joseph Bonaparte to his brother Napoleon Bonaparte. I’m going to need you to break the rest of the letter. If you can do that, then we can work out where the French are going to be and then hopefully the British can get the Great Paris Cipher.</p> <p>There isn’t much time. Not all the letter is in the code – just the key words. Break the code, stop TADAH. </p> <p>If we do that maybe, we’ll not end up speaking <span lang="fr">français</span>... I mean French. See, it's already starting to happen.</p> <p lang="fr">Aidez-moi, s'il vous plait</p> <p>Please help!</p> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"> <<button "Next" "TransPass">> <<set $iconOnly to false>> <<set $next to "Cypher">> <</button>> </span> <</timed>> <</timed>> </div > </div> </div> <<include "napolean">> <<include "joseph">> </main> <<include "footermission">> </div>

<<set $title to "Cy">> <div class="wrapper mission cipher"> <div class="cipher-wrapper"> <div class="cipherpaper" alt="an old looking piece of paper containing a code to break"> <div id="cyphertable" class="cyphertable "> <h3><span lang="fr">Décrypter le code</span> • <span lang="en">Decipher the code</span></h3> <div class="table"> <p class="table-item"><span class="tableletter">A</span><span class="sr-only">=</span><span class="number">1</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">B</span><span class="sr-only">=</span><span class="number">2</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">C</span><span class="sr-only">=</span><span class="number">3</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">D</span><span class="sr-only">=</span><span class="number">4</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">E</span><span class="sr-only">=</span><span class="number">5</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">F</span><span class="sr-only">=</span><span class="number">6</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">G</span><span class="sr-only">=</span><span class="number">7</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">H</span><span class="sr-only">=</span><span class="number">8</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">I</span><span class="sr-only">=</span><span class="number">9</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">J</span><span class="sr-only">=</span><span class="number">10</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">K</span><span class="sr-only">=</span><span class="number">11</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">L</span><span class="sr-only">=</span><span class="number">12</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">M</span><span class="sr-only">=</span><span class="number">13</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">N</span><span class="sr-only">=</span><span class="number">14</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">O</span><span class="sr-only">=</span><span class="number">15</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">P</span><span class="sr-only">=</span><span class="number">16</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">Q</span><span class="sr-only">=</span><span class="number">17</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">R</span><span class="sr-only">=</span><span class="number">18</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">S</span><span class="sr-only">=</span><span class="number">19</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">T</span><span class="sr-only">=</span><span class="number">20</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">U</span><span class="sr-only">=</span><span class="number">21</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">V</span><span class="sr-only">=</span><span class="number">22</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">W</span><span class="sr-only">=</span><span class="number">23</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">X</span><span class="sr-only">=</span><span class="number">24</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">Y</span><span class="sr-only">=</span><span class="number">25</span><span class="sr-only">,</span></p> <p class="table-item"><span class="tableletter">Z</span><span class="sr-only">=</span><span class="number">26</span><span class="sr-only">,</span></p> </div> </div> <div aria-label="The letter to Napoleon Bonaparte" class="napoleon-letter"> From Joseph Bonaparte to Emperor Napoléon Bonaparte, <br> Brother, I hope the Army of the South will not delay in gathering in <span id="CODE1" aria-labelledby="Code One 13.21.18.3.9.1"><span class="sr-only">Code One: </span>13.21.18.3.9.1<span aria-hidden="true">^^1^^</span></span>. <br>We will have 100,000 troops along the lines of the <span id="CODE2" aria-labelledby="Code Two 4.21.5.18.15" ><span class="sr-only">Code Two: </span>4.21.5.18.15<span aria-hidden="true">^^2^^</span></span> and <span id="CODE3" aria-label="Code Three 20.1.7.21.19"><span class="sr-only">Code Three: </span>20.1.7.21.19<span aria-hidden="true">^^3^^</span></span> Rivers. <br>Our troops will not be in <span id="CODE4" aria-label="Code Four 3.15.18.21.14.14.1"><span class="sr-only">Code Four: </span>3.15.18.21.14.14.1<span aria-hidden="true">^^4^^</span></span>. </div > </div> </div> <div id="Answers" class="answers-wrapper" aria-label="Four input boxes for the passwords" > <div class="answers-item" > <label for="textbox-password1" tabindex="0"><span aria-label="Enter Code One here:" role="label" >Code One:</span> <span id="wrong1" class="status" > </span> </label> <<textbox "$password1" "">> </div> <div class="answers-item" > <label for="textbox-password2" tabindex="0"><span aria-label="Enter Code Two here:" role="label" >Code Two:</span> <span id="wrong2" class="status" > </span> </label> <<textbox "$password2" "">> </div> <div class="answers-item" > <label for="textbox-password22" tabindex="0"><span aria-label="Enter Code Three here:" role="label" >Code Three:</span> <span id="wrong22" class="status" > </span> </label> <<textbox "$password22" "">> </div> <div class="answers-item" > <label for="textbox-password3" tabindex="0"><span aria-label="Enter Code Four here:" role="label" >Code One:</span> <span id="wrong3" class="status" > </span> </label> <<textbox "$password3" "">> </div> <br> <div class="check-wrapper "> <span aria-label="Check the Password" class="button-wrapper cipher-check"><<button "Check">> <<set _password1 to $password1.toUpperCase()>><<if _password1 is "MURCIA">><<set $correct1 to 1>><<replace "#wrong1">>Correct <</replace>><<else>><<replace "#wrong1">>Wrong <<timed 5s>><<replace "#wrong1">><</replace>><</timed>><</replace>><</if>> <<set _password2 to $password2.toUpperCase()>><<if _password2 is "DUERO">><<set $correct2 to 1>><<replace "#wrong2">>Correct <</replace>><<else>><<replace "#wrong2">>Wrong<<timed 5s>><<replace "#wrong2">><</replace>><</timed>><</replace>><</if>> <<set _password22 to $password22.toUpperCase()>><<if _password22 is "TAGUS">><<set $correct22 to 1>><<replace "#wrong22">>Correct <</replace>><<else>><<replace "#wrong22">>Wrong <<timed 5s>><<replace "#wrong22">><</replace>><</timed>><</replace>><</if>> <<set _password3 to $password3.toUpperCase()>><<if _password3 is "CORUNNA">><<set $correct3 to 1>><<replace "#wrong3">>Correct<</replace>><<else>><<replace "#wrong3">>Wrong<<timed 5s>><<replace "#wrong3">><</replace>><</timed>><</replace>><</if>> <<set $answer to $correct1 + $correct2 + $correct22 + $correct3>><<if $answer is 4>><<replace "#Answers">><h3>You did it!</h3><</replace>> <<timed 3s>><<goto "ThirtyNine">><</timed>><</if>> <</button>></span> </div> </div>

/* CONVERSATION TWO FOURTY */ <<addclass "body" "black">> <div class="wrapper menu mission "> /* <img src="assets/img/scovell.png" class="disappear" alt="George Scovell"> <img src="assets/img/oldman.png" class="disappear" alt="The Duke of Wellington"> */ <main id="main" class="conversation"> <span id="audio"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/scovell welling convo no tadah.mp3" autoplay>Audio is not supported on your device</audio><</if>></span> <div class="conversation-wrapper"> <div id="image"></div> <div id="text"></div> </div> </main> <<include "oldman">> <<include "scovell">> <<include "footermission">> </div> <<silently>> <<timed 3s t8n>> <<append "#text">> <<addclass "#text" "chat">> <p class="nameSender">WELLINGTON:</p> <span class="SFS left last" role="text" aria-label="Wellington"><p> Scovell, we don’t have much time.</p> </span> <</append>> <</timed>> <<timed 11s t8n>><<append "#text">><<removeclass ".left" "last">> <span class="SFS left last"><p>I must move our troops.</p> </span> <</append>> <</timed>> <<timed 13s t8n>><<append "#text">><<removeclass ".left" "last">> <span class="SFS left last"><p>Have you broken the French code yet?</p></span> <</append>> <</timed>> <<timed 16s t8n>><<append "#text">><br> <p class="nameSender scovell">SCOVELL:</p> <span class="SFS right last" role="text" aria-label="Scovell"><p>Yes... no... maybe.</p></span> <</append>> <</timed>> <<timed 19s t8n>><<append "#text">><<removeclass ".left" "last">><br> <p class="nameSender">WELLINGTON:</p> <span class="SFS left last" role="text" aria-label="Wellington"><p>I don’t move on maybe, Scovell.</p> </span><</append>> <</timed>> <<timed 22s t8n>><<append "#text">><<removeclass ".left" "last">> <span class="SFS left last" id="bottom"><p>I need assurances.</p></span><<ScrollTo "bottom" false>> <</append>> <</timed>> <<timed 25s t8n>><<append "#text">><<removeclass ".right" "last">><br> <p class="nameSender scovell">SCOVELL:</p> <span class="SFS right last" id="bottom1" role="text" aria-label="Scovell"><p>Sorry Sir –</p></span><<ScrollTo "bottom1" false>> <</append>> <</timed>> <<timed 27s t8n>><<append "#text">><<removeclass ".right" "last">> <span class="SFS right last" id="bottom2"> <p>I can’t seem to focus.</p></span><<ScrollTo "bottom2" false>> <</append>> <</timed>> <<timed 30s t8n>><<append "#text">><<removeclass ".left" "last">><br> <p class="nameSender">WELLINGTON:</p> <span class="SFS left last" id="bottom3" role="text" aria-label="Wellington"><p>I have not yet had any intelligence upon which I can rely on the exact position of the enemy’s armies.</p> </span><<ScrollTo "bottom3" false>> <</append>> <</timed>> <<timed 40s t8n>><<append "#text">><<removeclass ".right" "last">><br> <p class="nameSender scovell">SCOVELL:</p> <span class="SFS right last" id="bottom4" role="text" aria-label="Scovell"><p>I've done it Sir. I've broken the code.</p></span><<ScrollTo "bottom4" false>> <</append>> <</timed>> <<timed 43s t8n>><<append "#text">><<removeclass ".left" "last">><br> <p class="nameSender">WELLINGTON:</p> <span class="SFS left last" id="bottom5" role="text" aria-label="Wellington"><p>Tell me then.</p></span><<ScrollTo "bottom5" false>> <</append>> <</timed>> <<timed 46s t8n>><<append "#text">><br> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|FourtyOne]]>><</button>></span> <</append>> <</timed>> <</silently>>

<<if $audioOn is true>><audio src="assets/audio/35. Challenge 5 - 12 V2.mp3" autoplay>Audio is not supported on your device</audio><</if>> <<addclass "body" "black">> <div class="wrapper menu mission" id="wrapper"> <<include "headermenu">> <main id="main" class="menu"> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="text"></div> </div> </div> <<include "oldman">> </main> <<include "footermission">> </div> <<silently>> <<timed 0.1s>><<replace "#text">> <p>This is the moment. We must Nudge now. Before it is too late. </p> <p>Send the word SCOVELL through the Signal Fire System – <br><a href="tel:0748-078-6415">0748-078-6415</a>.</p> <p>Remember the information you discovered.</p> <p><span lang="fr">Bonne chance</span> - Good luck! </p> <</replace>><</timed>> <<timed 22s t8n>> <<append "#text">> <div class="cipher-wrapper"> <div class="cipherpaper joenap napoleon-letter" aria-label="The letter to Napoleon Bonaparte"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/33. Challenge 5 - French Letter with words.mp3" autoplay>Audio is not supported on your device</audio><</if>>From Joseph Bonaparte to Emperor Napoléon Bonaparte,<br> Brother, I hope the Army of the South will not delay in gathering in Murcia. <br>We will have 100,000 troops along the lines of the Duero and Tagus Rivers. <br>Our troops will not be in Corunna. </div> </div> <div class="flex-container-col-cen"> <p id="mount"></p> <label for="textbox--password" tabindex="0"><span aria-label="Enter the code word that you have received by text message" role="label">Enter the code word that you have received by text message</span></label> <br> <<textbox "_password" "" >><br/><span class="button-wrapper" aria-label="Click a button or link to move on"><<button "Enter">><<set $answer to _password.toUpperCase()>><<if $answer is "CIPHER">><<goto "FourtyTwo">><<else>><<replace "#wrong">>Wrong<<timed 2.5s>><<replace "#wrong">><</replace>><</timed>><</replace>><</if>><</button>></span> <br><span id="wrong"></span> </div > <<timed 60s>> <<replace "#mount">>Input Codeword to Continue<</replace>><</timed>> <</append>> <</timed>> <</silently>>

<div id="audio"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 3.wav" autoplay>Sound plays</audio><</if>><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/Loading op 2.mp3" autoplay>Audio is not supported on your device</audio><</if>></div> <div class="wrapper menu mission" id="wrapper"> <<include "headermenu">> <main id="main" class="menu"> <div class="content-wrapper" id="content"> <img src="assets/img/baguette.png" alt="Secret Mission Logo" class=" orange"> <div class="content-item content mission com"> <<timed 0.1s>><img src="assets/img/completed-w.png" class="completed" ><</timed>> <<timed 0.1s t8n>> <br><div class="border upper"><span class="button-wrapper orange" aria-label="Click a button or link to move on"><<button "Next" >><<goto "FourtyTwoTwo">><</button>></span></div ><</timed>> </div> </div> /* <<include "oldman">> */ </main> </div> /* <<silently>> <<timed 8s t8n>><<goto "FourtyTwoTwo">> <</timed>> <</silently>> */

<div id="audio"><<if $audioOn is true>><audio src="assets/audio/37. Well done v2.mp3" autoplay>Sound plays</audio><</if>><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/Loading op 2.mp3" autoplay>Audio is not supported on your device</audio><</if>></div> <div class="wrapper menu codeword question" id="wrapper"> <<include "headermenu">> <main id="main" class="menu"> <div class="content-wrapper" id="content"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text "> <div id="text"> <p>Well done on completing the tutorial mission.</p> <p>You did it.</p> <p>This was obviously a fictional mission – to test you. Some of those codes were not as they would have been. But, in a real mission your nudge here would have stopped TADAH causing havoc in the past.</p> <p>Don’t worry, Scovell wouldn’t have remembered about the nudge.He’d soon begin to think it was his own idea – his own thought. That is why people don’t know about us.</p> <p>The suggestion gets foggy.</p> <p>The nudge is just that... a nudge.</p> <p>A nudge in a direction.</p> <p>I think it is time for the final video. </p> <<timed 0.1s t8n>><span class="button-wrapper" aria-label="Click a button or link to move on"><<button "Next" "FourtyThree">><<set $next to "Sixteen">><</button>></span> <</timed>></div> </div> </div> <<include "mentor">> </main> <<include "footer">> </div> <<silently>> <<timed 1s t8n>><<replace "#audio">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/37. Well done.mp3" autoplay>Audio is not supported on your device</audio><</if>><</replace>> <</timed>> <</silently>>

/* VIDEO */ <<include "audioBtnText">> <div class="wrapper"> <main id="main" class="video"><<set $title to "V6">> <div id="video" role="video" class="video-wrapper" aria-label="MOTT Training 6 video"> <<if $audioDesc is true>> <iframe src="https://player.vimeo.com/video/984279226?h=9ce4d85b97&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 6"></iframe> <<else>> <iframe src="https://player.vimeo.com/video/640381678?h=9ce4d85b97&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MOTT Training 6"></iframe> <</if>> </div> </main> <footer><nav><div id="back" class="button-wrapper"><<link "Back" "Zero">><</link>></div> <span class="button-wrapper" aria-label="Click this button to toggle audio descriptions with videos"><<button $audioBtn>> <<if $audioDesc is true>> <<set $audioDesc to false>> <<include "audioBtnText">> <<goto "FourtyThree">> <<else>> <<set $audioDesc to true>> <<include "audioBtnText">> <<goto "FourtyThree">> <</if>> <</button>></span> <div id="text"></div></nav></footer> </div> <<silently>> <<timed 0.1s t8n>><<append "#text">><br><span class="button-wrapper" aria-label="Click a button or link to move on"><<button "Next" "TransPass">><<set $next to "FourtyFour-Cert">><</button>></span><</append>> <</timed>> <</silently>>

<<set $title to "end">> <<if $audioOn is true>><audio src="assets/audio/new challenge complete.mp3" autoplay>Audio is not supported on your device</audio><</if>> <<timed 3s>><<if $audioOn is true>><audio src="assets/audio/sign off.mp3" autoplay>Audio is not supported on your device</audio><</if>><</timed>> <div class="wrapper menu certificate"> <main id="main" class="menu certificate"> <div class="text-wrapper"> <p>Well done on completing your Agent Training 101!</p> <p>Take a picture or screen shot of your certification below.</p> <p>Next time you come into The National Archives, show the picture to a staff member (an undercover MoTT agent) in the bookshop to receive your official MoTT Mission Log Book and agent badge. </p> </div > <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 1.wav" autoplay>Audio not supported in your browser</audio><</if>> <div class="certificate-wrapper"> <img src="assets/img/certificateteal.png" alt="A certificate reading Eligible for Field Duty, Novice Nudger Grade 1, Signal Fire System access granted. Signed by Chief Timer Beatrix Vanderburg" class="certificate"/> <div class="certificate-text"> <p> <span class="inline-icon-wrap"><img src="assets/img/tick.png" alt="tick icon"></span> Eligible for Field Duty </p> <p> <span class="inline-icon-wrap"><img src="assets/img/tick.png" alt="tick icon"></span> Novice Nudger Grade 1 </p> <p> <span class="inline-icon-wrap"><img src="assets/img/tick.png" alt="tick icon"></span> Signal Fire System access granted </p> </div> </div> <span class="button-wrapper orange" aria-label="Click a button or link to move on"><<button [[Next|FourtyFour-End]]>><</button>></span> </main>

<<set $title to "end">> <div class="wrapper menu codeword question"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="assets/audio/thank you.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text"> <div id="text"> <p>Thank you for taking your training. </p> <p>You’ll receive information on future missions by keeping an eye out on The National Archives website or <a aria-label="Button" href="https://www.nationalarchives.gov.uk/contact-us/email-updates/" target="_blank" style="text-decoration:underline">sign up</a> for news. </p> <p>And if you’d be happy to tell us how you found the Training please <a aria-label="Button" href="https://www.smartsurvey.co.uk/s/OKRCPD/" target="_blank" style="text-decoration:underline">get in touch</a>. We’re always striving to improve the training here at the MOTT.</p> <p>Well done Agent. </p> <p>You’re ready to safeguard the sands of time! </p> <span class="button-wrapper restart" aria-label="Click a button to Restart Mission"> <<button "Restart Mission">><<goto "Start">><</button>> </span> </div> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/27. Challenge 5 - 7.mp3" autoplay>Audio is not supported on your device</audio><</if>></span> <div id="image"></div> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="alarm"></div> <div id="text"><p>Scovell was very clever so I’m unsure why he wouldn’t be able to break the code...</p> <p>I’m going to punch the Signal Fire System into the 22nd of December 1812. We’ll be able to hear fragments of a conversation between Scovell and Wellington.</p> <<timed 0.1s>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|Conversation]]>><</button>></span> <</timed>> </div> </div> </div> <<include "oldman">> <<include "scovell">> </main> <<include "footermission">> </div>

/* CONVERSATION */ <<addclass "body" "black">> <div class="wrapper menu mission "> <main id="main" class="conversation"> <span id="audio"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/29. Challenge 5 - Wellington tadah.mp3" autoplay><p>Audio is not supported on your device</p></audio><</if>></span> <div class="conversation-wrapper"> <div id="text"></div> </div> </main> <<include "oldman">> <<include "scovell">> <<include "footermission">> </div> <<silently>> <<timed 7.2s t8n>><<append "#text">><<addclass "#text" "chat">> <p class="nameSender">WELLINGTON:</p> <span class="SFS left last" role="text" aria-label="Wellington"> <p>Scovell, we don’t have much time. </p> </span><</append>> <</timed>> <<timed 10s t8n>><<append "#text">><<addclass "#text" ".chat">><<removeclass ".left" "last">><span class="SFS left last"> <p>I must move our troops. </p> </span> <</append>> <</timed>> <<timed 14s t8n>><<append "#text">><<removeclass ".left" "last">> <span class="SFS left last" id="bottom1"> <p>Have you broken the French code yet?</p> </span><<ScrollTo "bottom1" false>> <</append>> <</timed>> <<timed 17s t8n>><<append "#text">><br> <p class="nameSender scovell">SCOVELL:</p> <span class="SFS right last" id="bottom2" role="text" aria-label="Scovelle"><p>Yes... no... maybe.</p></span> <<ScrollTo "bottom2">><</append>> <</timed>> <<timed 20s t8n>><<append "#text">><br><<removeclass ".left" "last">> <p class="nameSender">WELLINGTON:</p> <span class="SFS left last" id="bottom" role="text" aria-label="Wellington"><p>I don’t move on maybe Scovell.</p> </span><<ScrollTo "bottom" false>><</append>> <</timed>> <<timed 23s t8n>><<append "#text">><<removeclass ".left" "last">> <span class="SFS left last" id="bottom5"><p>I need assurances.</p></span><<ScrollTo "bottom5" false>> <</append>> <</timed>> <<timed 26s t8n>><<append "#text">><<removeclass ".right" "last">><br> <p class="nameSender scovell">SCOVELL:</p> <span class="SFS right last" id="bottom6" role="text" aria-label="Scovelle"><p>Sorry Sir...</p></span><<ScrollTo "bottom6" false>> <</append>> <</timed>> <<timed 28s t8n>><<append "#text">><<removeclass ".right" "last">> <span class="SFS right last" id="bottom3"> <p>I can’t seem to focus.</p></span><<ScrollTo "bottom3" false>> <</append>> <</timed>> <<timed 34s t8n>><<append "#text">><<removeclass ".left" "last">> <p class="nameSender">WELLINGTON:</p> <span class="SFS left last" id="bottom4"> <p>I have not yet had any intelligence upon which I can rely on the exact position of the enemy's armies.</p></span><<ScrollTo "bottom4" false>> <</append>> <</timed>> <<timed 40s t8n>><<append "#text">><br> /*<<addclass ".code" "disappear">>*/ <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtyFive]]>><</button>></span> <</append>> <</timed>> <</silently>>

<<addclass "body" "black">><<set $title to 6>> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/34. Challenge 5 - 9.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div class="title-wrapper mission"> <p></p> <img src="assets/img/baguette.png" alt="Secret Mission Logo" class=" orange"> </div> <div id="text"> <p>You broke the code.</p> <p>Now it is time to see if it works.</p> <p>You are going to send a message back through time.</p> <p>It must be precise – with a single word.</p> <p>Otherwise, who knows what will happen.</p> <p>Let’s play out where we need to nudge. </p> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|Conversation2]]>><</button>></span> <</timed>></div> </div> </div> <<include "oldman">> </main> <<include "footermission">> </div>

/* IncomingMessage */ <<addclass "body" "black">><<set $title to 6>> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"></span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission message"> /* <img src="https://remote.co.com/MoTT/AgentTraining/Images/signalfire.gif" class="gif signal" alt="Signal Fire system logo "> */ <span class="timer-wrapper gif signal" id="warning" alt="a lit match with signals pulsing out of it"> <<link [img[https://remote.co.com/MoTT/AgentTraining/Images/signalfire.gif]]>> <<replace "#warning">> <<link [img[assets/img/signalfirestop.png]]>> <</link>> <</replace>> <</link>> </span> <<timed 6s>> <<replace "#warning">> <<link [img[assets/img/signalfirestop.png]]>> <</link>> <</replace>> <</timed>> <<set _finish to true>> <div id="text"></div > </div> </div> <<include "mentor">> </main> <<include "footermission">> </div> <<timed 1s>> <<append "#audio">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/SFS Message incoming.wav" autoplay id="bgAudio">Audio is not supported on your device</audio><</if>><</append>> <<done>> <<if $audioOn is true>> <<set $vol to setup.changeVol(0.5)>> <</if>><</done>><</timed>> <<timed 8s t8n>> <<append "#audio">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/24. Challenge 5 - French Message.mp3" autoplay><p>Audio is not supported on your device</p></audio><</if>><</append>> <<replace "#text">> <span lang="fr"><p>Bonjour, quelque chose a changé avec Napoléon.</p></span> <span lang="fr"><p>Aide George Scovell.</p></span> <span lang="fr"><p>Et Baguette. Baguette. Baguette.</p></span> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtyTwo]]>><</button>></span> <</timed>> <</replace>> <</timed>>

/* IncomingMessage */ <<addclass "body" "black">><<set $title to 6>> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"></span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission message"> <span class="timer-wrapper gif signal" id="warning" alt="a lit match with signals pulsing out of it"> <<link [img[https://remote.co.com/MoTT/AgentTraining/Images/signalfire.gif]]>> <<replace "#warning">> <<link [img[assets/img/signalfirestop.png]]>> <</link>> <</replace>> <</link>> </span> <div id="text"></div> </div> </div> <<include "mentor">> </main> <<include "footermission">> </div> <<timed 0.2s>><<append "#audio">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/SFS Message incoming.wav" autoplay id="bgAudio">Audio is not supported on your device</audio><</if>><</append>> <<done>> <<if $audioOn is true>> <<set $vol to setup.changeVol(0.5)>> <</if>><</done>><</timed>> <<silently>> <<timed 10s t8n>> <<set _finish to true>> <<append "#audio">><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/26. Challenge 5 - English Message.mp3" autoplay><p>Audio is not supported on your device</p></audio><</if>> <</append>> <<replace "#text">> <p>Hello, something has changed with Napoleon.</p> <p>Help George Scovell.</p> <p>And Baguette. Baguette. Baguette.</p> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtyThreeOne]]>><</button>></span><</replace>> <</timed>> <</silently>>

<div class="wrapper menu fire"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/18. Challenge 3 - 6.mp3" autoplay> Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfire">> <div class="content-item content text"> <p>It was worrying times as it meant TADAH were trying to control all crumpet making in the past, </p> <p>which would have horrifying effects on our crumpet supplies at the Ministry of Time Travel.</p> <p>Fortunately, we broke the code, and, well, I'll explain what we do if something is changed in the past.</p> <<timed 0.1s t8n>><span class="button-wrapper" aria-label="Click a button or link to move on"><<button "Next" "FireComplete">><<set $next to "TwentyTwo">><<set $iconOnly to true>><</button>></span><</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div >

<div class="wrapper"> <<include "headertrain">> <main id="main" class=" flex-container-col-cen"> <<set $title to "transition">> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Loading op 3.wav" autoplay>Audio not supported in your browser</audio><</if>> <div class="mottlogo-wrapper"><img src="assets/img/mott-logo.png" id="LogoRot" class="logomott logoRot" alt="The Ministry of Time Travel Logo is spinning"></div> <<timed 8s>><<goto $next>><</timed>> </main> <footer></footer> </div>

<<set $audioDesc to false>> <div class="wrapper cogs"> <<include "header">> <main id="main" class="flex-container-col"><<set $title to 1>> <<if $audioClick isnot true>><<set $audioOn to true>><</if>> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/assets/audio/Welcome1.mp3" autoplay>Audio not supported in your browser</audio><</if>> <div class="intro-text"> <p>Welcome to The National Archives.</p> <p>This experience requires you to tap through on your computer. You just need to click a button or link to move on. </p> <div class="flex-container-row"><p class="fit">Try it now.</p> <br/><span class="button-wrapper circle" aria-label="Click a button or link to move on"><<button [["Next"|TutorialTwo]]>><</button>></span></div> </div> <div class="holding"></div> </main> <<include "footer">> </div>

<div class="wrapper cogs"> <<include "header">> <main id="main" class="cogs flex-container-col"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/Dinah NA intro 2.mp3" autoplay>Audio not supported in your browser</audio><</if>> <div class="intro-text"> <p>There may be times you have to choose between the options.</p> <p>There is also a back button if you miss something. Don’t refresh your page though, as you may lose your position in the experience and will have to jump through.</p> <p>Once ready to enter, click the button below.</p> <div class="flex-container-row power"><poweron ><a data-passage="TransPass" class="link-internal link-image" role="link" tabindex="0" aria-label="Click this power on icon to begin experience" ><img src="https://remote.co.com/MoTT/AgentTraining/Images/onicon.png" alt="Power On button"></a><<set $next to "Zero">></poweron></div> </div> </main> <<include "footer">> </div>

<div class="wrapper menu"> <<include "headermenu">> <main id="main" class="menu"> <<if $audioOn is true>><audio src="assets/audio/6. Challenge 2 - intro pt 2 (5 secs) v2.mp3" autoplay>Audio is not supported on your device</audio><</if>> <div class="content-wrapper"> <<include "sidebarfog">> <div class="content-item content text"> <p>In a moment we’ll put five images from The National Archives up on the screen. </p> <p>Within each image you’ll need to note down a specific number to move on.</p> <p>You'll have only a short amount of time for each image. So, we need to be quick spotters who have keen eyes.</p> <p>The numbers will make up the code to move on. </p> <p>When you are ready, click begin.</p> <p class="disappear">If you are using a screen reader, check the alt text on the images for some help.</p> <<timed 0.1s t8n>><span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Begin|Thirteen]]>><</button>></span> <</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div>

<div class="wrapper menu "> <<include "headermenu">> <main id="main" class=" menu time "> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/sfx/Correct answer op 1.wav" autoplay>Audio not supported in your browser</audio><</if>> <div class="content-wrapper"> <<include "sidebartime">> <div class="content-item content text"> <<timed 0.1s>><img src="assets/img/completed-b.png" alt="completed stamp" class="completed" ><</timed>> <p><div id="text"> </div></p> <<timed 0.1s t8n>> <br><div class="border upper"><span class="button-wrapper orange" aria-label="Click a button or link to move on"><<button "Next" >><<goto $next>><</button>></span></div ><</timed>> </div> </div> <<include "mentor">> </main> <<include "footer">> </div> /* <<timed 8s>><<goto $next>><</timed>> */

<<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/27. Challenge 5 - 6.mp3" autoplay><p>Audio is not supported on your device</p></audio><</if>> </span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="text"> <p></p> <p></p> <p>So, what do we know? </p> <p>Well, on the 22nd of December, Wellington, who was the British General, was waiting for Scovell. </p> <p>Scovell had received an important set of French letters that had been intercepted. In it was the key to the battles ahead.</p> <<timed 0.1s>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtyFour]]>><</button>></span> <</timed>> </div> </div> </div> <<include "oldman">> <<include "scovell">> </main> <<include "footermission">> </div>

<<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"> <<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/28. Challenge 5 - 5.mp3" autoplay>Audio is not supported on your device</audio><</if>> </span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="text"> <p>We should have the device the French used to make the codes - They call it a cipher.</p> <p>Oh, I see what they did there... decipher... cipher... clever!</p> <p>A cipher would have the instructions on how to break the code.</p> <p> The cipher we are looking for is The Great Paris Cipher, but it's gone all foggy.</p> <span class="intext cipher"> <img src="assets/img/cipher.png" alt="The Great Paris Cypher"> </span> <<timed 0.1s t8n>><br> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtyThreeThree]]>><</button>></span> <</timed>></div> </div> </div> <<include "mentor">> </main> <<include "footermission">> </div> <<silently>> <</silently>>

<<addclass "body" "black">><<set $title to 4>> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/32. Challenge 5 - 10 B.mp3" autoplay>Audio is not supported on your device</audio><</if>></span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="text"><p>And don’t worry, you won’t need to read the letter in French. </p> <p>Here at the Ministry, we have a handy device that converts the original documents for us so we don’t have to struggle to read old English, or Latin or French! It’s really handy and saves us a lot of time as the meaning of words and spellings can change over time too.</p> <p>However, it can’t decode codes, so we really need you to get your thinking cap on.</p> <<timed 0.1s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"><<button [[Next|ThirtySevenThree]]>><</button>></span> <</timed>></div> </div> </div> <<include "napolean">> </main> <<include "footermission">> </div>

<<addclass "body" "black">> <div class="wrapper menu mission"> <<include "headermenu">> <main id="main" class="menu"> <span id="audio"><<if $audioOn is true>><audio src="https://remote.co.com/MoTT/AgentTraining/Sounds/32. Challenge 5 - 10 C.mp3" autoplay>Audio is not supported on your device</audio><</if>></span> <div class="content-wrapper"> <div class="content-item sidebar"> <p></p> </div> <div class="content-item content text mission"> <div id="text"> <p>There isn’t much time.</p> <p>Not all the letter is in the code – just the key words.</p> <p>Break the code, stop TADAH. </p> <p>If we do that maybe, we’ll not end up speaking <span lang="fr">français</span></p> <p>I mean French.</p> <p> See, it's already starting to happen.</p> <<timed 5s t8n>> <span class="button-wrapper" aria-label="Click a button or link to move on"> <<button "Next" "TransPass">> <<set $iconOnly to false>> <<set $next to "ThirtyEight">> <</button>> </span> <</timed>></div> </div> </div> <<include "napolean">> </main> <<include "footermission">> </div>

<<if $title is 1>>Tutorial <<elseif $title is "question">>Question <<elseif $title is 2>>Codebreaking <<elseif $title is "V1">>MOTT Video 1 <<elseif $title is 3>>Fog Clearing <<elseif $title is "V2">>MOTT Video 2 <<elseif $title is 4>>Signal Fire System <<elseif $title is "V3">>MOTT Video 3 <<elseif $title is 5>>Nudging <<elseif $title is "V4">>MOTT Video 4 <<elseif $title is 6>>SIGNAL FIRE SYSTEM <<elseif $title is "V5">>MOTT Video 5 <<elseif $title is "V6">>MOTT Video 6 <<elseif $title is "Cy">>Cypher <<elseif $title is "cc">>MOTT Code of Conduct <<elseif $title is "end">>Goodbye <<elseif $title is "transition">>NEXT PART LOADING <<else>>MOTT <</if>>

<<run $('html').attr('lang', 'en') >> <<run $('#wrong').attr('role', 'alert')>> <<run $('#wrong').attr('aria-live','assertive')>> <<run $('#wrong1').attr('role', 'alert')>> <<run $('#wrong1').attr('aria-live','assertive')>> <<run $('#wrong2').attr('role', 'alert')>> <<run $('#wrong2').attr('aria-live','assertive')>> <<run $('#wrong22').attr('role', 'alert')>> <<run $('#wrong22').attr('aria-live','assertive')>> <<run $('#wrong3').attr('role', 'alert')>> <<run $('#wrong3').attr('aria-live','assertive')>>

<<if $audioDesc is true>> <<set $audioBtn to "Turn off audio description">> <<else>> <<set $audioBtn to "Turn on audio description">> <</if>>