JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<div align='center' style='font-size: 110%;'>\ <<speech "" "">> <br/> <strong>THANKS FOR VISITING UNSCIENTIFICALLY</strong>\ <br/> Here are some instructions that could help you... 1) Use the menu button on top to quickly reach the page, project or game you seek. 2) Click on the "Enter Our Home" button below to explore the gamified(weird) version of our website. 3) Whenever you see a square box <img class="img-responsive center-block hero" src="/assets/sprites/fullscreen_white.png" style="width:32px; height:32px;" alt="fullscreen"> that means you can click on it to make the area fullscreen. 4) You don't have to enter your name below. We dont save it anywhere. But it helps our webpage understand you better(this could be false). <br/> First Name: <br/>\ <<textbox "$firstName" $firstName>> <br/> <button class="styleButton" data-passage="Lounge">Enter Our Home</button> <</speech>> </div>\
<br/> <div align='center' style='font-size: 100%;'>\ <<speech "Lena" "Lena Hartung - Psych. Psychotherapeutin/Projektleitung SALUTE">>Hallo :) Ich bin Lena. Welcome to Salute! Schwere Erkrankungen wie Krebs verändern alles. SALUTE ist ein CE-gekennzeichnetes Medizinprodukt und digitale Therapieanwendung zur psychologischen Unterstützung bei oder nach Krebserkrankungen (nach S3-Leitlinie Psychoonkologie). In SALUTE werden selbständig zu bearbeitende Online-Module mit regelmäßigen telemedizinischen Gesprächen zu einem persönlichen Therapeuten verbunden. SALUTE hilft auf diese Weise, die Neuausrichtung des Lebens zu meistern und zeigt Perspektiven für ein erfülltes Leben mit und nach einer Krebserkrankung auf. Would you like to preview SALUTE with the guidance of Lena or would you like to directly register for Salute? <br/> <button class="styleButton" data-passage="Step 2 with Lena">Lets explore Salute!</button> <br/> <button class="styleButton" data-passage="Salute Registration">Directly Register</button>\ <br/> <</speech>> </div>
<br/><br/> <div align='center' style='font-size: 100%;'>\ <<speech "Saskia" "Saskia Blömeke - Psychologin, Senior Projekt Managerin & Prokuristin">> Hello :) Welcome to Coach For Care! My name is Saskia and i am really happy that you want to find out more about my widely used product. Pflegekräfte stehen unter großen Belastungen, die ihre Gesundheit bedrohen. Um dieser Bedrohung vorzubeugen, haben wir ein speziell auf die Bedürfnisse in der Pflege abgestimmtes Programm zur betrieblichen psychischen Gesundheitsförderung geschaffen. Wir kennen die Bedürfnislage vor Ort und wissen, wo besondere Unterstützung gebraucht wird, um Resilienz zu stärken und gesundheitsördernde Rahmen- und Arbeitsbedingungen zu fördern. Verbunden mit unseren Maßnahmen decken wir den gesamten BGM-Prozess ab und orientieren uns am Leitfaden Prävention nach §20b SGB V. Would you like to preview coachforcare with the guidance of my super cool colleague Jessica or would you like to directly register for Coaching? <br/> <button class="styleButton" data-passage="cfc step one">Let Jessi Guide You</button> <br/> <button class="styleButton" data-passage="cfc registration">Register Directly</button>\ <br/> <</speech>> </div>
<br/> <div align='center' style='font-size: 100%;'>\ <<speech "You" "Shyam">>Hello $firstName! My name is Shyam Pillai. ich bin Senior Projekt Manager und Software Developer @Trivention Gmbh. Welcome to Zukunftsklick. Eine durch die Arbeitslosigkeit entstandene oder verstärkte psychische Belastung ist nicht selten Ursache oder Folge psychischer Probleme. Das kann zu erschwerter Reintegration in den Arbeitsmarkt führen. Auch andersherum können psychische Belastungen oder Erkrankungen zu Arbeitslosigkeit führen. ZukunftsKlick hilft bei der psychischen Aktivierung von Menschen, die von langer Arbeitslosigkeit betroffen sind. Interaktive Module wirken zusammen mit Videokontakten zum persönlichen Coach. So soll die Chance auf Teilhabe und die Möglichkeit das Leben wieder in die eigene Hand zu nehmen, möglich werden. Would you like to preview Zukunftsklick with the guidance of Psychologe und Coach Salim or would you like to directly register for Zukunftsklick? <br/> <button class="styleButton" data-passage="zukli step one">Let Coach Salim Guide You</button>\ <br/> <button class="styleButton" data-passage="zukli registration">Register for Zukunftsklick</button>\ <br/> <</speech>> </div>
<br/><br/> <div align='center' style='font-size: 150%;'>\ <div class="box box3 fontColor">\ COGNITIVE GAMES [INTRO COMING SOON] <<if $firstName is "trivi">> <div style="border: 2px dotted red;"> TO DO: Introduction and explanation. design improvements on this page and the mini games. TEAM ACTIVITY: Create new games. plan and design cognitive games together. </div> <</if>> <br/> <button class="styleButton" data-passage="colorhit">Hit The Color</button>\ <br/> <button class="styleButton" data-passage="MindSurfer">Mind Surfer</button>\ <br/> <button class="styleButton" data-passage="KeepSmiling">Keep Smiling</button>\ <br/> <button class="styleButton" data-passage="Lounge">Back to Lounge</button>\ <br/> </div> </div>
Double-click this passage to edit it.
<<set $page to "Home">>\ <div align='center' style='font-size: 100%;'>\ <<speech "You" "">> <<first>>\ Hello <<print $firstName>>,\ Here are some instructions that could help you :) 1) Use the menu button on top to quickly reach the page/project/game you seek. 2) Click on the start button in the window below to browse the gamified version of our website. There's a lot to explore so don't forget to check it out! 3) Whenever you see a square box <img class="img-responsive center-block hero" src="/assets/sprites/fullscreen_white.png" style="width:32px; height:32px;" alt="fullscreen"> that means you can click on it to make the area fullscreen. 4) If you would rather just browse our projects or contact us, scroll further down . 5) If you just see a blank box below, please give it some time to load. Could be a slowdown in your internet connection. <<then>>\ Welcome Back <<print $firstName>>,\ Here are some instructions that could help you :) 1) Use the menu button on top to quickly reach the page/project/game you seek. 2) Click on the start button in the window below to browse the gamified version of our website. There's a lot to explore so don't forget to check it out! 3) Whenever you see a square box <img class="img-responsive center-block hero" src="/assets/sprites/fullscreen_white.png" style="width:32px; height:32px;" alt="fullscreen"> that means you can click on it to make the area fullscreen. 4) If you would rather just browse our projects or contact us, scroll further down . 5) If you just see a blank box below, please give it some time to load. Could be a slowdown in your internet connection. <<finally>>\ Nice to see you again <<print $firstName>>,\ Here are some instructions that could help you :) 1) Use the menu button on top to quickly reach the page/project/game you seek. 2) Click on the start button in the window below to browse the gamified version of our website. There's a lot to explore so don't forget to check it out! 3) Whenever you see a square box <img class="img-responsive center-block hero" src="/assets/sprites/fullscreen_white.png" style="width:32px; height:32px;" alt="fullscreen"> that means you can click on it to make the area fullscreen. 4) If you would rather just browse our projects or contact us, scroll further down . 5) If you just see a blank box below, please give it some time to load. Could be a slowdown in your internet connection. <</first>>\ <div class="gameWrapperNoBorder box1 box3"><iframe src="js/mainpage/whyunscientificallyiframe.html" scrolling="no" allowfullscreen>\</iframe></div>\ <</speech>> <div class="box jumbotron fontColor">\ <img class="img-responsive center-block hero" src="vicewithdarknesspic.png" alt="Werewolf Image">\ <div class="row">\ <div class="col-sm-12 text-center">\ <h2>Vice With Darkness</h2>\ <h4>Challenge Your Senses, Have a Vice with Darkness</h4>\ <h4>By Shyam Pillai</h4>\ </div>\ </div>\ <div class="row">\ <div class="col-sm-10 col-sm-offset-1 col-lg-6 col-lg-offset-0">\ <p>This is a new kind of Digital Interactive Book that uses neuroscience, behavioral therapy, philosophy and Spatial audio to help people quit addictive habits like smoking, drinking, excess sugar etc. There are more than 20 pages filled with unique experiences which amounts to more than 3 hours of content.</p> <h3>Not Convinced to try it out yet?</h3> <p>This experience has Really Evil Bad Guys, Multiple Boss Battles, Two Endings, Crazy Mini Games, Spatial Sound to build Focus, Spatial Challenges, Original Songs, Poetry, Thoroughly Researched (Research Papers, Google and the Authors Brain), will give you a better understanding of your limbic system and last but not least, this experience will help you have an honest discussion with your soul, which is the most important step towards breaking an addiction.</p>\ <h3>If you are still not convinced, there’s more!</h3>\ <h4>You will encounter celebrities too, and a really friendly Werewolf.</h4> <button class="styleButton" onclick="location.href='https://www.unscientifically.com/vicewithdarkness';">Enter The Darkness</button>\ </div> </div> </div>\ <div class="box jumbotron fontColor">\ <img class="img-responsive center-block hero" style='max-width:95%;' src="coverPage.png" alt="Artpretation Image"> <div class="row">\ <div class="col-sm-12 text-center">\ <h2>Artpretation</h2>\ <h4>By Shruthi Chandran</h4>\ <h4>A unique avenue for experiencing Art in a whole new way</h4>\ </div>\ </div>\ <div class="row">\ <div class="col-sm-10 col-sm-offset-1 col-lg-6 col-lg-offset-0">\ <p>As Artists, Artlovers or simply observers equally share a platform, we have tried our best to bring to attention to certain Social issues of our society in a creative manner. Artpretation is also a venture to create opportunities & uplift Artists, learn to interpret Art in a fun, gamified way and to add a small dose of Dopamine to all our daily lives.. We all could surely use a little now, right?<br> I would like to thank all the Artists for contributing with their beautiful Artwork.<br> So get into it and possibly share it to motivate us to keep making more creative products in future!</p> <button class="styleButton" onclick="location.href='https://www.unscientifically.com/artpretation';">START</button>\ </div> </div> </div> <div class="box jumbotron fontColor">\ <img class="img-responsive center-block hero" src="scc.jpg" alt="Image">\ <div class="row">\ <div class="col-sm-12 text-center">\ <h2>Games by Gamers</h2>\ </div>\ </div>\ <div class="row">\ <div class="col-sm-10 col-sm-offset-1 col-lg-6 col-lg-offset-0">\ <h4 style='color:red;'>Brain Candy</h4>\ <p>Brain Candy takes Visual illusions and blends it into an Interactive Puzzle/Quiz with more than 50 puzzles. Only available on Android Phones.</p> <button class="styleButton" style="width: 100%;" onclick="location.href='https://play.google.com/store/apps/details?id=com.appsworthyourtime.braincandy&hl=en';">Play Brain Candy</button> <h4 style='color:red;'>Boom Shiva</h4>\ <p>This is a concept demo game for Boom Shiva. We launched this concept game in 2017 on Android to get audience feedback on what they liked and disliked in such a game. In order to find out how we can create a game that will blow your minds. Even this concept game has received mostly 5 star reviews from the public and has been download almost 150,000 times.</p> <button class="styleButton" style="width: 100%;" onclick="location.href='https://play.google.com/store/apps/details?id=com.theshyshrew.boomshiva&hl=en';">Play Boom Shiva</button> <h4 style='color:red;'>TGAAG - Berlin</h4>\ <p>TGAAG(The Game About A Game) is a 2D Comedy/Horror Game featuring different Gameplay Styles. It tells the story of 2 Game Developers and their difficulties in trying to finish a game. Featuring music from Berlin Artist Kaiser Base.</p> <button class="styleButton" style="width: 100%;" onclick="location.href='https://www.youtube.com/watch?v=chs4vPy3aQU';">TGAAG Berlin Trailer</button>\ </div> </div> </div> <div class="box jumbotron fontColor">\ <img class="img-responsive center-block hero" src="zebras.jpg" alt="Art">\ <div class="row">\ <div class="col-sm-12 text-center">\ <h2>kaLArT Gallery</h2>\ <h4>'Beauty lies in the eyes of the beholder'<br> ~Plato~</h4>\ </div>\ </div>\ <div class="row">\ <div class="col-sm-10 col-sm-offset-1 col-lg-6 col-lg-offset-0">\ <p>An Artist captures beauty & emotions in the process of creating everything out of nothing. This beauty maybe beyond all confines, conveying emotions with ever lasting impact or just giving one's soul indescribable pleasure or all three.. This place attempts to form a connection from an Artist's body, mind and soul to the rest of the world.</p> <p class="mb-30">'Art is my vacuum that filters & clears the brain<br> Of all its litters & debris that causes energy drain<br> As long as I recycle & reuse this energy<br> I create opportunity for another Art with greater synergy'<br> ~Shruthi~</p> <button class="styleButton" onclick="location.href='https://www.unscientifically.com/artgallery';"> Visit The Gallery</button>\ </div> </div> </div> <div class="box jumbotron fontColor">\ <div class="gameWrapperNoBorder box1 box3"><iframe src="scratchforpeace.html" scrolling="no" allowfullscreen></iframe> </div> <h2>Peace</h2>\ <h4>By Shyam Pillai</h4>\ A mindfulness practice about the effects of war and the destruction it spread even if you are far away from it. Click on the button below to start the 10 minute practice. <button class="styleButton" onclick="location.href='https://www.unscientifically.com/peace';">Start Mindfulness Practice</button> <br/> </div> <div class="box jumbotron fontColor">\ <img src="creativespace.jpg" class="responsive">\ Meet the minds behind Unscientifically! <button class="styleButton" data-passage="aboutus">About Us</button> <br/> </div> <div class="box jumbotron fontColor">\ <div style="border:2px red dotted">\ Contact Us @ unscientificallyyours@gmail.com or click on us below to contact either one of us specifically. Also feel free to look around our office space and customer reviews. The view is beautiful :) </div> <div class="gameWrapperNoBorder box1 box3"><iframe src="contactusiframe.html" scrolling="no" allowfullscreen></iframe></div>\ <br/> </div>
<<if passage() is "Start">><<set $page to "Start Page">><</if>> <<if passage() is "Lounge">><<set $page to "Home">><</if>> <<if passage() is "aboutus">><<set $page to "About Us">><</if>> <<if passage() is "contactus">><<set $page to "Contact Us">><</if>> <div align='center' style='font-size: 100%;'>\ <div id="frame1" class="jumbotron box box4 fontColor">\ <div align='center' class="lounge" style='color:#fff;'>\ UNSCIENTIFICALLY </div>\ <div align='center' class="lounge" style='color:red;'>\ <<print $page>>\ </div> <span class="button-85" id="toggleStowButton">\ <<button "Menu">>\ <<if UIBar.isStowed()>>\ <<run UIBar.unstow()>>\ <</if>>\ <</button>>\ </span>\ </div>\
<<script>> $("#reservationForm").submit(function (e) { e.preventDefault(); var $form = $(this); var tag = document.createElement("p"); var text = document.createTextNode("Thank you for registering with Salute."); tag.appendChild(text); var element = document.getElementById("reservationForm"); function myGreeting(){ element.removeChild(tag); } $.ajax({ type: 'POST', url: 'sendmail.php', data: $('#form').serialize(), success: function(response) { alert("Success"); $('#reservationForm').fadeOut("slow"); }, error: function(response) { element.appendChild(tag); const myTimeout = setTimeout(myGreeting, 3000); } }); return false; }); <</script>> <div align='center' style='font-size: 150%;'>\ <form id="reservationForm" action=""> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" @value=$firstName required ><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" @value=$lastName required><br><br> <label for="lname">Email Address:</label><br> <input type="email" id="email" name="email" @value=$email required><br><br> <label for="lname">Number:</label><br> <input type="text" id="number" name="number" @value=$number ><br><br> <button class="styleButton" type="submit">Submit</button>\ </form> <button class="styleButton" data-passage="Lounge">Lounge</button>\ <br/> </div>
<div align='center' style='font-size: 100%;'> <h1>Was zeichnet mich aus?</h1> <h2>Schritt 1 von 5</h2> </div> <div align='center' style='font-size: 100%;'> <<speech "Lena" "Lena Hartung - Psych. Psychotherapeutin/Projektleitung SALUTE">>Hello $firstName! Mit diesem therapeutischen Modul beginnen Sie. Hier werden Sie lernen, auf sich selbst zu schauen und sich zu erkennen. After the preview is done you can make a decision whether you would want to register for Salute. In case you are a business, we are looking for cooperation partners. We will start off with the most important question. How are you feeling today? Slide the emoji meter left or right and stop when you feel that the emoji matches your mood. <div class="container"> <div class="moji">😄</div>\ <div class="slider"> <span>Yay!</span> <input class="sliderInput" type="range" value="0" min="0" max="10" step="1"> <span>Boo!</span> </div> </div> <br/><br/> <button class="styleButton">Continue (Coming Soon)</button>\ <br/> <strong>View Zukunftsklick for further Vorschau</strong> <br/><br/> <button class="styleButton" data-passage="SALUTE">Zuruck</button> <br/> <br/> <</speech>> </div> <br/> <<script>> var moodUpdate; var moodUpdateValue; var div; var range; var mojiExists; var rangeExists; $(document).one(':passagedisplay', function (ev) { var mojis = ['😄','🙂','😐','😑','☹️','😩','😠','😡','😤','🤢','💩']; range = document.querySelector('.sliderInput'); div = document.querySelector('.moji'); if(localStorage.getItem("valuesalute") !== null){ console.log("localStorage.getItem('valuesalute'): " + localStorage.getItem("valuesalute")); moodUpdate = localStorage.getItem("moodsalute"); moodUpdateValue = localStorage.getItem("valuesalute"); div.textContent = mojis[moodUpdateValue]; range.value = moodUpdateValue; console.log("mojis[moodUpdateValue]: " + mojis[moodUpdateValue]); console.log("queryselector div" + div.textContent); } if(range) { range.addEventListener('input', (e) => { let rangeValue = e.target.value; div.textContent = mojis[rangeValue]; console.log("rangeValue: " + rangeValue); var theMood = localStorage.setItem("moodsalute", div.textContent); var theValue = localStorage.setItem("valuesalute", rangeValue); });} }); <</script>>
<div align='center' style='font-size: 150%;'>\ <br><br> How are you feeling today? <div class="container">\ <div class="moji">😄</div>\ <div class="slider">\ <span>Yay!</span>\ <input class="sliderInput" type="range" value="0" min="0" max="10" step="1"> <span>Boo!</span> </div> </div> </div> <<script>> var moodUpdate; var moodUpdateValue; var div; var range; var mojiExists; var rangeExists; $(document).one(':passagedisplay', function (ev) { var mojis = ['😄','🙂','😐','😑','☹️','😩','😠','😡','😤','🤢','💩']; range = document.querySelector('.sliderInput'); div = document.querySelector('.moji'); if(localStorage.getItem("value") !== null){ console.log("localStorage.getItem('value'): " + localStorage.getItem("value")); moodUpdate = localStorage.getItem("mood"); moodUpdateValue = localStorage.getItem("value"); div.textContent = mojis[moodUpdateValue]; range.value = moodUpdateValue; console.log("mojis[moodUpdateValue]: " + mojis[moodUpdateValue]); console.log("queryselector div" + div.textContent); } if(range) { range.addEventListener('input', (e) => { let rangeValue = e.target.value; div.textContent = mojis[rangeValue]; console.log("rangeValue: " + rangeValue); var theMood = localStorage.setItem("mood", div.textContent); var theValue = localStorage.setItem("value", rangeValue); });} }); <</script>> $health [[Step 4 with Lena]] <<return>>
<<set $firstName to "Guest">> <<set $lastName to "">> <<set $email to "">> <<set $number to "">> <<set $page to "">> <<set $health to 100, $maxHealth to 100>> <<set $mood to 100, $maxMood to 100>> <<set $selfImage to 50, $maxSelfImage to 100>> <<set $jobs to 0, $locations to 0>> <<set $korper to 10, $maxKorper to 10>> <<set $belastung to 0, $maxBelastung to 10>> <<set $gedanken to 0, $maxGedanken to 10>> <<set $beschwerden to 0, $maxbeschwerden to 10>> <<newmeter 'timer' 0>> <<colors 'red' 'green'>> <<animation 10s linear>> <</newmeter>> <<newmeter 'health' 1>> <<sizing '220px' '40px'>> <<label '$health'>> <</newmeter>> <<newmeter 'korper' 1>> <<sizing '220px' '40px'>> <<label '$korper'>> <</newmeter>> <<newmeter 'belastung' 1>> <<sizing '220px' '40px'>> <<label '$belastung'>> <</newmeter>> <<newmeter 'mood'>> <<label '$mood'>> <</newmeter>> <<newmeter 'image'>> <<label '$selfImage'>> <</newmeter>> <<remove "#menu-item-saves">>
<<set _time to 0>>\ Time until the bomb explodes: <<showmeter 'timer' 1>> @@#boom;@@\ <<run Meter.get('timer').on(':meter-animation-complete', function () { $('#boom').append('BOOOOOOOOM!!!!'); })>>
<div id="mood" align='center' style='font-size: 150%;'>\ </div> <<script>> setTimeout(function () { var theMood = localStorage.getItem("mood"); // console.log(theMood); var moody = document.getElementById("mood"); if(moody){ moody.innerHTML = theMood + State.variables.firstName; } }, 20); <</script>> <button class="styleButton" data-passage="SALUTE">BACK TO START</button>
<div align='center' style='font-size: 150%;'>\ <br/><br/> 1 Job at 1 Location <div class="box box3 fontColor">\ <strong style=' text-decoration: underline;'>HAMBURG</strong> No open position. <br/> </div> <div class="box box3 fontColor">\ <strong style=' text-decoration: underline;'>BERLIN</strong> No open position. <br/> </div> <div class="box box3 fontColor">\ <strong style=' text-decoration: underline;'>DRESDEN</strong> REFERENT/PSYCHOLOGE (M/W/D) Betriebliches Gesundheitsmanagement <button class="styleButton" data-passage="Referent Psychologe">Jetzt Bewerben</button>\ <br/> </div> </div>
Increase/decrease page size <img src="data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456 512h-400c-30 0-56-26-56-56v-400c0-30 26-56 56-56h400c30 0 56 26 56 56v400c0 30-27 56-56 56zm-5-471h-390c-14 0-20 10-20 20v390c0 19 15 20 20 20h390c12 0 20-7 20-20v-390c0-17-11-20-20-20z' fill='%23FFF'/%3E%3Cpath d='m163 79v163h10c15 0 30-2 37-5 18-9 22-19 25-33h8v97h-8c-3-15-14-27-25-32-12-5-20-5-37-5h-10v123c0 20 1 33 3 39 2 5 5 9 11 14 5 4 12 6 19 6h9v11h-133v-11h8c8 0 14-2 18-6 3-2 6-7 8-14 2-5 2-18 2-38v-264c0-20-1-33-2-39-3-13-15-19-26-19h-8c-1 0 0-11 0-11h220v116h-8c-2-27-6-47-14-60s-17-22-32-27c-8-4-25-5-48-5z' fill='%23FFF'/%3E%3Cpath d='m271 155v129h8c12 0 24-2 30-4 14-7 18-15 20-26h6v78h-6c-2-12-11-22-20-26-10-4-16-4-30-4h-8v99c0 16 1 26 2 31 2 4 4 7 9 11 4 3 10 5 15 5h7v9h-106v-9h6c6 0 11-2 14-5 2-2 5-6 6-11 2-4 2-14 2-30v-211c0-16-1-26-2-31-2-10-12-15-21-15h-6c-1 0 0-9 0-9h176v93h-6c-2-22-5-38-11-48s-14-18-26-22c-6-3-20-4-38-4z' opacity='0.75' fill='%23FFF'/%3E%3Cpath d='m361 217v102h6c10 0 19-1 23-3 11-6 14-12 16-21h5v62h-5c-2-10-9-17-16-20-8-3-13-3-23-3h-6v78c0 13 1 21 2 25 1 3 3 6 7 9 3 3 8 4 12 4h6v7h-84v-7h5c5 0 9-1 11-4 2-1 4-4 5-9 1-3 1-11 1-24v-168c0-13-1-21-1-25-2-8-10-12-17-12h-5c-1 0 0-7 0-7h140v74h-5c-1-17-4-30-9-38s-11-14-20-17c-5-3-16-3-30-3z' opacity='0.5' fill='%23FFF'/%3E%3C/svg%3E" alt="Larger font" title="Larger font" class="fullscreenImg" style="top: 70px;" onclick="fontSize(1)"><img src="data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m456 512h-400c-30 0-56-26-56-56v-400c0-30 26-56 56-56h400c30 0 56 26 56 56v400c0 30-27 56-56 56zm-5-471h-390c-14 0-20 10-20 20v390c0 19 15 20 20 20h390c12 0 20-7 20-20v-390c0-17-11-20-20-20z' fill='%23FFF'/%3E%3Cpath d='m163 79v163h10c15 0 30-2 37-5 18-9 22-19 25-33h8v97h-8c-3-15-14-27-25-32-12-5-20-5-37-5h-10v123c0 20 1 33 3 39 2 5 5 9 11 14 5 4 12 6 19 6h9v11h-133v-11h8c8 0 14-2 18-6 3-2 6-7 8-14 2-5 2-18 2-38v-264c0-20-1-33-2-39-3-13-15-19-26-19h-8c-1 0 0-11 0-11h220v116h-8c-2-27-6-47-14-60s-17-22-32-27c-8-4-25-5-48-5z' opacity='0.5' fill='%23FFF'/%3E%3Cpath d='m271 155v129h8c12 0 24-2 30-4 14-7 18-15 20-26h6v78h-6c-2-12-11-22-20-26-10-4-16-4-30-4h-8v99c0 16 1 26 2 31 2 4 4 7 9 11 4 3 10 5 15 5h7v9h-106v-9h6c6 0 11-2 14-5 2-2 5-6 6-11 2-4 2-14 2-30v-211c0-16-1-26-2-31-2-10-12-15-21-15h-6c-1 0 0-9 0-9h176v93h-6c-2-22-5-38-11-48s-14-18-26-22c-6-3-20-4-38-4z' opacity='0.75' fill='%23FFF'/%3E%3Cpath d='m361 217v102h6c10 0 19-1 23-3 11-6 14-12 16-21h5v62h-5c-2-10-9-17-16-20-8-3-13-3-23-3h-6v78c0 13 1 21 2 25 1 3 3 6 7 9 3 3 8 4 12 4h6v7h-84v-7h5c5 0 9-1 11-4 2-1 4-4 5-9 1-3 1-11 1-24v-168c0-13-1-21-1-25-2-8-10-12-17-12h-5c-1 0 0-7 0-7h140v74h-5c-1-17-4-30-9-38s-11-14-20-17c-5-3-16-3-30-3z' fill='%23FFF'/%3E%3C/svg%3E" alt="Smaller font" title="Smaller font" class="fullscreenImg" style="top: 100px;" onclick="fontSize(-1)"> Fullscreen Mode <input type="checkbox" id="fullscreen"><label for="fullscreen" class="gofullscreen"><img src="data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m82 324v87c0 11 8 19 19 19h88c15 0 22-17 11-29l-27-28 83-83 83 83-27 28c-11 11-4 29 11 29h88c11 0 19-8 19-19v-87c0-15-17-23-29-12l-28 27-83-83 83-83 28 27c11 11 29 3 29-12v-87c0-11-8-19-19-19h-88c-15 0-22 17-11 29l27 28-83 83-83-83 27-28c11-11 4-29-11-29h-88c-11 0-19 8-19 19v87c0 15 17 23 29 12l28-27 83 83-83 83-28-27c-12-11-29-4-29 12zm374 188h-400c-30 0-56-26-56-56v-400c0-30 26-56 56-56h400c30 0 56 26 56 56v400c0 30-27 56-56 56zm-5-471h-390c-14 0-20 10-20 20v390c0 19 15 20 20 20h390c12 0 20-7 20-20v-390c0-17-11-20-20-20z' fill='%23fff' /%3E%3C/svg%3E" alt="Go full screen" title="Go full screen" class="fullscreenImg"></label><label for="fullscreen" class="exitfullscreen"><img src="data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m65 99 83 83-27 28c-11 11-4 29 11 29h88c11 0 19-8 19-19v-87c0-15-17-23-29-12l-28 27-83-83zm117 265 28 27c11 11 29 3 29-12v-87c0-11-8-19-19-19h-88c-15 0-22 17-11 29l27 28-83 83 34 34zm265 49-83-83 27-28c11-11 4-29-11-29h-88c-11 0-19 8-19 19v87c0 15 17 23 29 12l28-27 83 83zm-117-265-28-27c-12-11-29-4-29 12v87c0 11 8 19 19 19h88c15 0 22-17 11-29l-27-28 83-83-34-34zm126 364h-400c-30 0-56-26-56-56v-400c0-30 26-56 56-56h400c30 0 56 26 56 56v400c0 30-27 56-56 56zm-5-471h-390c-17 0-20 10-20 20v390c0 16 10 20 20 20h390c8 0 20-4 20-20v-390c0-18-12-20-20-20z' fill='%23fff' /%3E%3C/svg%3E" alt="Exit full screen" title="Exit full screen" class="fullscreenImg"></label> <span class="button-85" id="toggleStowButton"><<button "Hide Menu">> <<if !UIBar.isStowed()>> <<run UIBar.stow()>> <</if>> <</button>>\ </span>\ <button class="styleButton" style="width: 100%;" data-passage="Lounge">Home</button>\ <br/> <button class="styleButton" style="width: 100%;" data-passage="aboutus">About Us</button>\ <br/> <button class="styleButton" style="width: 100%;" data-passage="contactus">Contact Us</button>\ <br/> <div align='center' style=' border: 4px dotted; font-size: 120%; color:#fff;'>\ OUR PROJECTS </div> <button class="styleButton" style="width: 100%;" onclick="location.href='https://www.unscientifically.com/vicewithdarkness';">Vice With Darkness</button>\ <br/> <button class="styleButton" style="width: 100%;" onclick="location.href='https://www.unscientifically.com/artpretation';">Artpretation</button>\ <br/> <button class="styleButton" style="width: 100%;" onclick="location.href='https://www.unscientifically.com/artgallery';">Art Gallery</button>\ <br/> <button class="styleButton" style="width: 100%;" onclick="location.href='https://play.google.com/store/apps/details?id=com.theshyshrew.boomshiva&hl=en';">Boom Shiva(Android Game)</button>\ <br/> <button class="styleButton" style="width: 100%;" onclick="location.href='https://play.google.com/store/apps/details?id=com.appsworthyourtime.braincandy&hl=en';">Brain Candy(Android Game)</button>\ <br/> <button class="styleButton" style="width: 100%;" onclick="location.href='https://www.unscientifically.com/peace';">Peace</button>\ <br/>
<div align='center' style='font-size: 80%; color:#fff;'>\ UNSCIENTIFICALLY </div>
<div id="frame1" class="jumbotron box box4 fontColor">\ <div align='center' class="" style='font-size: 100%; color:#fff;'>\ UNSCIENTIFICALLY Copyright © 2023 UNSCIENTIFICALLY — All Rights Reserved — Made with love from Germany </div>\ </div>\
<br/><br/> <<speech "Livia" "Livia Stenzel - Assistenz der Geschäftsführung">> <br/> Hello $firstName, We are so glad that you are interested in working @Trivention Gmbh. Please read the stellenbeschreibung below, and if you feel that this is the right job for you then please click on the apply button and fill out a quick and easy application form. Good Luck! I sincerely hope you find this position interesting :) <div align='center' style='font-size: 80%;'>\ <h1>REFERENT/PSYCHOLOGE (M/W/D) BETRIEBLICHES GESUNDHEITSMANAGEMENT</h1> <h3> standort : Dresden </h3>\ <h3> Typ : TeilZeit </h3>\ <h3> StartDatum : As soon as possible </h3>\ </div> <div align='center' style='font-size: 150%;'>\ <strong>Wer Wir Sind </strong> <p>Die trivention GmbH ist ein junges Unternehmen im Verbund europsychiatrisches Zentrum Hamburg. Mit den Abteilungen Prävention, Intervention und Rehabilitation entwickeln und implementieren wir Produkte, mit denen wir Menschen ganzheitlich – mit dem Schwerpunkt auf psychischer Stabilität und Wohlbefinden – in der beruflichen Umgebung betreuen. So leisten wir unseren Beitrag zur Gestaltung der Zukunft von Gesundheit und Arbeitsleben. Dabei setzen wir auf Qualität, Innovationskraft und eine stabile Forschungsbasis, um unseren Kunden jederzeit die bestmögliche psychische Gesundheit zu ermöglichen.</p> </div> <div align='center' style='font-size: 150%;'>\ <strong>DARUM GEHT ES</strong> </div> <div style='font-size: 150%;'>\ <ul> <li>Durchführung von Workshops, Gruppenmoderationen, Vorträgen, Webinaren und ähnlichen Formaten mit Themenschwerpunkten der psychischen Gesundheitsförderung wie Stressmanagement, Teamentwicklung, Gesunde Führung </li>\ <li> Vor- und Nachbereitung der Maßnahmen sowie Ergebnissicherung und Sicherstellung der Nachhaltigkeit</li>\ <li> Planung, Steuerung und Durchführung von psychischen Gefährdungsbeurteilungen und Folgeprozessen (wie Ableitung von Maßnahmen)</li>\ <li> Konzeption und Entwicklung neuer Konzepte im Bereich der psychischen Gesundheitsförderung</li>\ </ul> </div> <div align='center' style='font-size: 150%;'>\ <strong>DAS IST DAFÜR WICHTIG</strong> </div> <div style='font-size: 150%;'>\ <ul> <li>abgeschlossenes Psychologiestudium (Dipl., M.Sc, oder B.Sc.) wünschenswert sind Weiterbildungen als Trainer, Berater oder Coach oder ähnliche Zusatzqualifikationen </li>\ <li> praktische Erfahrung in der Erwachsenenbildung, Moderation und der Durchführung von Workshops</li>\ <li> Bereitschaft, gerade in der Aufbauphase, echte Verantwortung für die eigene Position zu übernehmen und den Bereich aktiv zu gestalten</li>\ <li> eine wertschätzende ressourcenorientierte Grundhaltung, gute kommunikative Fähigkeiten und Empathie sowie eine hohe Kompetenz in der Gesprächsführung</li>\ <li>Reisebereitschaft</li>\ </ul> </div> <div align='center' style='font-size: 150%;'>\ <strong>DAS BIETEN WIR</strong> </div> <div style='font-size: 150%;'>\ <ul> <li>ein tolles junges Team mit einer kollaborativen und wertschätzenden Unternehmenskultur und frischen Ideen </li>\ <li> Teilzeitbeschäftigung (20 Std. Woche) zunächst befristet auf 2 Jahre</li>\ <li> Startup Mentalität </li>\ <li> Mobile Office Tätigkeit und flexible Arbeitszeiten</li>\ <li>Abwechslungsreiche Aufgaben mit großer Gestaltungsmöglichkeit</li>\ </ul> </div> <div align='center' style='font-size: 150%;'>\ <strong>WIR FREUEN UNS AUF EIN KENNENLERNEN!</strong> <p>Bei Interesse bitten wir dich um die Zusendung deiner aussagekräftigen Bewerbungsunterlagen per E-Mail an bewerbung@trivention.de oder über unser Bewerbungsformular. Wir begrüßen ausdrücklich die Bewerbung von Menschen mit Migrationshintergrund. Bei gleicher fachlicher und persönlicher Eignung haben BewerberInnen mit Schwerbehinderung Vorrang.</p> <button class="styleButton" data-passage="Referent Psychologe Apply">Jetzt Bewerben</button>\ </div> <</speech>>
<<script>> $("#reservationForm").submit(function (e) { e.preventDefault(); var $form = $(this); var tag = document.createElement("p"); var text = document.createTextNode("Thank you for registering with Salute."); tag.appendChild(text); var element = document.getElementById("reservationForm"); function myGreeting(){ element.removeChild(tag); } $.ajax({ type: 'POST', url: 'sendmail.php', data: $('#form').serialize(), success: function(response) { alert("Success"); $('#reservationForm').fadeOut("slow"); }, error: function(response) { element.appendChild(tag); const myTimeout = setTimeout(myGreeting, 3000); } }); return false; }); <</script>> <<speech "Livia" "Livia Stenzel - Assistenz der Geschäftsführung">> <br/> Hello $firstName, <br/> We wanted to keep things as simple as possible because we value your time. Please fill out the details below and hit the submit button. You are one step closer to being part of our team :) <br/> <div align='center' style='font-size: 200%; border: 2px solid #000; '>\ <strong>Application Form</strong> </div> <div align='center' style='font-size: 150%; border: none; '>\ '*' = Pflichtfeld <form id="reservationForm" action=""> <label for="fname">Vorname:*</label><br> <input type="text" id="fname" name="fname" @value=$firstName required ><br> <label for="lname">Nachname:*</label><br> <input type="text" id="lname" name="lname" @value=$lastName required><br><br> <label for="email">Email Address:*</label><br> <input type="email" id="email" name="email" @value=$email required><br><br> <label for="number">Nummer:(Optional)</label><br> <input type="text" id="number" name="number" @value=$number ><br><br> <label for="cv">Upload CV*</label><br> <input type="file" id="cv" name="cv"><br><br> <label for="coverLetter">Upload Cover Letter(Optional)</label><br> <input type="file" id="coverLetter" name="coverLetter"><br><br> <strong> Why does working at Trivention GmbH sound interesting to you?* </strong> <textarea name="message" placeholder="Type Message Here" required></textarea><br><br> <strong> Do you have experience working in a team or do you prefer working alone?* </strong> <textarea name="message" placeholder="Type Message Here" required></textarea><br><br> <div align='center' style='border: 8px double #000; color: #fff; '>\ <strong>Given below is a list of the main skills we are looking for in this position. Please uncheck the skills that you are not confident about. (We have a strong learn as you work mentality at Trivi and believe that every skill can be developed/upgraded with a bit of practice and motivation) </strong>\ <div align='left'>\ <<set $check1 = true>><<set $check2 = true>><<set $check3 = true>><<set $check4 = true>><<set $check5 = true>>\ <<checkboxPlus "$check1" "abgeschlossenes Psychologiestudium (Dipl., M.Sc, oder B.Sc.) wünschenswert sind Weiterbildungen als Trainer, Berater oder Coach oder ähnliche Zusatzqualifikationen">> <<checkboxPlus "$check2" "praktische Erfahrung in der Erwachsenenbildung, Moderation und der Durchführung von Workshops">> <<checkboxPlus "$check2" "Bereitschaft, gerade in der Aufbauphase, echte Verantwortung für die eigene Position zu übernehmen und den Bereich aktiv zu gestalten">> <<checkboxPlus "$check2" "eine wertschätzende ressourcenorientierte Grundhaltung, gute kommunikative Fähigkeiten und Empathie sowie eine hohe Kompetenz in der Gesprächsführung">> <<checkboxPlus "$check2" "Reisebereitschaft">> </div>\ </div>\ <strong> Do you have anything else to share with us?(Optional) </strong> <textarea name="message" placeholder="Type Message Here"></textarea> <button class="styleButton" type="submit">Submit</button>\ <br/> <button class="styleButton" data-passage="jobs">Back to Jobs</button>\ <br/> </form> </div> <</speech>>
/* <<checkboxPlus>> widget This widget allows you to display a custom checkbox which sets a SugarCube variable, displays a (clickable) label, and satisfies accessibility guidelines for users with impairments (usable via the keyboard with TAB, SHIFT+TAB, and SPACE keys). The checkboxes are also larger, to make them easier to see and to click on for mobile devices. Usage: <<checkboxPlus "variableName" "text" ["className"]>> The value of the checkbox would then be tied to a variable, which is passed to the widget as a string. All story variables passed to the widget will be set to either a Boolean true or false. If the variable had a "truthy" value, then the checkbox will be checked. The "className" is an optional parameter, which adds that CSS class to the text. Example: <<checkboxPlus "$EnabledOp" "Enable Option" "blueText">> */ <<widget "checkboxPlus">> /* Make sure the variable passed in is a boolean. */ <<set State.setVar($args[0], !!State.getVar($args[0]))>> <<if ndef _checkboxIDno>> /* Start checkbox IDs at 1. */ <<set _checkboxIDno = 1>> <<else>> /* Next checkbox ID. */ <<set _checkboxIDno++>> <</if>> <<set _checkboxData = "'" + $args[0] + "'">> <<if def $args[2]>> <<set _cbStyle = " " + $args[2]>> <<else>> <<set _cbStyle = "">> <</if>> /* Display checkbox. */ <span class="chkbox" tabindex="0" onkeypress="if ((event.key == ' ') || (event.key == 'Spacebar')) { $(this).find('input[type=\'checkbox\']').trigger('click'); return false; }"> <<print '<input type="checkbox" id="checkbox_' + _checkboxIDno + '" tabindex="-1" class="cbhidden" onchange="SugarCube.State.setVar(' + _checkboxData + ', this.checked)"' + (State.getVar($args[0]) ? ' checked' : '') + '>'>> <label @for="'checkbox_' + _checkboxIDno" @class="'chklabel' + _cbStyle"> $args[1] </label> </span> <</widget>> /* <<checkboxPlus>> Widget - End */
<div align='center' style='font-size: 100%;'> <h1>Wie gestalte ich meinen Alltag?</h1> <h2>Schritt 1 von 5</h2> </div> <br/><br/> <div align='center' style='font-size: 100%;'> <<speech "Salim" "Salim Khamoush - Psychologe coachforcare & ZukunftsKlick">>Hello $firstName! Really happy to meet you :) I am looking forward to taking you through this Zukunftsklick preview. After the preview is done you can make a decision whether you would want to register for coaching with Zukunftsklick. When you use Zukunftsklick you will undergo a hybrid therapy with one of our expert coaches and online modules prepared by Psychotherapists. At the start of every module, there will be live coaching sessions. After the coaching session the user(you) will undergo a series of questions that help the coach understand you and your needs better. There are various parameters at the beginning and end of every module that measure your mental state of mind as well as help you become more mindful about your present. After you reach the last step of each module the coach will review your statements and have another coaching session with you. We will start off with the most important question. How are you feeling today? Slide the emoji meter left or right and stop when you feel that the emoji matches your mood. <div class="container"> <div class="moji">😄</div> <div class="slider"> <span>Yay!</span> <input class="sliderInput" type="range" value="0" min="0" max="10" step="1"> <span>Boo!</span> </div> </div> <br/><br/> <button class="styleButton" data-passage="zukli step 2">Continue</button> <br/><br/> <button class="styleButton" data-passage="ZUKUNFTSKLICK">Zuruck</button> <br/> <br/> <</speech>> </div> <br/> <<script>> var moodUpdate; var moodUpdateValue; var div; var range; var mojiExists; var rangeExists; $(document).one(':passagedisplay', function (ev) { var mojis = ['😄','🙂','😐','😑','☹️','😩','😠','😡','😤','🤢','💩']; range = document.querySelector('.sliderInput'); div = document.querySelector('.moji'); if(localStorage.getItem("valuezukli") !== null){ console.log("localStorage.getItem('valuezukli'): " + localStorage.getItem("valuezukli")); moodUpdate = localStorage.getItem("moodzukli"); moodUpdateValue = localStorage.getItem("valuezukli"); div.textContent = mojis[moodUpdateValue]; range.value = moodUpdateValue; console.log("mojis[moodUpdateValue]: " + mojis[moodUpdateValue]); console.log("queryselector div" + div.textContent); } if(range) { range.addEventListener('input', (e) => { let rangeValue = e.target.value; div.textContent = mojis[rangeValue]; console.log("rangeValue: " + rangeValue); var theMood = localStorage.setItem("moodzukli", div.textContent); var theValue = localStorage.setItem("valuezukli", rangeValue); });} }); <</script>>
<br/> <div align='center' style='font-size: 150%;'>\ <<speech "Bahar" "Bahar Köse - Psychologin coachforcare/Projektleitung NeuStart">>Hello :) Mein Name ist Bahar. Welcome to Neustart!. Ziel unseres Integrationscoachings ist es, essentielle Fähigkeiten, wie Selbstwert, Resilienz und Achtsamkeit zu stärken, um die Beschäftigungsfähigkeit von Teilnehmenden zu erhöhen oder wiederherzustellen. Dies erfolgt gemäß der individuellen Situation des Teilnehmenden und umfasst z.B. die Erarbeitung einer Integrationsperspektive, die Beseitigung persönlicher Hemmnisse oder die motivierende Aktivierung der Teilnehmenden. Das Coaching ist durch einen Aktivierungs- und/oder Vermittlungsgutschein der Agentur für Arbeit/ der Jobcenter kostenlos. Would you like to preview Neustart with the guidance of Bahar or would you like to directly register for Coaching? <button class="styleButton" >Explore Neustart</button> <strong>(Coming Soon)</strong> <br/> <button class="styleButton" data-passage="neustart registration">Register Directly</button>\ <br/> <</speech>> </div>
<<script>> $(document).one(':passagedisplay', function (ev) { var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } }); } }); <</script>> <div class="gameWrapperNoBorder box1 box3"><iframe src="contactusiframe.html" scrolling="no" allowfullscreen></iframe></div>\ <br/> <div class="cardcontainer"> <div class="img-grid"> <div align='center' style='font-size: 100%;'> <<speech "Shyam" "Shyam Pillai - Co-Founder">> <br/> Hello! I'm Shyam Pillai. You can contact me by clicking on the contact form button below. <br/><br/> <button class="accordion button-85">Contact Form</button> <form class="panel" id="reservationForm" action="submitNew.php" method="post"><br> <label for="fname">Name:</label><br> <input type="text" id="fname" name="name" @value=$firstName required ><br/> <label for="email">Email:</label><br> <input name='email' type="email" id="email" value="" required><br/> <label for="subject">Subject:</label><br> <input type="text" id="subject" name="subject" value="" required ><br/> <br/> <strong>We look forward to your message :)</strong> <textarea name="message" placeholder="Type Message Here" required></textarea><br/> <button class="styleButton" name="submit" type="submit">Submit</button> </form> <br/> <</speech>> </div> <div align='center' style='font-size: 100%;'> <<speech "ShruthiFlip" "Shruthi Chandran - Co-Founder">> <br/> Hello! I'm Shruthi Chandran. You can contact me by clicking on the contact form button below. <br/><br/> <button class="accordion button-85">Contact Form</button> <form class="panel" id="reservationForm" action="submitNew.php" method="post"><br> <label for="fname">Name:</label><br> <input type="text" id="fname" name="name" @value=$firstName required ><br/> <label for="email">Email:</label><br> <input name='email' type="email" id="email" value="" required><br/> <label for="subject">Subject:</label><br> <input type="text" id="subject" name="subject" value="" required ><br/> <br/> <strong>We look forward to your message :)</strong> <textarea name="message" placeholder="Type Message Here" required></textarea><br/> <button class="styleButton" name="submit" type="submit">Submit</button> </form> <</speech>> </div> <div align='center' style='font-size: 100%;'> <<speech "" "You - Psychologist and People Person.">> Use this contact form to tell us why you could be interested in this position. <br/><br/> <button class="accordion button-85">Contact Form</button> <form class="panel" id="reservationForm" action="submitNew.php" method="post"><br> <label for="fname">Name:</label><br> <input type="text" id="fname" name="name" @value=$firstName required ><br/> <label for="email">Email:</label><br> <input name='email' type="email" id="email" value="" required><br/> <label for="subject">Subject:</label><br> <input type="text" id="subject" name="subject" value="" required ><br/> <br/> <strong>Why do you want to join us?</strong> <textarea name="message" placeholder="Type Message Here" required></textarea><br/> <button class="styleButton" name="submit" type="submit">Submit</button> </form> <br/> <</speech>> </div> </div> </div> <br>
<br/><br/> <div align='center' style='font-size: 100%;'>\ <<speech "Jessica" "Jessica Lüdwig - Projektkoordinatorin coachforcare">> Hello :) Happy to meet you! My name is Jessica. ---Custom coachforcare text content--- Would you like to try out our Maßnahmen? <br/> <button class="styleButton" data-passage="FehlerKultur">FehlerKutur</button> <br/> Would you like to some Physiotherapy? <br/> <button class="styleButton" data-passage="Physio">Physiotherapie</button> <br/> <button class="styleButton" data-passage="cfc registration">Enquiry Form</button>\ <br/> <</speech>> </div>
<<script>> $("#reservationForm").submit(function (e) { e.preventDefault(); var $form = $(this); var tag = document.createElement("p"); var text = document.createTextNode("Thank you for registering with Salute."); tag.appendChild(text); var element = document.getElementById("reservationForm"); function myGreeting(){ element.removeChild(tag); } $.ajax({ type: 'POST', url: 'sendmail.php', data: $('#form').serialize(), success: function(response) { alert("Success"); $('#reservationForm').fadeOut("slow"); }, error: function(response) { element.appendChild(tag); const myTimeout = setTimeout(myGreeting, 3000); } }); return false; }); <</script>> <div align='center' style='font-size: 100%;'>\ <<speech "Saskia" "Saskia Blömeke - Psychologin, Senior Projekt Managerin & Prokuristin">> Wir finden heraus, was Ihren Mitarbeitern guttut. Vereinbaren Sie einen unverbindlichen Beratungstermin! <form id="reservationForm" action=""> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" @value=$firstName required ><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" @value=$lastName required><br><br> <label for="lname">Email Address:</label><br> <input type="email" id="email" name="email" @value=$email required><br><br> <label for="lname">Number:</label><br> <input type="text" id="number" name="number" @value=$number ><br><br> <strong>Message</strong> <textarea name="message" placeholder="Type Message Here" required></textarea><br/> <button class="styleButton" type="submit">Submit</button>\ </form> <button class="styleButton" data-passage="Lounge">Lounge</button>\ <br/> <</speech>> </div>
<<script>> $("#reservationForm").submit(function (e) { e.preventDefault(); var $form = $(this); var tag = document.createElement("p"); var text = document.createTextNode("Thank you for registering with Salute."); tag.appendChild(text); var element = document.getElementById("reservationForm"); function myGreeting(){ element.removeChild(tag); } $.ajax({ type: 'POST', url: 'sendmail.php', data: $('#form').serialize(), success: function(response) { alert("Success"); $('#reservationForm').fadeOut("slow"); }, error: function(response) { element.appendChild(tag); const myTimeout = setTimeout(myGreeting, 3000); } }); return false; }); <</script>> <div align='center' style='font-size: 150%;'>\ <form id="reservationForm" action=""> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" @value=$firstName required ><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" @value=$lastName required><br><br> <label for="lname">Email Address:</label><br> <input type="email" id="email" name="email" @value=$email required><br><br> <label for="lname">Number:</label><br> <input type="text" id="number" name="number" @value=$number ><br><br> <button class="styleButton" type="submit">Submit</button>\ </form> <button class="styleButton" data-passage="Lounge">Lounge</button>\ <br/> </div>
<<script>> $("#reservationForm").submit(function (e) { e.preventDefault(); var $form = $(this); var tag = document.createElement("p"); var text = document.createTextNode("Thank you for registering with Salute."); tag.appendChild(text); var element = document.getElementById("reservationForm"); function myGreeting(){ element.removeChild(tag); } $.ajax({ type: 'POST', url: 'sendmail.php', data: $('#form').serialize(), success: function(response) { alert("Success"); $('#reservationForm').fadeOut("slow"); }, error: function(response) { element.appendChild(tag); const myTimeout = setTimeout(myGreeting, 3000); } }); return false; }); <</script>> <div align='center' style='font-size: 150%;'>\ <form id="reservationForm" action=""> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" @value=$firstName required ><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" @value=$lastName required><br><br> <label for="lname">Email Address:</label><br> <input type="email" id="email" name="email" @value=$email required><br><br> <label for="lname">Number:</label><br> <input type="text" id="number" name="number" @value=$number ><br><br> <button class="styleButton" type="submit">Submit</button>\ </form> <button class="styleButton" data-passage="Lounge">Lounge</button>\ <br/> </div>
<<script>> $(document).one(':passagedisplay', function (ev) { var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } }); } }); <</script>> <div class="gameWrapperNoBorder box1 box3"><iframe src="aboutusiframe.html" scrolling="no" allowfullscreen></iframe></div> <br/><br/> <div class="cardcontainer"> <div class="img-grid"> <div align='center' style='font-size: 100%;'> <<speech "Shyam" "Shyam Pillai - Co-Founder">> <br/> Hello! I'm Shyam Pillai. Click on my character above to find out more about me! <br/><br/> <</speech>> </div> <div align='center' style='font-size: 100%;'> <<speech "ShruthiFlip" "Shruthi Chandran - Co-Founder">> <br/> Hello! I'm Shruthi Chandran. Click on my character above to find out more about me! <br/><br/> <</speech>> </div> </div> </div> <br>
<div align='center' style='font-size: 100%;'> <h1>Wie gestalte ich meinen Alltag?</h1> <h2>Schritt 2 von 5</h2> </div> <br/><br/> <div align='center' style='font-size: 100%;'> <<speech "Salim" "Salim Khamoush - Psychologe coachforcare & ZukunftsKlick">> <strong>Bevor Sie mit der Bearbeitung des Vorschau beginnen, beantworten Sie bitte ehrlich diese vier Fragen.</strong> <br/><br/> <div style="border: 2px solid #000;"> <h2>1. Angst vor einer körperlichen Verschlechterung</h2> <p>"Bitte geben Sie hier an, wie groß aktuell Ihre Angst vor einer Verschlechterung einer (bestehenden) körperlichen Erkrankung, z.B. Tumorleiden, ist. Mit '1' geben Sie an, dass Sie keine Angst haben, mit '10' geben Sie eine ganz schlimme Angst vor einer solchen Verschlechterung an."</p> <br/> <<button "[+]">> <<set $korper to Math.clamp($korper + 1, 0, $maxKorper)>> <<updatemeter 'korper' `$korper / $maxKorper`>> <</button>> <br/> <br/> Groß/Klein: <<showmeter 'korper' `$korper / $maxKorper`>><br/> <<button "[-]">> <<set $korper to Math.clamp($korper - 1, 0, $maxKorper)>> <<updatemeter 'korper' `$korper / $maxKorper`>> <</button>> <br/><br/> </div> <br/><br/> <div style="border: 2px solid #000;"> <h2>2. Wie groß ist die Belastung durch den Schmerz?</h2> <br/> <<button "[+]">> <<set $belastung to Math.clamp($belastung + 1, 0, $maxBelastung)>> <<updatemeter 'belastung' `$belastung / $maxBelastung`>> <</button>> <br/> <br/> Groß/Klein: <<showmeter 'belastung' `$belastung / $maxBelastung`>><br/> <<button "[-]">> <<set $belastung to Math.clamp($belastung - 1, 0, $maxBelastung)>> <<updatemeter 'belastung' `$belastung / $maxBelastung`>> <</button>> <br/><br/> </div> <br/><br/> <div style="border: 2px solid #000;"> <h2>3. Wie oft fühlten Sie sich im Verlauf der letzten zwei Wochen durch die Folgen von Gedanken, dass Sie lieber tot wären oder sich Leid zufügen möchten, beeinträchtigt?</h2> <p> Diese Frage ist für uns sehr wichtig. In manchen Lebenssituationen kommt es zu psychischen Krisen. Mit diesen Krisen kann man – oft mit Hilfe von Freunden oder professionellen Angeboten umgehen. Doch manchmal kommt es auch zu erheblichen psychischen Belastungen und einem so großen Druck, dass ein Ausweg gar nicht mehr denkbar erscheint. In einer solchen Situation ist es nicht sinnvoll, ein neues Zzukunftsklick-Modul zu bearbeiten. Wir haben diese Frage deshalb immer wieder eingepflegt, um Ihnen die Chance zu geben, im Fall einer solchen Krise die richtige Hilfe zu erhalten. </p> <br/> <<listbox "$gedanken">> <<option "überhaupt nicht" "A" `$gedanken == "A" ? "selected" : ""`>> <<option "an einzelnen Tagen" "B" `$gedanken == "B" ? "selected" : ""`>> <<option "an mehr als der Hälfte der Tage" "C" `$gedanken == "C" ? "selected" : ""`>> <<option "fast jeden Tag" "D" `$gedanken == "D" ? "selected" : ""`>> <</listbox>> <br/><br/> </div> <br/><br/> <div style="border: 2px solid #000;"> <h2>4. Wie stark fühlten Sie sich im Verlauf der letzten 2 Wochen durch die folgenden Beschwerden beeinträchtigt?</h2> <h3>a. Wenig Interesse oder Freude an Ihren Tätigkeiten</h3> <br/> <<listbox "$beschwerden1">> <<option "überhaupt nicht" "A" `$beschwerden1 == "A" ? "selected" : ""`>> <<option "an einzelnen Tagen" "B" `$beschwerden1 == "B" ? "selected" : ""`>> <<option "an mehr als der Hälfte der Tage" "C" `$beschwerden1 == "C" ? "selected" : ""`>> <<option "beinahe jeden Tag" "D" `$beschwerden1 == "D" ? "selected" : ""`>> <</listbox>> <br/><br/> <h3>b. Niedergeschlagenheit, Schwermut oder Hoffnungslosigkeit</h3> <br/> <<listbox "$beschwerden2">> <<option "überhaupt nicht" "A" `$beschwerden2 == "A" ? "selected" : ""`>> <<option "an einzelnen Tagen" "B" `$beschwerden2 == "B" ? "selected" : ""`>> <<option "an mehr als der Hälfte der Tage" "C" `$beschwerden2 == "C" ? "selected" : ""`>> <<option "beinahe jeden Tag" "D" `$beschwerden2 == "D" ? "selected" : ""`>> <</listbox>> <br/><br/> </div> <br/><br/> <button class="styleButton">Continue(Coming Soon)</button> <br/><br/> <button class="styleButton" data-passage="zukli step one">Zuruck</button> <br/> <br/> <</speech>> <br/><br/> </div>
<div align='center' style='font-size: 100%;'> <h1>Wie gestalte ich meinen Alltag?</h1> <h2>Schritt 3 von 5</h2> </div> <br/><br/> <button class="styleButton" data-passage="zukli step 4">Continue</button>\ <br/><br/> <button class="styleButton" data-passage="zukli step 2">Zuruck</button> <br/>
<button class="styleButton" data-passage="zukli registration">Register for Zukunftsklick</button>\ <br/>
<div align='center' style='font-size: 150%;'>\ <br/><br/> <strong>Tap the screen at the right moment to hit the color that matches the sword.</strong> <br/><br/> <div class="gameWrapperNoBorder1"><iframe src="colorhit/index.html" scrolling="no" allowfullscreen></iframe></div>\ <br/><br/> <button class="styleButton" data-passage="Games">Back to Games</button>\ <br/> <br/> </div>
<div align='center' style='font-size: 150%;'>\ <br/><br/> <strong>swipe up or down on the tiles to help the mind go with the flow</strong> <br/><br/> <div class="gameWrapper"><iframe src="mindsurfer/index.html" scrolling="no" allowfullscreen></iframe></div> <br/> <button class="styleButton" data-passage="Games">Back to Games</button>\ <br/> </div>
<div align='center' style='font-size: 150%;'>\ <br/><br/> <strong>You are trapped in a strange world where you have to keep smiling even if you dont feel like it. The only tool you have is the option to slow down your speed by pressing the screen</strong> <br/><br/> <div class="gameWrapperNoBorder1"><iframe src="keepSmiling/index.html" scrolling="no" allowfullscreen></iframe></div>\ <br/> <br/><br/> <button class="styleButton" data-passage="Games">Back to Games</button>\ <br/> </div>
<br/><br/> <div align='center' style='font-size: 100%;'>\ <<speech "Larissa" "Larissa Kalka - Psychologin coachforcare">> <strong> Just a short example of what kind of content is possible. </strong> Hello! [Larissa Intro]. I am going to narrate a scenario to you and you get to decide what happens next. The topic is Fehlerkultur [Explanation of fehlerkultur] You are the Manager at Saskoni Gmbh, a family business in Hamburg with 15 employees. Because it is small company, everyone at Saskoni Gmbh get along really well with each other and do a lot of after work events with each other. Today, Livia, one of the colleagues in the department you are leading, came to you with a complaint. She said that Pillai, who works in the IT department, keeps eating her lunch from the fridge. Even though Livia found it funny the first few times, Pillai keeps doing it almost every day even though she jokingly said it wasn't okay a few times. Now she feels bullied and does not know what to do. What would you tell her in this situation? <button class="styleButton" data-passage="FehlerKultur1">I think you should go and tell Pillai how you feel, without making it a joke. I'm sure he will understand.</button> <br/> <button class="styleButton" data-passage="FehlerKultur2">I will talk to Pillai about it. Dont worry Livia! This is just disgusting!</button>\ <br/> <</speech>> </div>
<br/><br/> <div align='center' style='font-size: 100%;'>\ <<speech "Godja" "Godja Fischer - MPH/Physiotherapeutin coachforcare">> Hello $firstName :) I'm Godja [Intro].... I will be making customized guided physiotherapy excercises on this page. Below is just a preview of what the content could be. <br/> <button class="styleButton" data-passage="Physio1">Exercises for neck pain</button> <br/> <button class="styleButton" data-passage="cfc step one">Back to Lounge</button>\ <br/> <</speech>> </div>
<br/><br/> <div align='center' style='font-size: 100%;'>\ <<speech "Larissa" "Larissa Kalka - Psychologin coachforcare">> Livia went and told Pillai exactly what she felt about the situation. What did Pillai do? Find out in the next episode of FehlerKultur. Coming soon from the coachforcare team! <button class="styleButton" data-passage="cfc step one">Back to Jessica</button>\ <br/> <button class="styleButton" data-passage="Lounge">Back to Lounge</button>\ <br/> <br/> <</speech>> </div>
<br/><br/> <div align='center' style='font-size: 100%;'>\ <<speech "Larissa" "Larissa Kalka - Psychologin coachforcare">> You had a talk with Pillai about the situation. What did Pillai say? How did you react? Find out in the next episode of FehlerKultur. Coming soon from the coachforcare team! <button class="styleButton" data-passage="cfc step one">Back to Jessica</button>\ <br/> <button class="styleButton" data-passage="Lounge">Back to Lounge</button>\ <br/> <br/> <</speech>> </div>
<br/><br/> <div align='center' style='font-size: 100%;'>\ <<speech "Godja" "Godja Fischer - MPH/Physiotherapeutin coachforcare">> <br/><br/> <h2>Nackenheben beidarmig Kürzhantel Stand</h2> <div class="box box3 fontColor">\ <img src="assets/sprites/workout.png" class="responsive">\ <br/> Introduction to this exercise and its benefits. Ausgangsposition: Text descrption with your friendly dialogues. Bewegungsablauf: Endposition: <button class="styleButton" data-passage="cfc step one">Back to Jessica</button> <br/> </div> \ <</speech>> </div>