diff --git a/.DS_Store b/.DS_Store index 688d060..46f922a 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/tree/.DS_Store b/tree/.DS_Store index 57f8591..b5993e2 100644 Binary files a/tree/.DS_Store and b/tree/.DS_Store differ diff --git a/tree/1_newspaper.html b/tree/1_newspaper.html deleted file mode 100644 index cd5a8b8..0000000 --- a/tree/1_newspaper.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - start - - - - - -Read - - - - - - \ No newline at end of file diff --git a/tree/imgs/.DS_Store b/tree/imgs/.DS_Store index c800766..23e34c5 100644 Binary files a/tree/imgs/.DS_Store and b/tree/imgs/.DS_Store differ diff --git a/tree/imgs/avatars/.DS_Store b/tree/imgs/avatars/.DS_Store index 38ea0b8..a1af101 100644 Binary files a/tree/imgs/avatars/.DS_Store and b/tree/imgs/avatars/.DS_Store differ diff --git a/tree/imgs/avatars/ball1.png b/tree/imgs/avatars/ball1.png new file mode 100644 index 0000000..9ca9b98 Binary files /dev/null and b/tree/imgs/avatars/ball1.png differ diff --git a/tree/imgs/avatars/ball2.gif b/tree/imgs/avatars/ball2.gif new file mode 100644 index 0000000..bdc9d08 Binary files /dev/null and b/tree/imgs/avatars/ball2.gif differ diff --git a/tree/imgs/avatars/ball3.gif b/tree/imgs/avatars/ball3.gif new file mode 100644 index 0000000..c9062c6 Binary files /dev/null and b/tree/imgs/avatars/ball3.gif differ diff --git a/tree/imgs/avatars/ball4.gif b/tree/imgs/avatars/ball4.gif new file mode 100644 index 0000000..445a30d Binary files /dev/null and b/tree/imgs/avatars/ball4.gif differ diff --git a/tree/index.css b/tree/index.css index 7052d08..26fd10d 100644 --- a/tree/index.css +++ b/tree/index.css @@ -1,5 +1,5 @@ div.introtext { - font-size: 5vw;; + font-size: 5vw; } form { @@ -7,4 +7,22 @@ form { } label { display: inline; +} + +input#player_name { + /* +-webkit-appearance: none;*/ +border: 4px black solid; +border-radius: 15px; +font-size: 4vw; +color: black; +} + +button { + -webkit-appearance: none; + font-size: 4vw; + background-color: white; + border: 4px black solid; + border-radius: 15px; + color:black; } \ No newline at end of file diff --git a/tree/index.html b/tree/index.html index c34f9b5..9e4192f 100644 --- a/tree/index.html +++ b/tree/index.html @@ -4,18 +4,19 @@ welcome - +
- welcome to *game_name*, in this story you will be someone called + It looks like you have been summoned by the oracle (,,). + You will be asked to start a journey: throughout it you will be called
-
.
+ . - You can decide whether you are going to look like + You can decide whether you are going to look like
diff --git a/tree/park.css b/tree/park.css index 4905298..a1f2388 100644 --- a/tree/park.css +++ b/tree/park.css @@ -22,6 +22,25 @@ p.text_container { } +#newspaper_index{ + position:fixed; + /* border: solid black 2px;*/ + left:15%; + top:10%; + background-color: white; + z-index:30; + box-shadow: 10px 10px 15px black; + max-width: 30%; + font-size: 1vw; +} +.index_content{ + margin: 5% 5% 5% 5% ; + + +} + +/*images*/ + #player_img { bottom: 22%; left: 35%; diff --git a/tree/park.html b/tree/park.html index 65a857f..3ca02fe 100644 --- a/tree/park.html +++ b/tree/park.html @@ -9,7 +9,25 @@ -
+
+ +
@@ -25,7 +43,7 @@

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.

+ You spot a copy of today's newspaper on the bench close to you. Maybe you want to . You can go for a little walk or just wait for Amanda if you feel like it.

@@ -40,7 +58,9 @@ //get player name from local storage document.querySelector('#player_name').innerHTML =localStorage.playerName; - + $("#open_newspaper_index").click (function(){ + $("#newspaper_index").toggle(); + });