102 lines
4.7 KiB
HTML
102 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-AU">
|
|
<head>
|
|
<title>EXAMPLE GAME - ROOM 001</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="author" content="Blueberry Soft">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<base target="message_frame">
|
|
<link rel="stylesheet" type="text/css" href="../base.css">
|
|
<style>
|
|
/* You may wish to relocate some of these to
|
|
'base.css' if they will be consistant /
|
|
mostly consistant throughout your game.
|
|
Anything placed here will override things
|
|
already set in 'base.css'
|
|
Have fun with it!
|
|
*/
|
|
a {
|
|
color:white /* Hyperlink colour */
|
|
}
|
|
body {
|
|
background-color:lightgray; /* main bg colour */
|
|
background-image:url("../images/background.jpg"); /* main bg image */
|
|
color:blue; /* main text colour */
|
|
}
|
|
section#view section#map section.cell {
|
|
background-color:lightgray; /* board cells bg colour */
|
|
background-image:url("../images/floor.gif"); /* board cells bg image */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main id="board">
|
|
|
|
<!-- VIEWPOINT WINDOW ---------------------------------->
|
|
<section id="view" class="window">
|
|
<h1>example game</h1>
|
|
<section id="map">
|
|
<!-- Row 1 -->
|
|
<!-- Columns ordered 1-5 -->
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<!-- Row 2 -->
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"></section>
|
|
<section class="cell"></section>
|
|
<section class="cell"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<!-- Row 3 -->
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"></section>
|
|
<section class="cell"></section>
|
|
<section class="cell"><a href="../messages/room_001_skates.html"><img src="../images/skates.png" alt="a brighly coloured hight-heeled roller-skate, with blurred laser-blue wheels and a decorative orange sparkle on the toe."></a></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<!-- Row 4 -->
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell align_right"><a target="message_frame" href="../messages/room_001_mouse.txt">Ҩ ̡⁐̤ᕐᐷ</a></section>
|
|
<section class="cell"></section>
|
|
<section class="cell"></section>
|
|
<section class="cell"></section>
|
|
<!-- Row 5 -->
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
<section class="cell"><img src="../images/wall.jpg" alt="a damp stone wall"></section>
|
|
</section>
|
|
</section>
|
|
|
|
<!-- PERCEPTION WINDOW -------------------------->
|
|
<section id="perception" class="window">
|
|
<h2>perception</h2>
|
|
<section id="senses">
|
|
<!-- Icons for senses -->
|
|
<section class="icon"><img src="../images/eye_01.gif" alt="a blinking, looking eye"></section>
|
|
<section class="icon"><img src="../images/nose_01.gif" alt="a smelling dog nose"></section>
|
|
<section class="icon"><img src="../images/ear_01.gif" alt="alistening ear"></section>
|
|
<section class="icon"><img src="../images/tongue_01.gif" alt="a tongue curling"></section>
|
|
<section class="icon"><img src="../images/hand_01.gif" alt="a gloved hand pointing"></section>
|
|
<!-- Descriptions for senses -->
|
|
<section class="description">MOUSE,<br>EXIT</section>
|
|
<section class="description">MUSK, OFFAL</section>
|
|
<section class="description">CHURNING</section>
|
|
<section class="description">WET</section>
|
|
<section class="description">. . .</section>
|
|
</section>
|
|
</section>
|
|
|
|
<!-- MESSAGE WINDOW ------------------------------>
|
|
<section id="message" class="window">
|
|
<h2>message</h2>
|
|
<a href="../messages/room_001.txt">↸</a>
|
|
<iframe name="message_frame" src="../messages/room_001.txt"></iframe>
|
|
</section>
|
|
|
|
</main>
|
|
</body>
|
|
</html>
|