<div class=""><img src="img/sarah.png" style="text-align:center;">
<h1><span data-tooltip="Sleepless">Schlaflose</span> Sarah</h1><h4>Learn German with Stories: a Chat Story by André Klein</h4>
<div class="savegamedetected">{(if: (saved-games:) contains "autosave")[
<div class="startmessage">Would you like to continue from where you left off or start over?</div>
(link: "Continue")[(load-game: "autosave")] (link: "Restart")[(goto: "resetscore")]]
<script>
var score = Number(localStorage.getItem("score_store"));
console.log("found " + score);
</script>
(else:)[
<div class="startmessage">It's the middle of the night. You've got <b>1</b> new message ...</div>
[[Start->resetscore]]
]}</div>
<style>
body {
background: url(img/round.png)
}
h1 span {
border-bottom: 4px dotted #929292;
}
.savegamedetected tw-link, .savegamedetected {
font-size: initial;
color:black;
}
h1, h4 {
color: black;
}
h1 {
font-size: 1.5em;
}
h4 {
font-size: 0.7em;
font-weight: normal;
line-height: 1.5em;
margin-bottom:1.8em;
}
.savegamedetected tw-link {
color: #2196F3;
padding: 7px 4px;
border: 2px solid #2196F3;
border-radius: 8px;
display: block;
max-width: 50%;
margin: 0 auto;
margin-top: 14px;
}
tw-passage {
text-align: center;
}
img {width:50%;}
.message {
padding: 12px;
}
.savegamedetected {
background: white;
padding: 23px;
border-radius: 9px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
max-width: 80%;
margin: 0 auto;
}
tw-story {
background: transparent;
}
</style>
<script>
$('body').addClass('');
$('footer').remove();
$('body').removeClass('night');
</script><script type="text/javascript" charset="utf-8" src="cordova.js"></script></div>
<script>
document.addEventListener("deviceready", onDeviceReady, false);
var devicePlatform = "init";
function onDeviceReady() {
devicePlatform = device.platform;
// alert(device.platform)
if (devicePlatform == "Android") {
} else {
devicePlatform = "unknown"
// alert ("overwrite device.platform");
}
}
</script><script>//init variables
var i = 0;
var lethimread = 0;
var rlength = 0;
//var devicePlatform = "unknown";
$('body').removeClass('');
$( "tw-column[type='left']" ).remove();
$( "tw-sidebar tw-icon:nth-of-type(1)" ).remove();
</script>{
(set: $responses to (a: "XXX") )
(set: $responses to it + (a: "<b>Bist du</b> <b>noch</b> <b>wach</b>?" ) )
(display: "Messenger")
}
|=
=|
[[Ja, klar. Was geht?]]
<script>$('body br').remove();</script>{
(set: $right to false)
(set: $vocab to 1)
}<script>
$('footer').remove();
$('.score').remove();
$('.vernum').html( $('title').text());
</script>
<div class="credits"><span class="vernum"></span>
(display: "Menu")
<h1>About This App</h1>
Thank you for downloading this application. I hope you've enjoyed it and could improve your German vocabulary and text comprehension skills along the way. If you liked it please consider leaving a short review.
<p></p>
For more stories like these see also my German <a href="https://books.learnoutlive.com/german">story books</a> for beginners, intermediates and advanced. To stay up to date about future projects and get helpful tips and tricks for learning German, please feel free to join the <a href="https://learnoutlive.com/we-respect-your-privacy/subscribe-to-our-german-ebooks-newsletter/">newsletter</a>.
<p></p>
If you have any questions, suggestions or feedback about this application just send an email to andre@learnoutlive.com or find me on Twitter at <a href="https://twitter.com/BarrenCode">@BarrenCode</a>.
<p></p>
André Klein
<p></p>
<h1>Credits</h1>
This application was built with Cordova, Twine, Tweego and jQuery. Special thanks to Dan Cox for his excellent video series on <a href="https://www.youtube.com/playlist?list=PLlXuD3kyVEr5jWoG0oDygKWOgFC3qrKN-">Twine 2.3</a>. Icons by <a href="https://icons8.com">icons8</a> and <a href="https://getavataaars.com/">getavataaars</a>. Background tiles on page by Craig Schwartz via <a href="https://www.toptal.com/designers/subtlepatterns/right-round/">toptal.com</a>. Speech Synthesis by Google Cloud Text-to-Speech.
</div>https://www.youtube.com/watch?v=kjKRegikbYQ<script>
var vocNum = $(".txt b").length
// console.log(vocNum);
var vocab = $('.chapter').text();
var dict = $('.voc:nth-of-type(' + vocab + ')').text();
// console.log(dict);
var arr = dict.split('|');
// console.log(arr[1]);
var words = []
for (var x = 0; x < arr.length; x++) {
var word = arr[x].substr(arr[x].indexOf(":") + 1).trim();
// console.log(word);
words.push(word);
// console.log(words);
//console.log(words);
}
$('.txt b').each(function (f) {
for (var i = 0; i < vocNum; i++) {
$(this).replaceWith( "<span data-tooltip='" + words[f] + "'>" + $(this).text() + "</span>");
}
});
</script><div class="debug">
Chapter: <span class="chapter">(print: $vocab)</span><p/>
<span>(link: "finalscore")[(goto: "finalscore")]</span><p/>
[[Alles klar. Gute Nacht!]]<p/>
Platform: <span class="platform"></span><p/>
</div>
<div id="page-nav" data-raw=""><div class="whitebar"></div><label class="score"></label><label for="hamburger" data-raw="">☰</label><label for="version" data-raw=""></label><input type="checkbox" id="hamburger" data-raw=""><ul data-raw=""><li class="soundtoggle" onclick="sound_toggle();" data-raw="">Sounds</li><li class="autospeak" onclick="autospeak_toggle();" data-raw="">Autoplay</li><li data-raw="" class="nightmodetoggle" onclick="nightmode_toggle();">Dark Mode</li><li class="about">(link: "About")[(goto: "About")]</li><!--<li class="debug">(link: "xgotend")[(goto: "Und was macht er?")]</li>--!></ul></div><script>
var devicePlatform = "debug"
$('.platform').html(devicePlatform);
function nightmode_toggle() {
if ( $('body').hasClass('night') ) {
$('body').removeClass('night');
$('.nightmodetoggle').html("Dark Mode");
// changing status bar color for iOS
if (devicePlatform == "unknown") {
StatusBar.backgroundColorByHexString('#FFFFFF');
}
} else {
$('body').addClass('night');
// changing status bar color for iOS
if (devicePlatform == "unknown") {
StatusBar.backgroundColorByHexString('#000000');
}
$('.nightmodetoggle').html("Light Mode");
}
}
//init
if ( $('body').hasClass('silence') ) {
$('.soundtoggle').addClass('off');
} else {
$('.soundtoggle').addClass('on');
}
function sound_toggle() {
if ( $('body').hasClass('silence') ) {
$('body').removeClass('silence');
$('.soundtoggle').addClass('on');
$('.soundtoggle').removeClass('off');
} else {
$('body').addClass('silence');
$('.soundtoggle').addClass('off');
$('.soundtoggle').removeClass('on');
}
}
//init
if ( $('body').hasClass('autospeaker') ) {
$('.autospeak').html("Autoplay on");
} else {
$('.autospeak').html("Autoplay off");
}
function autospeak_toggle() {
if ( $('body').hasClass('autospeaker') ) {
$('body').removeClass('autospeaker');
$('.autospeak').html("Autoplay off");
} else {
$('body').addClass('autospeaker');
$('.autospeak').html("Autoplay on");
}
}
//checking if WebStorage is supported
if (typeof(Storage) !== "undefined") {
if (typeof(reset) !== "undefined") {
if (reset = true) {
var score = 4;
console.log('score reset to ' + score);
localStorage.setItem("score_store", score);
console.log("RESET: saved score as " + score);
$('.score').html(score);
reset = false;
}
} else {
var score = Number(localStorage.getItem("score_store"));
console.log("found score of " + score);
$('.score').html(score);
}
}
//scoreboard
//$('.score').html(score);
</script>
<script>
var answerNum = 0
var quesNum = $(".quiz p" ).length;
//hide answer button
$("tw-column tw-expression[type='macro'] tw-link ").animate({bottom: "-100px"});
$("footer").animate({bottom: "-500px"});
function countandgo() {
if (quesNum == answerNum) {
//bring in the continue button
$("footer").animate({bottom: "-137px"});
$("footer").append( "<div id='continue' onclick='continueX();'>Continue <span><img src='img/coins.png' height='20'> (" + cost + ")</span></div>");
}}
// MAIN QUIZ FUNCTION
$(document).ready(function(){
$(".quiz label").click(function(){
if(!$(this).hasClass("blocked")){
rname=$(this).attr("for");
$("label[for="+rname+"]").addClass("blocked");
$("label[for="+rname+"] > input").attr("checked",false);
$(this).children("input").attr("checked",true);
if( $(this).children("input").attr("value")==answers[(rname.substr(1, 1))-1] ){
// Correct Answer
$(this).addClass("green");
score = score + 1;
console.log('new score is ' + score);
answerNum = answerNum+1;
var url = "mp3/coin.mp3"
audioPlayer(url);
//save score
//localStorage.setItem("score_store", score);
//console.log("RIGHT: saved score as " + score);
countandgo();
$('.score').fadeIn(200).html(score).fadeOut(200).fadeIn(300);
}
else
{
// Wrong Answer
$(this).addClass("red");
score = score - 1;
answerNum = answerNum+1;
var url = "mp3/wrong.mp3"
audioPlayer(url);
//save score
//localStorage.setItem("score_store", score);
//console.log("WRONG: saved score as " + score);
countandgo();
$('.score').fadeIn(100).html(score).fadeOut(100).fadeIn(100);
$('.score:after').fadeOut(300);
}
$(this).children("input").attr("checked",true);
}
});
});
function continueX() {
if (score >= cost) {
$("#continue").fadeOut(100);
$(".quiz").fadeOut(200);
$('#sorry').html("");
score = score - cost;
$('.score').html(score);
$("tw-column tw-expression[type='macro'] tw-link ").animate({bottom: "34px"});
//save score
localStorage.setItem("score_store", score);
console.log("CONTINUING: saved score as " + score);
return;
}
if (score < cost) {
$("#continue").fadeOut(100);
$("footer").append( "<div id='sorry'>You don't have enough coins to continue. Please go back (follow the < button on your upper left) and try again. <span data-tooltip='Good luck!'>Viel Glück!</span></div>")
$("#sorry").fadeIn(100);
return;
}
}
</script>Double-click this passage to edit it.Double-click this passage to edit it.<script>
var reset = true;
</script>
(goto: "Start")(display: "Menu")<div class="container"><div id="intro"></div>
(for: each _response, ...$responses)[
(if: $right)[
<div class='left speech bubble-left'>
<div class='avatar'></div>
<div class="loading"><div class="three-balls-loading"><span></span><span></span><span></span></div></div>
<span class="vol" onclick="speak($.trim($($(this)).text().replace(new RegExp(ranges.join('|'), 'g'), '')), 'female');">_response</span> <span class="txt"> _response</span>
</div>
(set: $right to false)
] (else:) [
<div class='right speech bubble-right'><span class="vol" onclick="speak($.trim($($(this)).text().replace(new RegExp(ranges.join('|'), 'g'), '')), 'male');">_response</span><span class="txt">_response</span></div>
(set: $right to true)
]
]</div>
<link rel="stylesheet" type="text/css" href="css/typing.css">
<script>
var str = "{_response}";
//var test = str.split(".");
//var extension = test[test.length - 1];
if (hesitate == null){
var hesitate = 0 + Math.floor(Math.random() * 500);
}
$('.speech .txt tw-expression:contains("XXX")').parent().parent().parent().addClass("hideme");
$('tw-column tw-link:contains("xxx")').addClass("hideme");
//counting last RIGHT message
//performance tweak
//var rlength = $.trim($('tw-expression tw-hook:nth-last-of-type(3) .txt').text()).length;
var rlength = 10;
// counting last LEFT message
//performance tweak
//var length = $.trim($('tw-expression tw-hook:nth-last-of-type(2) .txt').text()).length;
var length = 0;
var lethimread = 700 + Math.floor((Math.random() * 150) + 500) + (rlength*25);
var number = 200 + Math.floor(Math.random() * 100) + length;
//fade out loading animation
// debugging vibration
//document.addEventListener("deviceready", onDeviceReady, false);
//function onDeviceReady() {
// console.log(navigator.vibrate);
//}
$('.loading').delay(number+hesitate+lethimread).fadeOut();
// show text message
$('tw-expression tw-hook:nth-last-of-type(2) .txt').delay(number+400+hesitate+lethimread).fadeIn();
// fade in Quiz
$('.quiz').delay(number+1000+hesitate+lethimread).fadeIn();
// show left volume icon
$('tw-expression tw-hook:nth-last-of-type(2) .vol').delay(number+400+hesitate+lethimread).fadeIn();
// seen checkmarks
//window.setTimeout(function(){$("tw-expression tw-hook:nth-last-of-type(3) .txt").addClass("seen");}, lethimread/2-number);
// wrap span around answer
$('tw-column tw-link').wrapInner('<span></span>');
// show button
$('tw-column tw-link span').delay(number+500+hesitate+lethimread).fadeTo("slow", 1);
window.setTimeout(function(){$('tw-column tw-link span').addClass("typing");}, lethimread+number+800);
// VIBRATIONS AND SOUNDS
// Store a reference that will point to your timeout
var timer;
function notifications(){
timer = setTimeout(function(){
if($('tw-expression tw-hook:nth-last-of-type(2) .txt').is(':contains("XXX")'))
{
// DO NOTHING
} else {
if ($('body').hasClass('autospeaker')) {
var autospeakl = $('tw-expression tw-hook:nth-last-of-type(2) .txt').text().trim().replace(new RegExp(ranges.join('|'), 'g'), '');
$.trim($($(this)).text().replace(new RegExp(ranges.join('|'), 'g'), ''))
var fingerprint = stringToHash(autospeakl);
// var url = "https://learnoutlive.com/apps/sarah/mp3/TTS/" + fingerprint + ".mp3";
var url = "mp3/TTS/" + fingerprint + ".mp3";
console.log("trying to play " + autospeakl + "at " + url);
audioPlayer(url);
// speak(autospeakl.replace(new RegExp(ranges.join('|'), 'g'), ''));
} else {
if (devicePlatform == "Android" || devicePlatform == "debug") {
var url = "mp3/plop.mp3"
audioPlayer(url);
}
}
//vibrate()
}
//notifications();
},lethimread+number+585);
}
notifications();
$('tw-link').click(function(){
if ($('body').hasClass('autospeaker')) {
var autospeakr = $('span.typing').text().trim().replace(new RegExp(ranges.join('|'), 'g'), '');
$.trim($($(this)).text().replace(new RegExp(ranges.join('|'), 'g'), ''))
var fingerprint = stringToHash(autospeakr);
// var url = "https://learnoutlive.com/apps/sarah/mp3/TTS/" + fingerprint + ".mp3";
var url = "mp3/TTS/" + fingerprint + ".mp3";
console.log("trying to play " + autospeakr + "at " + url);
audioPlayer(url);
console.log(fingerprint)
console.log(url)
// if (autospeakr = "XXX") {
// var autospeakr = $('span.typing').text();
// }
// speak(autospeakr.replace(new RegExp(ranges.join('|'), 'g'), ''));
}
// Clear the timeout
clearTimeout(timer);
});
$('tw-expression tw-hook:nth-last-of-type(2)').delay(lethimread).fadeIn()
$('.avatar').delay(number+400+hesitate).fadeIn().css("vertical-align", "bottom");
$('.multipart').delay(number+400+hesitate).fadeIn();
// scroll to typing
$("html, body").animate({ scrollTop: $(document).height() }, "slow");
//scroll to end of message
$("html, body").delay(lethimread-50).animate({ scrollTop: $(document).height() }, "slow");
var readmeleft = $.trim($('tw-expression tw-hook:nth-last-of-type(2) .txt').text())
var readmeright = $.trim($('tw-expression tw-hook:nth-last-of-type(3) .txt').text())
// Kill BRs
//$('tw-story br').remove();
if (devicePlatform == "unknown") {
var voices = speechSynthesis.getVoices();
voices.forEach(function(voice, i) {
});
}
// Convert to 32bit integer
function stringToHash(string) {
var hash = 0;
if (string.length == 0) return hash;
for (i = 0; i < string.length; i++) {
char = string.charCodeAt(i);
hash = ((hash << 5) - hash) + char;
hash = hash & hash;
}
return hash;
}
function speak(x,y) {
var fingerprint = stringToHash(x);
console.log(fingerprint)
// GENERATE MP3S from Google TTS
// $.get( "https://learnoutlive.com/apps/texttospeech/quickstart.php", { filename: fingerprint, text: x, gender: y } );
// var url = "https://learnoutlive.com/apps/sarah/mp3/TTS/" + fingerprint + ".mp3";
var url = "mp3/TTS/" + fingerprint + ".mp3";
console.log(url)
audioPlayer(url);
}
function speakOLDFUNCTION(x) {
var u = new SpeechSynthesisUtterance();
u.text = x;
u.lang = 'de-DE';
if (devicePlatform == "unknown") {
u.voice = voices[3]
}
speechSynthesis.speak(u);
}
//function vibrate() {
//navigator.vibrate(200);
//}
///audioplayer
function audioPlayer(x) {
//checking if audio is disabled in menu
if (!$('body').hasClass('silence')) {
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', x)
audioElement.setAttribute('autoplay', 'autoplay');
//audioElement.load()
$.get();
audioElement.addEventListener("load", function() {
audioElement.play();
}, true);
audioElement.play();
}
}
//check if footer exists
if ( $( 'footer' ).length ) {
} else {
$('body').append('<footer></footer>');
}
$('body').removeClass('splash');
$('tw-icon').html("");
$('#sorry').remove();
$('#continue').remove();
//Emoji Remover
var ranges = [
'\ud83c[\udf00-\udfff]',
'\ud83d[\udc00-\ude4f]',
'\ud83d[\ude80-\udeff]',
'\ud83e[\ud000-\udfff]',
'[\u2000-\u3300]',
'\u00a9|\u00ae|'
];
</script>(display: "Vocab")(save-game:"autosave")</div><div class="whitespace"></div>{(set: $responses to it + (a: "<b>Ja, klar</b>. <b>Was geht</b>?"))(set: $responses to it + (a: "<b>Ich</b> <b>kann</b> <b>nicht</b> <b>schlafen</b>."))(display: "Messenger")}
|=
=|
[[Warum nicht?]]{(set: $responses to it + (a: "<b>Warum</b> nicht?"))(set: $responses to it + (a: "Ist <b>bei dir</b> <b>kein</b> <b>Gewitter</b>?"))(display: "Messenger")}
|=
=|
[[Noch nicht. Aber ich höre das Donnern in der Ferne.]]{(set: $responses to it + (a: "<b>Noch nicht</b>. Aber ich <b>höre</b> das <b>Donnern</b> in der <b>Ferne</b>."))(set: $responses to it + (a: "<b>Es regnet</b> <b>hier</b> <b>schon</b> <b>seit Stunden</b>. <b>Wie</b> eine <b>verdammte</b> <b>Sintflut</b>! <b>Wo</b> ist <b>meine</b> <b>Arche</b>?"))(display: "Messenger")}
|=
=|
[[Haha! 🤣]]{(set: $responses to it + (a: "Haha! 🤣"))(set: $responses to it + (a: "Du <b>lachst</b>. Aber es ist total <b>laut</b>! Der Wind <b>heult</b>. Der Regen <b>trommelt</b> auf mein <b>Dach</b>. Und die <b>Äste</b> der <b>alten</b> <b>Weide</b> im <b>Garten</b> <b>schlagen an</b> meine <b>Fenster</b> wie <b>Peitschen</b>. Es ist <b>unmöglich</b>, <b>so</b> zu <b>schlafen</b>."))(display: "Messenger")}
|=
=|
[[Hast du keine Kopfhörer?]]{(set: $responses to (a: "Hast du keine <b>Kopfhörer</b>?"))
(set: $responses to it + (a: "Nein. <b>Das heißt</b> ... ja, aber sie sind <b>kaputt</b>."))
(set: $vocab to 2)
(display: "Messenger")
(display: "Quiz 2")
}
|=
=|
[[Verstanden.]]{(set: $responses to it + (a: "<b>Verstanden</b>."))(set: $responses to it + (a: "Oh mein <b>Gott</b>!"))(display: "Messenger")}
|=
=|
[[Was ist??]]{(set: $responses to it + (a: "<b>Was ist</b>??"))(set: $responses to it + (a: "XXX"))(display: "Messenger")}
|=
=|
[[Sarah?]]{(set: $responses to it + (a: "Sarah?"))(set: $responses to it + (a: "Es war nur ein <b>Blitz</b>. Aber <b>was für ein</b> Blitz! Wie <b>tausend</b> Papparazzi! <b>Ich verstehe nicht</b>, wie Frodo bei dem Gewitter schlafen kann."))(display: "Messenger")}
|=
=|
[[Schläft er in deinem Bett?]]{(set: $responses to it + (a: "Schläft er in <b>deinem</b> <b>Bett</b>?"))(set: $responses to it + (a: "Bist du <b>verrückt</b>? Er ist <b>viel zu</b> <b>schwer</b>! <b>Außerdem</b> hat er <b>Mundgeruch</b>."))(display: "Messenger")}
|=
=|
[[Er ist ziemlich alt, oder?]]{(set: $responses to it + (a: "Er ist <b>ziemlich</b> alt, <b>oder</b>?"))(set: $responses to it + (a: "Frodo ist <b>elf</b> <b>Jahre</b> alt. In <b>Menschenjahren</b> <b>wäre</b> er circa 82!"))(display: "Messenger")}
|=
=|
[[Ein richtig alter Knacker.]]{(set: $responses to (a: "Ein <b>richtig</b> <b>alter Knacker</b>."))
(set: $responses to it + (a: "<b>Du sagst es</b>! <b>Viel Zeit</b> hat er <b>nicht mehr</b>. Es ist <b>eigentlich</b> unfair. Er ist so <b>groß</b>, aber kleine <b>Hunde</b> <b>leben</b> viel <b>länger</b>."))
(set: $vocab to 3)
(display: "Messenger")
(display: "Quiz 3")
}
|=
=|
[[Hast du die Nachrichten gesehen?]]{(set: $responses to it + (a: "Hast du die <b>Nachrichten</b> <b>gesehen</b>?"))(set: $responses to it + (a: "Nein. <b>Wieso</b>?"))(display: "Messenger")}
|=
=|
[[Das Gewitter hat Bäume entwurzelt und Strommasten umgelegt. Sie sprechen von einem Sturm des Jahrhunderts!]]{(set: $responses to it + (a: "Das Gewitter hat <b>Bäume</b> <b>entwurzelt</b> und <b>Strommasten</b> <b>umgelegt</b>. Sie <b>sprechen</b> <b>von</b> einem <b>Sturm</b> <b>des Jahrhunderts</b>!"))(set: $responses to it + (a: "<b>Wie gesagt</b>. Es ist das absolute Chaos hier."))(display: "Messenger")}
|=
=|
[[Bist du allein zu Hause?]]{(set: $responses to (a: "Bist du <b>allein</b> <b>zu Hause</b>?"))(set: $responses to it + (a: "Ja. Meine <b>Eltern</b> sind <b>im Urlaub</b>. In einer <b>Hotelburg</b> <b>auf</b> Mallorca. So <b>peinlich</b>."))
(set: $vocab to 4)
(display: "Messenger")
(display: "Quiz 4")
}
|=
=|
[[Ich war noch nie auf Mallorca. Es ist schön dort, habe ich gehört.]]{(set: $responses to it + (a: "<b>Ich war noch nie</b> auf Mallorca. Es ist <b>schön</b> <b>dort</b>, habe ich <b>gehört</b>."))(set: $responses to it + (a: "Ja, <b>keine Ahnung</b>. <b>Was auch immer</b>. Oh, verdammt!"))(display: "Messenger")}
|=
=|
[[Was ist denn jetzt?]]{(set: $responses to it + (a: "Was ist denn <b>jetzt</b>?"))(set: $responses to it + (a: "<b>Unsere</b> <b>Mülltonne</b> ist <b>gerade</b> <b>auf</b> die <b>Straße</b> <b>geflogen</b>! Oh ok. Jetzt <b>hängt</b> sie in einem Baum."))(display: "Messenger")}
|=
=|
[[Altpapier oder Restmüll?]]{(set: $responses to it + (a: "<b>Altpapier</b> oder <b>Restmüll</b>?"))(set: $responses to it + (a: "<b>Häh</b>? Keine Ahnung, Mann! Aber <b>weißt du was</b>?"))(display: "Messenger")}
|=
=|
[[Was?]]{(set: $responses to it + (a: "Was?"))(set: $responses to it + (a: "Ich bin <b>beeindruckt</b>, dass das Internet noch <b>funktioniert</b> <b>bei</b> dem <b>Mistwetter</b>."))
(display: "Messenger")
}
|=
=|
[[Ja. Verwunderlich, eigentlich.]]{(set: $responses to it + (a: "Ja. <b>Verwunderlich</b>, eigentlich."))(set: $responses to it + (a: "<b>Heiliger Bimbam</b>!"))(display: "Messenger")}
|=
=|
[[Was jetzt?]]{(set: $responses to it + (a: "<b>Was jetzt</b>?"))(set: $responses to it + (a: "XXX"))(display: "Messenger")}
|=
=|
[[Sarah??]]{(set: $responses to it + (a: "Sarah??"))(set: $responses to it + (a: "Du ... ich ..."))(display: "Messenger")}
|=
=|
[[Ja?]]{(set: $responses to it + (a: "Ja?"))(set: $responses to it + (a: "Ich glaube, ein Blitz ist gerade in das Haus <b>der</b> <b>Nachbarn</b> <b>eingeschlagen</b>."))(display: "Messenger")}
|=
=|
[[Was? Im Ernst? Ist alles in Ordnung?]]{(set: $responses to (a: "Was? <b>Im Ernst</b>? Ist alles <b>in Ordnung</b>?"))(set: $responses to it + (a: "<b>Ich weiß nicht</b>."))
(set: $vocab to "5")
(display: "Messenger")
(display: "Quiz 5")}
|=
=|
[[Was bedeutet das?]]{(set: $responses to it + (a: "<b>Was bedeutet das</b>?"))(set: $responses to it + (a: "Keine Ahnung! Es hat laut <b>geknallt</b>. Wie ein <b>Schuss</b> aus einer Pistole! Meine <b>Fensterscheiben</b> haben <b>gezittert</b>. Und alle <b>Lichter</b> haben <b>geflackert</b>. <b>Sogar</b> Frodo ist <b>aufgewacht</b>."))(display: "Messenger")}
|=
=|
[[Und deine Nachbarn?]]{(set: $responses to it + (a: "Und deine Nachbarn?"))(set: $responses to it + (a: "Oh, <b>warte</b>, <b>da</b> ist mein Nachbar, am Fenster!"))(display: "Messenger")}
|=
=|
[[Ist er okay?]]{(set: $responses to it + (a: "Ist er okay?"))(set: $responses to it + (a: "Ich weiß nicht. Er steht im <b>Schlafanzug</b> und <b>schaut</b> in die <b>Nacht</b> wie ein <b>Geist</b>."))(display: "Messenger")}
|=
=|
[[Gruselig.]]{(set: $responses to it + (a: "<b>Gruselig</b>."))(set: $responses to it + (a: "<b>Auf jeden</b>! Der <b>arme</b> Mann. Seit <b>seine</b> <b>Frau</b> <b>gestorben</b> ist, <b>wohnt</b> er <b>ganz alleine</b> in dem großen Haus."))(display: "Messenger")}
|=
=|
[[Kennst du ihn gut?]]{(set: $responses to it + (a: "<b>Kennst du</b> <b>ihn</b> <b>gut</b>?</b>"))(set: $responses to it + (a: "<b>Nicht wirklich</b>. Aber ... Moment!"))(display: "Messenger")}
|=
=|
[[Was ist?]]{(set: $responses to it + (a: "Was ist?"))(set: $responses to it + (a: "Frodo ist <b>verschwunden</b>."))(display: "Messenger")}
|=
=|
[[Wie meinst du?]]{(set: $responses to it + (a: "<b>Wie meinst du</b>?"))(set: $responses to it + (a: "Er ist nicht auf seinem <b>Schlafplatz</b>."))(display: "Messenger")}
|=
=|
[[Vielleicht hat ihn der Knall erschreckt?]]{(set: $responses to (a: "<b>Vielleicht</b> hat ihn der <b>Knall</b> <b>erschreckt</b>?"))(set: $responses to it + (a: "Warte mal! Ich <b>gehe</b> ihn <b>schnell</b> <b>suchen</b>."))
(set: $vocab to 6)
(display: "Messenger")
(display: "Quiz 6")
}
|=
=|
[[Ok. Pass auf dich auf!]]{(set: $responses to it + (a: "Ok. <b>Pass auf dich auf</b>!"))(set: $responses to it + (a: "XXX"))(display: "Messenger")}
|=
=|
[[Und? Hast du ihn gefunden?]]{(set: $responses to it + (a: "Und? Hast du ihn <b>gefunden</b>?"))(set: $responses to it + (a: "Ich habe im <b>ganzen</b> Haus <b>gesucht</b>. Er ist nicht im <b>Wohnzimmer</b>, nicht in der <b>Küche</b>, nicht im <b>Badezimmer</b> und auch nicht im <b>Keller</b>."))(display: "Messenger")}
|=
=|
[[Und jetzt?]]{(set: $responses to it + (a: "<b>Und jetzt</b>?"))(set: $responses to it + (a: "Ich weiß nicht. Was <b>soll</b> ich jetzt <b>tun</b>? Das Gewitter hat <b>ein bisschen</b> <b>nachgelassen</b>. Aber es regnet immer noch wie verrückt. Oh, Mann! Du <b>wirst</b> es nicht <b>glauben</b>!"))(display: "Messenger")}
|=
=|
[[Was??]]{(set: $responses to it + (a: "Was??"))(set: $responses to it + (a: "Mein Nachbar! Er steht jetzt auf der <b>Veranda</b>. Sein Schlafanzug ist <b>klatschnass</b>."))
(display: "Messenger")}
}
|=
=|
[[Was macht er da?]]{(set: $responses to it + (a: "<b>Was macht er</b> da?"))(set: $responses to it + (a: "<b>Gute</b> <b>Frage</b>. Er hat eine <b>Gießkanne</b> in der Hand und – ich glaube es nicht! Er <b>gießt</b> die verdammten <b>Blumen</b>!"))(display: "Messenger")}
|=
=|
[[Im Regen?]]{(set: $responses to it + (a: "Im Regen?"))(set: $responses to it + (a: "Vielleicht hat der Blitz <b>irgendetwas</b> in ihm <b>erweckt</b>."))(display: "Messenger")}
|=
=|
[[Wie meinst du??]]{(set: $responses to it + (a: "Wie meinst du??"))(set: $responses to it + (a: "<b>Na ja</b>. Vielleicht hat er seine <b>tote</b> Frau <b>gesehen</b> oder <b>so etwas</b>."))(display: "Messenger")}
|=
=|
[[Spinnst du?]]{(set: $responses to it + (a: "<b>Spinnst du</b>?"))(set: $responses to it + (a: "Keine Ahnung. Ich habe <b>vor ein paar Tagen</b> so ein Video auf YouTube gesehen ..."))(display: "Messenger")}
|=
=|
[[Du solltest mit ihm sprechen.]]{(set: $responses to (a: "<b>Du solltest</b> <b>mit</b> ihm sprechen."))(set: $responses to it + (a: "<b>Niemals</b>! <b>Schlafwandler</b> <b>darf man nicht</b> <b>aufwecken</b>."))(set: $vocab to "7")
(display: "Messenger")
(display: "Quiz 7")}
|=
=|
[[Was macht er jetzt?]]{(set: $responses to it + (a: "Was macht er jetzt?"))(set: $responses to it + (a: "Er <b>sitzt</b> auf der Veranda und hat eine <b>nasse</b> Zigarette im <b>Mund</b>. Jetzt <b>nimmt</b> er eine <b>Schaufel</b> und ..."))(display: "Messenger")}
|=
=|
[[Wie bitte??]]{(set: $responses to it + (a: "Wie bitte??"))(set: $responses to it + (a: "Er <b>gräbt</b> ein <b>Loch</b>. <b>Mitten in</b> seinem <b>Blumenbeet</b>!"))(display: "Messenger")}
|=
=|
[[Vielleicht hat der Blitz wirklich sein Gehirn beeinflusst.]]{(set: $responses to it + (a: "Vielleicht hat der Blitz <b>wirklich</b> sein <b>Gehirn</b> <b>beeinflusst</b>."))(set: $responses to it + (a: "Er gräbt wie verrückt. Sein Schlafanzug ist schon total <b>schmutzig</b>."))(display: "Messenger")}
|=
=|
[[Willst du die Polizei rufen?]]{(set: $responses to it + (a: "<b>Willst du</b> die <b>Polizei</b> <b>rufen</b>?"))(set: $responses to it + (a: "Die Polizei? Oder die <b>Irrenanstalt</b>?"))(display: "Messenger")}
|=
=|
[[Mensch, Sarah! Das ist nicht lustig. Vielleicht hat der Mann wirklich Probleme.]]{(set: $responses to it + (a: "<b>Mensch</b>, Sarah! Das ist nicht <b>lustig</b>. Vielleicht hat der Mann wirklich Probleme."))(set: $responses to it + (a: "Ich mache keine <b>Witze</b>. Er steht schon <b>bis zu</b> den <b>Knien</b> in dem Loch. Oh mein Gott!"))(display: "Messenger")}
|=
=|
[[Was??!]]{(set: $responses to it + (a: "Was??!"))(set: $responses to it + (a: "Er hat sich gerade <b>hingelegt</b>! Und jetzt <b>füllt</b> er das Loch mit <b>Erde</b> auf!"))(display: "Messenger")}
|=
=|
[[Wie bitte? Er liegt in dem Loch?]]{(set: $responses to it + (a: "Wie bitte? Er <b>liegt</b> in dem Loch?"))(set: $responses to it + (a: "Ja, Mann! Was <b>soll</b> ich tun? Er ist jetzt <b>fast</b> <b>komplett</b> mit Erde <b>bedeckt</b>. <b>Nur noch</b> seine <b>Stirn</b> ist <b>sichtbar</b>. Und die Finger."))(display: "Messenger")}
|=
=|
[[Sarah, du musst etwas tun!]]{(set: $responses to (a: "Sarah, du <b>musst</b> etwas tun!"))(set: $responses to it + (a: "Aber was?"))
(set: $vocab to "8")
(display: "Messenger")
(display: "Quiz 8")
}
|=
=|
[[Geh runter und hilf ihm!]]{(set: $responses to it + (a: "<b>Geh</b> <b>runter</b> und <b>hilf</b> <b>ihm</b>!"))(set: $responses to it + (a: "Oh, warte! Da ist Frodo ..."))(display: "Messenger")}
|=
=|
[[Was macht er?]]{(set: $responses to it + (a: "Was macht er?"))(set: $responses to it + (a: "Gute Frage. Ähm, ich glaube, er <b>leckt</b> die Finger meines Nachbarn. Oh, und jetzt <b>beginnt</b> er zu <b>graben</b>."))(display: "Messenger")}
|=
=|
[[Ist dein Nachbar lebendig?]]{(set: $responses to it + (a: "Ist dein Nachbar <b>lebendig</b>?"))(set: $responses to it + (a: "<b>Anscheinend</b>. Er <b>steht auf</b>. Jetzt geht er <b>zurück</b> <b>ins</b> Haus ..."))(display: "Messenger")}
|=
=|
[[Und? Was macht er?]]{(set: $responses to it + (a: "Und? Was macht er?"))(set: $responses to it + (a: "Er geht ins Wohnzimmer, nein, in die Küche! Frodo <b>wedelt</b> mit dem <b>Schwanz</b> und <b>folgt</b> ihm. Oh Mann, <b>die beiden</b> sind so <b>dreckig</b>! Jetzt geht mein Nachbar zum <b>Kühlschrank</b> und trinkt ein Glas <b>Milch</b>. Er <b>gibt</b> Frodo irgendetwas. Ich kann es <b>nicht genau</b> <b>sehen</b>. Eine <b>Wurst</b>?"))(display: "Messenger")}
|=
=|
[[Wie bitte?]]{(set: $responses to it + (a: "<b>Wie bitte</b>?"))(set: $responses to it + (a: "Ja! Moment, jetzt <b>verlässt</b> Frodo das Haus. Mein Nachbar <b>schließt</b> die Tür und .. ah, Licht <b>aus</b>."))(display: "Messenger")}
|=
=|
[[Und weiter?]]{(set: $responses to it + (a: "<b>Und weiter</b>?"))(set: $responses to it + (a: "<b>Nichts</b> weiter. <b>Was zur Hölle</b> ist hier <b>passiert</b>?"))(display: "Messenger")}
|=
=|
[[Ist Frodo wieder zurückgekommen?]]{(set: $responses to it + (a: "Ist Frodo <b>wieder</b> <b>zurückgekommen</b>?"))(set: $responses to it + (a: "Ja, <b>gerade eben</b>."))(display: "Messenger")}
|=
=|
[[Und was macht er?]]{(set: $responses to (a: "Und was macht er?"))(set: $responses to it + (a: "Er schläft. Und <b>schnarcht</b>!"))
(set: $vocab to "9")
(display: "Messenger")
(display: "Quiz 9")}
|=
=|
[[Was bedeutet das alles?]]{(set: $responses to it + (a: "Was bedeutet das alles?"))(set: $responses to it + (a: "Ich habe nicht die <b>leiseste</b> <b>Ahnung</b>. Mein <b>Teppich </b>ist <b>jedenfalls</b> <b>ruiniert</b>. Aber <b>zumindest</b> hat der Regen <b>aufgehört</b>. Ich gehe <b>zurück</b> ins Bett."))(display: "Messenger")}
|=
=|
[[Alles klar. Gute Nacht!]]{(set: $responses to it + (a: "<b>Alles klar</b>. Gute Nacht!"))(set: $responses to it + (a: "Nacht."))(display: "Messenger")}
<script>
$('.end').delay(number+hesitate+lethimread+800).fadeIn(1700);
$('.end span tw-link').delay(number+hesitate+lethimread+1700).fadeIn(1700);
$("html, body").delay(number+hesitate).animate({ scrollTop: $(document).height() }, "slow");
$( "footer" ).remove();
</script><div class="end"> <h1>ENDE</h1>
<span>(link: "See your Score")[(goto: "finalscore")]</span>
</div>
|=
=|(display: "Menu")
<script>
if (typeof(score) !== "undefined") {
} else { var score = 0
}
$('.scory').html(score);
$('.bigscore').html(score);
</script>
<div class="badge"><img src="img/icons8-winner-document-100.png"><h1><span data-tooltip="Well done!">Gut gemacht!</span></h1>
<div class="bigscore"></div>
<div class="message"> You've successfully completed this Learn German with Stories episode! Your final score is <span class="scory"></span>.</div>
<a class="fb sb" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.learnoutlive.schlaflos">Post on Facebook</a><a class="tw sb" href="https://twitter.com/intent/tweet?url=https://play.google.com/store/apps/details?id=com.learnoutlive.schlaflos&text=I just completed the Learn German with Stories Episode 'Schlaflose Sarah'&via=_learn_german&hashtags=schlaflosesarah,learngermanwithstories,learngerman">Share on Twitter</a>
<div class="message"><p/>
Want to get more German stories? Join our free <a href="https://mailchi.mp/learnoutlive/learn-german-with-stories">email course</a> 💌.
</div>
</div>
<script>
if (devicePlatform == "Android") {
$('.bigscore').css({"line-height": "1em", "padding-top" : "0.2em"});
}
if (devicePlatform == "unknown") {
newUrlTW = "https://twitter.com/intent/tweet?url=https://apps.apple.com/app/id1492913561&text=I just completed the Learn German with Stories Episode 'Schlaflose Sarah'&via=_learn_german&hashtags=schlaflosesarah,learngermanwithstories,learngerman"
newUrlFB = "https://www.facebook.com/sharer.php?u=https%3A%2F%2Fapps.apple.com%2Fapp%2Fid1492913561"
$('.tw').attr("href", newUrlTW);
$('.fb').attr("href", newUrlFB);
}
</script>
<style>
#page-nav label {
font-size: 1.17em;
}
tw-story br[data-cons] {
display:none;
}
</style>(display: "VocabScript")
<div class="voc">Bist du: Are you | noch: still | wach:awake | Ja klar: Yeah, sure | Was geht?: What‘s up? | ich: I | kann: can | nicht: not | schlafen: sleep | Warum: Why | bei dir: at your place | kein: no | Gewitter: thunderstorm | noch nicht: not yet | höre: hear | Donnern: thunderclaps | Ferne: distance | Es regnet: It‘s raining | hier: here | schon: already | seit Stunden: for hours | wie:like | verdammte: damn | Sintflut: deluge | wo: where | meine: my | Arche: ark | lachst: laugh | laut: loud | heult: howls | trommelt: drums | Dach: roof | Äste: branches | alten: old | Weide: willow | Garten: garden | schlagen an: beat against | Fenster: windows | Peitschen: whips | unmöglich: impossible | so: like this | schlafen: sleep</div><div class="voc">
Kopfhörer: headphones | Das heißt: That means | kaputt: broken | verstanden: understood | Gott: god | Was ist?: What‘s up? | Blitz: lightning | was für ein: what a | tausend: thousand | Ich verstehe nicht: I don‘t understand | deinem: your | Bett: bed | verrückt: crazy | viel zu: much too | schwer: heavy | Außerdem: besides | Mundgeruch: bad breath | ziemlich: pretty | oder?: right? | elf: eleven | Jahre: years | Menschenjahre: human years | wäre: would be
</div><div class="voc">
richtig: real | alter Knacker: old codger | du sagst es!: Tell me about it. | Viel Zeit: a lot of time | nicht mehr: not anymore | eigentlich: actually | groß: big | Hunde: dogs | leben: live | länger: longer | Nachrichten: news | gesehen: seen | Wieso?: Why? | Bäume: trees | entwurzelt: uprooted | Strommasten: power poles | umgelegt: knocked down | sprechen: speak | von: of | Sturm: storm | des Jahrhunderts: of the century | Wie gesagt: Like I said
</div><div class="voc">
allein: alone | zu Hause: at home | Eltern: parents | im Urlaub: on vacation | Hotelburg: hotel fortress | auf: on | peinlich: embarrassing | Ich war noch nie: I‘ve never been | schön: beautiful | dort: there | gehört: heard | keine Ahnung: no clue | Was auch immer: whatever| jetzt: now | Unsere: our | Mülltonne: trash can | gerade: just | auf: onto | Straße: street | geflogen: flown | hängt: hangs | Altpapier: recycled paper | Restmüll: residual waste | Häh?: Huh? | weißt du was?: you know what? | beeindruckt: impressed | funktioniert: works | bei: during | Mistwetter: crappy weather | Verwunderlich: remarkable | Heiliger Bimbam:Holy cow! | Was jetzt?: What now? | der: of the | Nachbarn: neighbors | eingeschlagen: struck</div><div class="voc">Im Ernst?: For real? | in Ordnung: alright | Ich weiß nicht: I don‘t know | Was bedeutet das: What does that mean? | geknallt: banged | Schuss: shot | Fensterscheiben: window panes | gezittert: shivered | Lichter: lights | geflackert: flickered | Sogar: even | aufgewacht: woken up | warte: wait | da: there | Schlafanzug: pyjamas | schaut: gazes | Nacht: night | Geist: ghost | Gruselig: spooky | Auf jeden: You bet! | arme: poor | seine: his | Frau: wife | gestorben: has died | wohnt: lives | ganz alleine: all alone | Kennst du?: Do you know? | ihn: him | gut: well | Nicht wirklich: not really | verschwunden: disappeared | Wie meinst du: How do you mean? | Schlafplatz: sleeping spot</div><div class="voc">
Vielleicht: maybe | Knall: bang | erschreckt: frightened | gehe: go | schnell: quickly | suchen: search | Pass auf dich auf: Take care! | gefunden: found | ganzen: whole | gesucht: searched | Wohnzimmer: living room | Küche: kitchen | Badezimmer: bathroom | Keller: basement | Und jetzt?: Now what? | soll: should | tun: do | ein bisschen: a little | nachgelassen: let up | wirst: will | glauben: believe | Veranda: porch | klatschnass: soaking wet | Was macht er?: What‘s he doing? | gute: good | Frage: question | Gießkanne: watering can | gießt: waters | Blumen: flowers | irgendetwas: something | erweckt: awakened | Na ja: Well | tote: dead | gesehen: seen | so etwas: something like that | Spinnst du?: Are you crazy? | vor ein paar Tagen: a few days ago
</div><div class="voc">
du solltest: you should | mit: with | niemals: never | Schlafwandler: sleepwalkers | darf man nicht: you mustn‘t | aufwecken: wake up | sitzt: sits | nasse: wet | Mund: mouth | nimmt: takes | Schaufel: shovel | gräbt: digs | Loch: hole | Mitten in: in the middle of | Blumenbeet: flower bed | wirklich: really | Gehirn: brain | beeinflusst: influenced | schmutzig: dirty | Willst du?: Do you want to? | Polizei: police | rufen: call | Irrenanstalt: insane asylum | Mensch!: Jeez! | lustig: funny | Witze: jokes | bis zu: until | Knien: knees | hingelegt: lay down | füllt: fills | Erde: earth | liegt: lies | soll: shall | fast: almost | komplett: completely | bedeckt: covered | Nur noch: only | Stirn: forehead | sichtbar: visible</div><div class="voc">musst: must | Geh: go | runter: down | hilf: help | ihm: him | leckt: licks | beginnt: begins | graben: dig | lebendig: alive | Anscheinend: apparently | steht auf: gets up | zurück: back | ins: into the | wedelt: wags | Schwanz: tail | folgt: follows | die beiden: both of them | dreckig: filthy | Kühlschrank: refrigerator | Milch: milk | gibt: gives | nicht genau: not exactly | sehen: see | Wurst: sausage | Wie bitte?: Excuse me? | verlässt: leaves | schließt: closes | aus: off | Und weiter?: Then what? | Nichts: nothing | Was zur Hölle: What the hell? | passiert: happened | wieder: again | zurückgekommen: returned | gerade eben: only now</div><div class="voc">schnarcht: snores | leiseste: slightest | Ahnung: clue | Teppich: carpet | jedenfalls: anyhow | ruiniert: ruined | zumindest: at least | aufgehört: stopped | zurück: back | Alles klar: Alright</div>
(doesn't exist because it correlates to first voocblock)<div class="quiz" style="display:none;">
<script>
var cost = 2;
answers = ["A","B","C"];
$('.quiz br').remove();
</script>
<p>Wie ist das Wetter?</p>
<label for="p1"><input type="radio" value="A"> Es regnet.</label>
<label for="p1"><input type="radio" value="B"> Es schneit.</label>
<label for="p1"><input type="radio" value="C"> Die Sonne scheint.</label>
<p>Warum kann Sarah nicht schlafen?</p>
<label for="p2"><input type="radio" value="A"> Sie hat Hunger.</label>
<label for="p2"><input type="radio" value="B"> Es ist sehr laut.</label>
<label for="p2"><input type="radio" value="C"> Es ist sehr leise.</label>
<p>Hat Sarah Kopfhörer?</p>
<label for="p3"><input type="radio" value="A"> Ja, aber sie sind nicht gut.</label>
<label for="p3"><input type="radio" value="B"> Nein.</label>
<label for="p3"><input type="radio" value="C"> Ja, aber sie sind kaputt.</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div><div class="quiz" style="display:none;">
<script>
var cost = 3;
answers = ["A","B","A"];
$('.quiz br').remove();
</script>
<p>Frodo ist ...</p>
<label for="p1"><input type="radio" value="A"> Sarahs Hund</label>
<label for="p1"><input type="radio" value="B"> Sarahs Freund.</label>
<label for="p1"><input type="radio" value="C"> Sarahs Vater.</label>
<p>Wie alt ist Frodo?</p>
<label for="p2"><input type="radio" value="A"> 10</label>
<label for="p2"><input type="radio" value="B"> 11</label>
<label for="p2"><input type="radio" value="C"> 12</label>
<p>Wer lebt länger?</p>
<label for="p3"><input type="radio" value="A"> kleine Hunde</label>
<label for="p3"><input type="radio" value="B"> mittelgroße Hunde</label>
<label for="p3"><input type="radio" value="C"> große Hunde</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div><div class="quiz" style="display:none;">
<script>
var cost = 4;
answers = ["C","A","B", "C"];
$('.quiz br').remove();
</script>
<p>Die Nachrichten sprechen von einem ... des Jahrhunderts.</p>
<label for="p1"><input type="radio" value="A"> Donner</label>
<label for="p1"><input type="radio" value="B"> Gewitter</label>
<label for="p1"><input type="radio" value="C"> Sturm</label>
<p>Ist Sarah allein zu Hause?</p>
<label for="p2"><input type="radio" value="A"> ja</label>
<label for="p2"><input type="radio" value="B"> nein</label>
<p>Wo sind Sarahs Eltern?</p>
<label for="p3"><input type="radio" value="A"> zu Hause</label>
<label for="p3"><input type="radio" value="B"> im Urlaub</label>
<label for="p3"><input type="radio" value="C"> im Garten</label>
<p>Sie sind auf ...</p>
<label for="p4"><input type="radio" value="A"> Sizilien</label>
<label for="p4"><input type="radio" value="B"> Korsika</label>
<label for="p4"><input type="radio" value="C"> Mallorca</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div><div class="quiz" style="display:none;">
<script>
var cost = 3;
answers = ["C","C","B"];
$('.quiz br').remove();
</script>
<p>Wo ist Sarahs Mülltone jetzt?</p>
<label for="p1"><input type="radio" value="A"> in der Garage</label>
<label for="p1"><input type="radio" value="B"> im Haus</label>
<label for="p1"><input type="radio" value="C"> in einem Baum</label>
<p>Was ist verwunderlich?</p>
<label for="p2"><input type="radio" value="A"> Die Kopfhörer funktionieren.</label>
<label for="p2"><input type="radio" value="B"> Sarah kann nicht schlafen.</label>
<label for="p2"><input type="radio" value="C"> Das Internet funktioniert.</label>
<p>Wo ist der Blitz eingeschlagen?</p>
<label for="p3"><input type="radio" value="A"> in Sarahs Haus</label>
<label for="p3"><input type="radio" value="B"> in das Haus der Nachbarn</label>
<label for="p3"><input type="radio" value="C"> in die Weide im Garten</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div><div class="quiz" style="display:none;">
<script>
var cost = 5;
answers = ["A","B","C","B","B"];
$('.quiz br').remove();
</script>
<p>Sarahs Nachbar steht ...</p>
<label for="p1"><input type="radio" value="A"> am Fenster</label>
<label for="p1"><input type="radio" value="B"> im Garten</label>
<label for="p1"><input type="radio" value="C"> auf der Straße</label>
<p>Er <span data-tooltip="wears">trägt</span> ...</p>
<label for="p2"><input type="radio" value="A"> ein T-Shirt</label>
<label for="p2"><input type="radio" value="B"> einen Schlafanzug</label>
<label for="p2"><input type="radio" value="C"> einen Pullover</label>
<p>Seine Frau ...</p>
<label for="p3"><input type="radio" value="A"> steht neben ihm</label>
<label for="p3"><input type="radio" value="B"> schläft</label>
<label for="p3"><input type="radio" value="C"> ist gestorben</label>
<p>Er wohnt ... in dem Haus.</p>
<label for="p4"><input type="radio" value="A"> mit seiner Frau</label>
<label for="p4"><input type="radio" value="B"> ganz alleine</label>
<label for="p4"><input type="radio" value="C"> mit seinem Hund</label>
<p>Wo ist Frodo?</p>
<label for="p5"><input type="radio" value="A"> Er ist im Garten.</label>
<label for="p5"><input type="radio" value="B"> Er ist verschwunden.</label>
<label for="p5"><input type="radio" value="C"> Er ist im Bett.</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div<div class="quiz" style="display:none;">
<script>
var cost = 5;
answers = ["A","B","C","A","B"];
$('.quiz br').remove();
</script>
<p>Wo hat Sarah nach Frodo gesucht?</p>
<label for="p1"><input type="radio" value="A"> im Wohnzimmer, in der Küche und im Badezimmer</label>
<label for="p1"><input type="radio" value="B"> im Wohnzimmer, im Garten und im Garten</label>
<label for="p1"><input type="radio" value="C"> im Wohnzimmer, auf der Straße und im Badezimmer</label>
<p>Hat sie ihn gefunden?</p>
<label for="p2"><input type="radio" value="A"> Ja</label>
<label for="p2"><input type="radio" value="B"> Nein</label>
<p>Wo ist Sarahs Nachbar?</p>
<label for="p3"><input type="radio" value="A"> Er steht auf der Straße.</label>
<label for="p3"><input type="radio" value="B"> Er sitzt im Garten.</label>
<label for="p3"><input type="radio" value="C"> Er steht auf der Veranda.</label>
<p>Was macht er dort?</p>
<label for="p4"><input type="radio" value="A"> Er gießt die Blumen.</label>
<label for="p4"><input type="radio" value="B"> Er schaut in die Nacht.</label>
<label for="p4"><input type="radio" value="C"> Er schläft.</label>
<p>Was darf man <span data-tooltip="according to">laut</span> Sarah nicht mit Schlafwandlern machen?</p>
<label for="p5"><input type="radio" value="A"> mit ihnen sprechen</label>
<label for="p5"><input type="radio" value="B"> sie aufwecken</label>
<label for="p5"><input type="radio" value="C"> sie anschauen</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div><div class="quiz" style="display:none;">
<script>
var cost = 4;
answers = ["B","A","A","A","C"];
$('.quiz br').remove();
</script>
<p>Wo ist der Nachbar?</p>
<label for="p1"><input type="radio" value="A"> am Fenster</label>
<label for="p1"><input type="radio" value="B"> auf der Veranda</label>
<label for="p1"><input type="radio" value="C"> auf der Straße</label>
<p>Was nimmt er?</p>
<label for="p2"><input type="radio" value="A"> eine Schaufel</label>
<label for="p2"><input type="radio" value="B"> eine Mülltonne</label>
<label for="p2"><input type="radio" value="C"> einen Schlafanzug</label>
<p>Wo gräbt er ein Loch?</p>
<label for="p3"><input type="radio" value="A"> im Blumenbeet</label>
<label for="p3"><input type="radio" value="B"> unter einem Baum</label>
<label for="p3"><input type="radio" value="C"> neben der Straße</label>
<p>Er legt sich in das Loch und füllt es ...</p>
<label for="p4"><input type="radio" value="A"> mit Erde.</label>
<label for="p4"><input type="radio" value="B"> mit Müll.</label>
<label for="p4"><input type="radio" value="C"> mit Regen.</label>
<p>Was ist am Ende nur noch sichtbar?</p>
<label for="p5"><input type="radio" value="A"> seine Stirn und die Füße</label>
<label for="p5"><input type="radio" value="B"> seine Arme und die Finger</label>
<label for="p5"><input type="radio" value="C"> seine Stirn und die Finger</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div><div class="quiz" style="display:none;">
<script>
var cost = 4;
answers = ["A","B","C","A","B"];
$('.quiz br').remove();
</script>
<p>Was macht Frodo?</p>
<label for="p1"><input type="radio" value="A"> Er gräbt in dem Loch.</label>
<label for="p1"><input type="radio" value="B"> Er hängt in einem Baum.</label>
<label for="p1"><input type="radio" value="C"> Er trinkt Wasser.</label>
<p>Frodo und der Nachbar gehen ...</p>
<label for="p2"><input type="radio" value="A"> ins Wohnzimmer</label>
<label for="p2"><input type="radio" value="B"> in die Küche.</label>
<label for="p2"><input type="radio" value="C"> ins Badezimmer</label>
<p>Sarahs Nachbar trinkt ein Glas ...</p>
<label for="p3"><input type="radio" value="A"> Bier</label>
<label for="p3"><input type="radio" value="B"> Wasser</label>
<label for="p3"><input type="radio" value="C"> Milch</label>
<p>Was gibt er Frodo?</p>
<label for="p4"><input type="radio" value="A"> eine Wurst</label>
<label for="p4"><input type="radio" value="B"> Milch</label>
<label for="p4"><input type="radio" value="C"> Käse</label>
<p>Dann macht er das Licht aus und Frodo ...</p>
<label for="p5"><input type="radio" value="A"> gräbt im Garten</label>
<label for="p5"><input type="radio" value="B"> kommt zurück zu Sarah</label>
<label for="p5"><input type="radio" value="C"> geht in den Keller</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div><div class="quiz" style="display:none;">
<script>
var cost = 4;
answers = ["C","C","B"];
$('.quiz br').remove();
</script>
<p>XXX</p>
<label for="p1"><input type="radio" value="A"> XXX</label>
<label for="p1"><input type="radio" value="B"> XXX</label>
<label for="p1"><input type="radio" value="C"> XXX</label>
<p>WXXX</p>
<label for="p2"><input type="radio" value="A"> XXX.</label>
<label for="p2"><input type="radio" value="B"> XXX.</label>
<label for="p2"><input type="radio" value="C"> XXX.</label>
<p>XXX</p>
<label for="p3"><input type="radio" value="A"> XXX</label>
<label for="p3"><input type="radio" value="B"> XXX</label>
<label for="p3"><input type="radio" value="C"> XXX</label>
<p>XXX</p>
<label for="p4"><input type="radio" value="A"> XXX</label>
<label for="p4"><input type="radio" value="B"> XXX</label>
<label for="p4"><input type="radio" value="C"> XXX</label>
<p>XXX</p>
<label for="p5"><input type="radio" value="A"> XXX</label>
<label for="p5"><input type="radio" value="B"> XXX</label>
<label for="p5"><input type="radio" value="C"> XXX</label>
(display: "Quiz_JQ")
<div class="whitespace"></div></div>