You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

48 lines
1.5 KiB
HTML

3 years ago
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>start</title>
<link rel="stylesheet" href="style_1.css">
</head>
<body>
<!-- <img class="source-image" src="background_4.jpg" alt=""/> -->
<button onclick="goBack()"></button>
<button onclick="goForward()"></button>
<div id="container">
<div id="1_park" style="display: block;">
It's Sunday. You are sit on a bench in the park. Your friend seems to be really late. You need a way to kill time until she arrives.
You can either <button onclick="show('2_park_newspaper')">read a copy of today's newspaper</button> that someone left on the bench or <button>go for a walk</button>.
<button>Just relax</button> there if you feel like it .
</div>
<div id="2_park_newspaper" style="display: none;">
You open the newspaper, willing to engage with some juicy local news. <br>Suddenly, some sheets of paper start to fall on the ground.
Maybe you want to
<select name="sheets" id="sheets">
<option value="1">read it</option>
<option value="2">read it</option>
<option value="3">read it</option>
<option value="4">read it</option>
</select>
<button id="trigger">Click me</button>
<p id="demo"></p>
</div>
</div>
<div id="readme_1" style="display: none;">
<iframe src="https://pzwiki.wdka.nl/mediadesign/Main_Page" title="read me"></iframe>
></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js" ></script>
</body>