-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
79 lines (67 loc) · 2.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<!--Essential stuff-->
<meta charset="utf-8">
<title>Dungeon Game</title>
<link rel="stylesheet" href="style.css">
<script src="game2.js"></script>
<!--Game info-->
<meta hp="100" maxhp="100" id="hp">
<meta def="10" id="def">
<meta attack="5" id="attack">
<meta level="0" id="level">
<meta pos="64" id="player">
<!--Meta tags-->
<meta property="og:title" content="Dungeon Game">
<meta property="og:site_name" content="Dungeon Game">
<meta property="og:description" content="A web based dungeon crawler">
<meta property="og:type" content="game">
<meta property="og:image" content="assets/player.png">
<meta property="og:url" content="https://horsescary.com/dungeon-game/">
<meta property="twitter:image" content="https://horsescary.com/dungeon-game/assets/player.png">
</head>
<body onload="gameStart()">
<header>
<h1>
Dungeon Game
</h1>
</header>
<div class="grid-container">
<div id="info">
<h2>
Game Info
</h2>
<div id="info-container">
<img src="assets/chestplate.png" alt="a chestplate">
<div id="definfo"></div>
<img src="assets/heart.png" alt="a heart">
<div id="hpinfo"></div>
<img src="assets/sword.png" alt="a sword">
<div id="attackinfo"></div>
</div>
</div>
<div class="container">
<div id="game-container">
</div>
</div>
<div id="stuff">
</div>
</div>
<div id="about">
<h2>About</h2>
<p style="color: red;">probably very broken rn, reworking coord system</p>
<div>
Dungeon Game was started to help me (horse) learn javascript. It's probably not going to be the most interesting game in the world when finished, but its been fun to make so thats all that really matters
<p>
<a href="https://github.com/HorseScary/dungeon-game">Git repo</a>
</p>
</div>
<h3>TODO:</h3>
<ul>
<li>make the 3 main game elements not overlap when the viewport is smaller</li>
<li>make a "how to play" section</li>
</ul>
</div>
</body>
</html>