scenario

3 years ago · cefb698fd6
parent c001d02020
commit cefb698fd6
6 changed files with 62 additions and 7 deletions
--- a/.DS_Store
+++ b/.DS_Store
--- a/tree/.DS_Store
+++ b/tree/.DS_Store
--- a/tree/imgs/icon_welcome.png
+++ b/tree/imgs/icon_welcome.png
--- a/tree/index.html
+++ b/tree/index.html
@ -3,7 +3,8 @@
 <head>
      <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-    <title>welcome to *name*</title>
+    <title>welcome</title>
+    <link rel="icon" href="imgs/icon_welcome.png">
    <link rel="stylesheet" href="index.css">
    
 </head>
--- a/tree/park.css
+++ b/tree/park.css
@ -7,6 +7,7 @@
    border-top: 0.15vw solid;
 }

+
 p.text_container {
    bottom: 3%;
    left:3%;
@ -25,7 +26,7 @@ p.text_container {
    bottom: 22%;
    left: 35%;
    position: fixed;
-    z-index: 10;
+    z-index: 20;

 }

@ -33,12 +34,12 @@ p.text_container {
    bottom: 30%;
    left: 20%;
    position: fixed;
-    z-index:1;
+    z-index:18;
 }

 #tree1 {
-    top:8%;
-    right: 10%;
+    top:17%;
+    left: 12%;
    position: fixed;

 }
@ -46,10 +47,54 @@ p.text_container {
    bottom:40%;
    left: 5%;
    position: fixed;
+    z-index:16;
+}
+#tree3 {
+    bottom:45%;
+    left: 30%;
+    position: fixed;
+    z-index:2;
+}
+#tree4 {
+    top:8%;
+    left: 48%;
+    position: fixed;
+    z-index:3;
+
+}
+#gardener1 {
+    bottom:57%;
+    left: 50%;
+    position: fixed;
+    z-index:2;
 }
 #flower1 {
-    bottom:40%;
-    left: 31%;
+    bottom:55%;
+    left: 25%;
+    position: fixed;
+}
+#newspaper {
+    bottom: 38%;
+    left: 25%;
    position: fixed;
+    z-index:19;
+}

+#flower2{
+    bottom: 38%;
+    left: 7%;
+    position: fixed;
+    z-index:17;
+}
+#fountain {
+    top:22%;
+    left: 38%;
+    position: fixed;
+    z-index:0;
+}
+#sun {
+    top:8%;
+    left: 10%;
+    position: fixed;
+    z-index:-1;
 }
--- a/tree/park.html
+++ b/tree/park.html
@ -4,6 +4,7 @@
      <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
    <title>park</title>
+    <link rel="icon" href="imgs/park/flower2.gif">
    <link rel="stylesheet" href="park.css">
    
 </head>
@ -13,7 +14,15 @@
    <img id="bench" src="imgs/park/bench1.gif" height="160px">
    <img id="tree1" src="imgs/park/tree1.gif" height="300px">
    <img id="tree2" src="imgs/park/tree4.gif" height="200px">
+    <img id="tree3" src="imgs/park/tree4.gif" height="200px">
+    <img id="tree4" src="imgs/park/tree1.gif" height="280px">
+    <!--<img id="gardener1" src="imgs/park/gardener1.gif" height="180px">-->
+    <img id="fountain" src="imgs/park/pond.gif" height="80px">
+    <img id="sun" src="imgs/park/sun1.gif" height="80px">
+
+    <img id="newspaper" src="imgs/park/newspaper2.gif" height="50px">
    <img id="flower1" src="imgs/park/flower1.gif" height="50px">
+    <img id="flower2" src="imgs/park/flower2.gif" height="50px">

    <p class="text_container"> Hello <span id="player_name"> </span>. 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 <a href="1_newspaper.html">give it a read</a>. You can <a href="1_walk.html">go for a little walk</a> or just <a href="1_amanda.html">wait for Amanda</a> if you feel like it. </p>