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
48 lines
1.5 KiB
HTML
<!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> |