JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<h1>Introduction</h1> The following pictures are taken from a project called <a href="https://www.jamesmollison.com/where-children-sleep" target="_blank">Where Children Sleep</a>" by James Mollison "Where Children Sleep – stories of diverse children around the world, told through portraits and pictures of their bedrooms. A few years ago a children's charity asked me to come up with an idea for engaging with children’s rights, I found myself thinking about my bedroom: how significant it was during my childhood, and how it reflected what I had and who I was. It occurred to me that a way to address some of the complex situations and social issues affecting children would be to look at the bedrooms of children in all kinds of different circumstances." I originally saw these photos in an exhibit at the Centers For Disease Control in Atlanta, Georgia. They were presented as diptychs. I have seperated them here and am asking you to match the children with their room based on details from the images. <h1>Objective</h1> Match seven (7) children with their room before you miss three (3). <h1>How To Play</h1> Once you begin you will click the button that says "Home Visit". You will be taken to a screen that shows a child's sleeping conditions and the country it is located in. Below there are images of ten children. Click on the child that you believe belongs to the room. Use details from the pictures and anything you know about the countries to help you decide. You will either be "Correct" or "Wrong". From that screen click "return". You will be taken back to the "Home Vist" screen. <h1>Winning</h1> You will win when you get seven correct. [[Click Here To Begin |Begin]] <<set $Correct to 0>> <<set $Wrong to 0>>
<img src="images4/Rome.jpg" class="main" > <figcaption>Rome, Italy</figcaption> <div class="row"> <div class="column"> <a data-passage="Correct"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<h1>Correct</h1> [[Return |Begin]] <<audio "correct" play>> <<set $Correct to $Correct+1>> <<if $Correct is 7>><<goto "Win">><</if>>
<h2>Wrong</h2> [[Return |Begin]] <<audio "wrong" play>> <<set $Wrong to $Wrong+1>> <<if $Wrong is 3>><<goto "Lose">><</if>>
<img src="images4/kentucky.jpg" class="main"> <figcaption>Kentucky, USA</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Correct"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/phnom penh.jpg" class="main"> <figcaption>Phnom Penh, Cambodia</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Correct"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/Kyoto.jpg" class="main"> <figcaption>Kyoto, Japan</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Correct"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/tokyo.jpg" class="main"> <figcaption>Tokyo, Japan</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Correct"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>India </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/pennsylvania.jpg" class="main"> <figcaption>Pennsylvania, USA</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Correct"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/new jersey.jpg" class="main"> <figcaption>New Jersey, USA</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Correct"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<h2>You lose!</h2> If you choose to do so, you can <a href="https://forms.gle/FiLem2obikwk8uUt7">Click Here</a> to upload a picture of where you sleep. <<set $lose to 0>> <<set $win to 0>> <<link "Restart">><<run UI.restart()>><</link>>
<h1>You Win!</h1> If you choose to do so, you can <a href="https://forms.gle/FiLem2obikwk8uUt7">Click Here</a> to upload a picture of where you sleep. <<set $lose to 0>> <<set $win to 0>> <<link "Restart">><<run UI.restart()>><</link>>
<<nobr>><<set _psg = [], _passages = ["Rome", "Phnom", "Kentucky", "Jersey", "Kyoto", "Tokyo","Pennsylvania","Kentucky2","Senegal","Kenya","Nepal","Scotland"]>> <<for _psgName range _passages>> <<if !hasVisited(_psgName)>><<set _psg.push(_psgName)>><</if>> <</for>> <<if _psg.length > 0>> <<set _psg = either(_psg)>> <<else>> <<set _psg = "Lose">> <</if>> <</nobr>> <div class="button"> <<button 'Home Visit' _psg>><</button>></div> Click The Button To See Where Children Sleep
<img src="images4/kentucky2.jpg" class="main"> <figcaption>Kentucky, USA</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Correct"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/kenya.jpg" class="main"> <figcaption>Lisamis, Northern Kenya</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Correct"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/nepal.jpg" class="main"> <figcaption>Kathmandu, Nepal</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Correct"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/senegal.jpg" class="main"> <figcaption>Iwol, Senegal</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a>Anonymous </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a>Kaya </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a>Alyssa </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a>Justin </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a>Joey </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a>Roathy </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a>Ryan </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a>Indira </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a>Nantio </div><div class="column"><a data-passage="Wrong"><img src="images4/rhiannon.jpg" style="width:100%"></a>Rhiannon </div><div class="column"><a data-passage="Correct"><img src="images4/syra.jpg" style="width:100%"></a>Syra </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a>Risa </div> </div>
<img src="images4/scotland.jpg" class="main"> <figcaption>Darvel, Scotland</figcaption> <div class="row"> <div class="column"> <a data-passage="Wrong"><img src="images4/anonymous.jpg" style="width:100%" ></a> </div> <div class="column"> <a data-passage="Wrong"><img src="images4/kaya.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/alyssa.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/justin.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/joey.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/roath.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/ryan.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/indira.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/nantio.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Correct"><img src="images4/rhiannon.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/syra.jpg" style="width:100%"></a> </div><div class="column"><a data-passage="Wrong"><img src="images4/risa.jpg" style="width:100%"></a> </div> </div>
<<cacheaudio "wrong" "sound/wrong.mp3">> <<cacheaudio "correct" "sound/correct.mp3">> <<set $win to 0>> <<set $lose to 0>>