master
annasandri 4 years ago
parent 6ef111a931
commit de0f6f40f9

File diff suppressed because one or more lines are too long

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>:-)</title>
<link rel="stylesheet" href="rituals.css">
</head>
<body>
<div class="figure1">
<img id="kitchen1" src="../gifs/woman_cooking_1.gif" style="display: block;">
<img id="rituals1" width="90px" src="../gifs/woman_rites_1.gif" style="display: none;">
</div>
<div class="fire1" style="display: none;">
<img src="../gifs/fire_1.gif">
</div>
<div class="figure2">
<img id="kitchen2" src="../gifs/woman_cooking_2.gif" style="display: block;">
<img id="rituals2" width="90px" src="../gifs/woman_rites_2.gif" style="display: none;">
<img id="fire2" src="../gifs/fire_1.gif" style="display: none;">
</div>
<div class="fire2" style="display: none;">
<img src="../gifs/fire_2.gif" width="80px" >
</div>
<div class="figure3">
<img id="kitchen3" src="../gifs/woman_cooking_3.gif" style="display: block;">
<img id="rituals3" width="300px" src="../gifs/dragon_1.gif" style="display: none;">
</div>
<div class="figure4">
<img id="kitchen4" src="../gifs/woman_cooking_4.gif" style="display: block;">
<img id="rituals4" width="90px" src="../gifs/woman_rites_4.gif" style="display: none;">
</div>
<div class="fire4" style="display:none;">
<img src="../gifs/fire_3.gif">
</div>
<div class="figure5">
<img id="kitchen5" src="../gifs/woman_cooking_5.gif" style="display: block;">
<img id="rituals5" src="../gifs/woman_rites_5.gif" style="display: none;">
</div>
<div class="fire5" style="display: none;">
<img src="../gifs/fire.4.gif" >
</div>
<div class="figure6">
<img id="kitchen6" src="../gifs/woman_cooking_6.gif" style="display: block;">
<img id="rituals6" src="../gifs/devil_rites_1.gif" style="display: none;">
</div>
<div class="fire6" style="display: none;">
<img src="../gifs/fire_5.gif" >
</div>
<div class="figure7">
<img id="kitchen7" src="../gifs/woman_cooking_7.gif" style="display: block;">
<img id="rituals7" src="../gifs/woman_rites_3.gif" style="display: none;">
</div>
<div class="fire7" style="display: none;">
<img src="../gifs/fire_3.gif">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="rituals.js" ></script>
</body>

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>stage</title>
<link rel="stylesheet" href="stage.css">
</head>
<body >
<button id="bact1">act1</button> <button id="bact2">act2</button> <button id="bact3">act3</button>
<div id="act1" class="act"> act1</div>
<div id="act2" class="act"> act2</div>
<div id="act3" class="act"> act3</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="stage.js"></script>
</body>

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<h1> start</h1> <h1> start</h1>
<p>It's Saturday morning. You are sitting on a bench at the park waiting for your friend Amanda. She seems to be really late. <p> Hello <div id="player_img"></div>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 <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> You spot a copy of today's newspaper on the bench. 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>

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>start</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<script src="jquery.min.js"></script>
<script type="text/javascript" src="index.js" ></script>
</body>

@ -0,0 +1,7 @@
div.introtext {
background-color: red;
font-size: 35px;
}
body {
color: blue;
}

@ -3,14 +3,30 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>start</title> <title>welcome to *name*</title>
<link rel="stylesheet" href="index.css"> <link rel="stylesheet" href="index.css">
</head> </head>
<body> <body>
<a href="0_start.html">start</a> <div class="introtext">
welcome to *name*, in this story you will be someone called <form><input type="text" placeholder="enter you name" id="player_name" name="player_name"></form>.
You will look like
<form>
<input type="checkbox" id="player1" name="player1" value="">
<label for="player1"><img id="player_img_1" src="imgs/dog1.gif" width="100px"></label><br>
or like
<input type="checkbox" id="player2" name="player2" value="">
<label for="player2"> <img id="player_img_2" src="imgs/dog2.gif" width="100px"></label><br>
<form action="0_start.html"><input type="submit" value="START"></form> </form>
<form action="0_start.html">
<input type="submit" value="start"></form>
</div>
<script src="jquery.min.js"></script> <script src="jquery.min.js"></script>
<script type="text/javascript" src="index.js" ></script> <script type="text/javascript" src="index.js" ></script>

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<h1> start</h1> <h1> start</h1>
<p>It's Saturday morning. You are sitting on a bench at the park waiting for your friend Amanda. She seems to be really late. <p> Hello <div id="player_img"></div>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 <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> You spot a copy of today's newspaper on the bench. 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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

@ -0,0 +1,7 @@
div.introtext {
background-color: red;
font-size: 35px;
}
body {
color: blue;
}

@ -3,14 +3,30 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>start</title> <title>welcome to *name*</title>
<link rel="stylesheet" href="index.css"> <link rel="stylesheet" href="index.css">
</head> </head>
<body> <body>
<a href="0_start.html">start</a> <div class="introtext">
welcome to *name*, in this story you will be someone called <form><input type="text" placeholder="enter you name" id="player_name" name="player_name"></form>.
You will look like
<form>
<input type="checkbox" id="player1" name="player1" value="">
<label for="player1"><img id="player_img_1" src="imgs/dog1.gif" width="100px"></label><br>
or like
<input type="checkbox" id="player2" name="player2" value="">
<label for="player2"> <img id="player_img_2" src="imgs/dog2.gif" width="100px"></label><br>
<form action="0_start.html"><input type="submit" value="START"></form> </form>
<form action="0_start.html">
<input type="submit" value="start"></form>
</div>
<script src="jquery.min.js"></script> <script src="jquery.min.js"></script>
<script type="text/javascript" src="index.js" ></script> <script type="text/javascript" src="index.js" ></script>

Loading…
Cancel
Save