diff --git a/.DS_Store b/.DS_Store index 51161a4..154dd31 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/.DS_Store b/tree/.DS_Store new file mode 100644 index 0000000..7e8ee6e Binary files /dev/null and b/tree/.DS_Store differ diff --git a/tree/0_start.html b/tree/0_start.html deleted file mode 100644 index 935a5c4..0000000 --- a/tree/0_start.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - bench - - - - -
-

Hello . It's Saturday morning. You are sitting on a bench at the park waiting for your friend Amanda. She seems to be really late. -You spot a copy of today's newspaper on the bench. Maybe you want to give it a read. You can go for a little walk or just wait for Amanda if you feel like it.

- - - - - - - - \ No newline at end of file diff --git a/tree/imgs/.DS_Store b/tree/imgs/.DS_Store new file mode 100644 index 0000000..c800766 Binary files /dev/null and b/tree/imgs/.DS_Store differ diff --git a/tree/imgs/avatars/.DS_Store b/tree/imgs/avatars/.DS_Store new file mode 100644 index 0000000..38ea0b8 Binary files /dev/null and b/tree/imgs/avatars/.DS_Store differ diff --git a/tree/imgs/avatars/avatar1.gif b/tree/imgs/avatars/avatar1.gif new file mode 100644 index 0000000..5dc00ce Binary files /dev/null and b/tree/imgs/avatars/avatar1.gif differ diff --git a/tree/imgs/avatars/avatar10.gif b/tree/imgs/avatars/avatar10.gif new file mode 100644 index 0000000..b816180 Binary files /dev/null and b/tree/imgs/avatars/avatar10.gif differ diff --git a/tree/imgs/avatars/avatar11.gif b/tree/imgs/avatars/avatar11.gif new file mode 100644 index 0000000..d57871c Binary files /dev/null and b/tree/imgs/avatars/avatar11.gif differ diff --git a/tree/imgs/avatars/avatar12.gif b/tree/imgs/avatars/avatar12.gif new file mode 100644 index 0000000..c58de2b Binary files /dev/null and b/tree/imgs/avatars/avatar12.gif differ diff --git a/tree/imgs/avatars/avatar2.gif b/tree/imgs/avatars/avatar2.gif new file mode 100644 index 0000000..7fa3b5a Binary files /dev/null and b/tree/imgs/avatars/avatar2.gif differ diff --git a/tree/imgs/avatars/avatar3.gif b/tree/imgs/avatars/avatar3.gif new file mode 100644 index 0000000..6472093 Binary files /dev/null and b/tree/imgs/avatars/avatar3.gif differ diff --git a/tree/imgs/avatars/avatar4.gif b/tree/imgs/avatars/avatar4.gif new file mode 100644 index 0000000..5f74483 Binary files /dev/null and b/tree/imgs/avatars/avatar4.gif differ diff --git a/tree/imgs/avatars/avatar5.gif b/tree/imgs/avatars/avatar5.gif new file mode 100644 index 0000000..0d8287d Binary files /dev/null and b/tree/imgs/avatars/avatar5.gif differ diff --git a/tree/imgs/avatars/avatar6.gif b/tree/imgs/avatars/avatar6.gif new file mode 100644 index 0000000..dc7c15e Binary files /dev/null and b/tree/imgs/avatars/avatar6.gif differ diff --git a/tree/imgs/avatars/avatar7.gif b/tree/imgs/avatars/avatar7.gif new file mode 100644 index 0000000..da5b6c0 Binary files /dev/null and b/tree/imgs/avatars/avatar7.gif differ diff --git a/tree/imgs/avatars/avatar8.gif b/tree/imgs/avatars/avatar8.gif new file mode 100644 index 0000000..824a593 Binary files /dev/null and b/tree/imgs/avatars/avatar8.gif differ diff --git a/tree/imgs/avatars/avatar9.gif b/tree/imgs/avatars/avatar9.gif new file mode 100644 index 0000000..ec7e28e Binary files /dev/null and b/tree/imgs/avatars/avatar9.gif differ diff --git a/tree/imgs/park/.DS_Store b/tree/imgs/park/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/tree/imgs/park/.DS_Store differ diff --git a/tree/imgs/park/bench1.gif b/tree/imgs/park/bench1.gif new file mode 100644 index 0000000..fd387b5 Binary files /dev/null and b/tree/imgs/park/bench1.gif differ diff --git a/tree/imgs/park/bench2.gif b/tree/imgs/park/bench2.gif new file mode 100644 index 0000000..4ed43e2 Binary files /dev/null and b/tree/imgs/park/bench2.gif differ diff --git a/tree/imgs/park/bench3.gif b/tree/imgs/park/bench3.gif new file mode 100644 index 0000000..e8f65b2 Binary files /dev/null and b/tree/imgs/park/bench3.gif differ diff --git a/tree/imgs/park/dog1.gif b/tree/imgs/park/dog1.gif new file mode 100644 index 0000000..e96b683 Binary files /dev/null and b/tree/imgs/park/dog1.gif differ diff --git a/tree/imgs/park/flower1.gif b/tree/imgs/park/flower1.gif new file mode 100644 index 0000000..653c379 Binary files /dev/null and b/tree/imgs/park/flower1.gif differ diff --git a/tree/imgs/park/flower2.gif b/tree/imgs/park/flower2.gif new file mode 100644 index 0000000..4261d8b Binary files /dev/null and b/tree/imgs/park/flower2.gif differ diff --git a/tree/imgs/park/flower3.gif b/tree/imgs/park/flower3.gif new file mode 100644 index 0000000..3db3523 Binary files /dev/null and b/tree/imgs/park/flower3.gif differ diff --git a/tree/imgs/park/flower4.gif b/tree/imgs/park/flower4.gif new file mode 100644 index 0000000..7c4d331 Binary files /dev/null and b/tree/imgs/park/flower4.gif differ diff --git a/tree/imgs/park/flower5gif.gif b/tree/imgs/park/flower5gif.gif new file mode 100644 index 0000000..e7ad970 Binary files /dev/null and b/tree/imgs/park/flower5gif.gif differ diff --git a/tree/imgs/park/fountain1.gif b/tree/imgs/park/fountain1.gif new file mode 100644 index 0000000..f9c987f Binary files /dev/null and b/tree/imgs/park/fountain1.gif differ diff --git a/tree/imgs/park/fountain2.gif b/tree/imgs/park/fountain2.gif new file mode 100644 index 0000000..cb01348 Binary files /dev/null and b/tree/imgs/park/fountain2.gif differ diff --git a/tree/imgs/park/gardener1.gif b/tree/imgs/park/gardener1.gif new file mode 100644 index 0000000..90f3a11 Binary files /dev/null and b/tree/imgs/park/gardener1.gif differ diff --git a/tree/imgs/park/gardener2.gif b/tree/imgs/park/gardener2.gif new file mode 100644 index 0000000..b70182a Binary files /dev/null and b/tree/imgs/park/gardener2.gif differ diff --git a/tree/imgs/park/grass1.gif b/tree/imgs/park/grass1.gif new file mode 100644 index 0000000..958e94d Binary files /dev/null and b/tree/imgs/park/grass1.gif differ diff --git a/tree/imgs/park/newspaper1.gif b/tree/imgs/park/newspaper1.gif new file mode 100644 index 0000000..4e33f3f Binary files /dev/null and b/tree/imgs/park/newspaper1.gif differ diff --git a/tree/imgs/park/newspaper2.gif b/tree/imgs/park/newspaper2.gif new file mode 100644 index 0000000..e1ff19a Binary files /dev/null and b/tree/imgs/park/newspaper2.gif differ diff --git a/tree/imgs/park/pond.gif b/tree/imgs/park/pond.gif new file mode 100644 index 0000000..428cebf Binary files /dev/null and b/tree/imgs/park/pond.gif differ diff --git a/tree/imgs/park/sun.gif b/tree/imgs/park/sun.gif new file mode 100644 index 0000000..d557c20 Binary files /dev/null and b/tree/imgs/park/sun.gif differ diff --git a/tree/imgs/park/sun1.gif b/tree/imgs/park/sun1.gif new file mode 100644 index 0000000..7483c4f Binary files /dev/null and b/tree/imgs/park/sun1.gif differ diff --git a/tree/imgs/park/sunglow.png b/tree/imgs/park/sunglow.png new file mode 100644 index 0000000..941b701 Binary files /dev/null and b/tree/imgs/park/sunglow.png differ diff --git a/tree/imgs/park/trash_bin.gif b/tree/imgs/park/trash_bin.gif new file mode 100644 index 0000000..8f27a9d Binary files /dev/null and b/tree/imgs/park/trash_bin.gif differ diff --git a/tree/imgs/park/tree1.gif b/tree/imgs/park/tree1.gif new file mode 100644 index 0000000..8332931 Binary files /dev/null and b/tree/imgs/park/tree1.gif differ diff --git a/tree/imgs/park/tree2.gif b/tree/imgs/park/tree2.gif new file mode 100644 index 0000000..2f9261d Binary files /dev/null and b/tree/imgs/park/tree2.gif differ diff --git a/tree/imgs/park/tree3.gif b/tree/imgs/park/tree3.gif new file mode 100644 index 0000000..0c2267e Binary files /dev/null and b/tree/imgs/park/tree3.gif differ diff --git a/tree/imgs/park/tree4.gif b/tree/imgs/park/tree4.gif new file mode 100644 index 0000000..8fd78a4 Binary files /dev/null and b/tree/imgs/park/tree4.gif differ diff --git a/tree/index.css b/tree/index.css index 36f2bc1..7052d08 100644 --- a/tree/index.css +++ b/tree/index.css @@ -1,5 +1,5 @@ div.introtext { - font-size: 45px; + font-size: 5vw;; } form { diff --git a/tree/index.html b/tree/index.html index b969cb6..f9d47c3 100644 --- a/tree/index.html +++ b/tree/index.html @@ -14,18 +14,48 @@ .
- You can decide whether you are going to look like this + You can decide whether you are going to look like
- - - or like this - -
- -
- + + + , + + + , + + + , + + + , + + + , + + + , + + + , + + + , + + + , + + + , + + + or like + + +. + +You can press + when you are ready. diff --git a/tree/index.js b/tree/index.js index a643c6f..ba74805 100644 --- a/tree/index.js +++ b/tree/index.js @@ -5,6 +5,16 @@ f.onchange = updateAvatar document.querySelector("#player1").onchange = updateAvatar document.querySelector("#player2").onchange = updateAvatar +document.querySelector("#player3").onchange = updateAvatar +document.querySelector("#player4").onchange = updateAvatar +document.querySelector("#player5").onchange = updateAvatar +document.querySelector("#player6").onchange = updateAvatar +document.querySelector("#player7").onchange = updateAvatar +document.querySelector("#player8").onchange = updateAvatar +document.querySelector("#player9").onchange = updateAvatar +document.querySelector("#player10").onchange = updateAvatar +document.querySelector("#player11").onchange = updateAvatar +document.querySelector("#player12").onchange = updateAvatar function updateAvatar () { //console.log("CHANGE"); @@ -25,7 +35,7 @@ if (document.querySelector('#player_name').value === '') { alert('Please make sure you declared your preferences'); } else { - window.location.href = "0_start.html"; + window.location.href = "park.html"; } } diff --git a/tree/park.css b/tree/park.css new file mode 100644 index 0000000..e22faa4 --- /dev/null +++ b/tree/park.css @@ -0,0 +1,55 @@ + +#groundline { + position: fixed; + bottom:0px; + height:75%; + width: 100%; + border-top: 0.15vw solid; +} + +p.text_container { + bottom: 3%; + left:3%; + right:3%; + position:fixed; + /*border: 1px solid;*/ + font-size: 1.5vw; + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 1em; + margin-inline-end: 1em; + +} + +#player_img { + bottom: 22%; + left: 35%; + position: fixed; + z-index: 10; + +} + +#bench { + bottom: 30%; + left: 20%; + position: fixed; + z-index:1; +} + +#tree1 { + top:8%; + right: 10%; + position: fixed; + +} +#tree2 { + bottom:40%; + left: 5%; + position: fixed; +} +#flower1 { + bottom:40%; + left: 31%; + position: fixed; + +} diff --git a/tree/park.html b/tree/park.html new file mode 100644 index 0000000..46b171d --- /dev/null +++ b/tree/park.html @@ -0,0 +1,40 @@ + + + + + + park + + + + +
+
+ + + + + +

Hello . It's Saturday morning. You are at the park waiting for your friend Amanda. She seems to be really late. + You spot a copy of today's newspaper on the bench close to you. Maybe you want to give it a read. You can go for a little walk or just wait for Amanda if you feel like it.

+ + + + + + + + \ No newline at end of file