-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (159 loc) · 7.04 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BreadPG</title>
<link rel="shortcut icon" href="img/icon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/theme.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/module.css">
<link rel="stylesheet" href="css/state.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/StephanWagner/jBox@v1.3.3/dist/jBox.all.min.js"></script>
<link href="https://cdn.jsdelivr.net/gh/StephanWagner/jBox@v1.3.3/dist/jBox.all.min.css" rel="stylesheet">
<script src="js/loadtime.js"></script>
</head>
<body>
<header>
<nav class="layout-navbar">
<a href="./" style="text-decoration:none">
<pre class="logo is-page-active tooltip" title="Main Page">
____ _ _____ _____
| _ \ | | __ \ / ____|
| |_) |_ __ ___ __ _ __| | |__) | | __
| _ <| '__/ _ \/ _` |/ _` | ___/| | |_ |
| |_) | | | __/ (_| | (_| | | | |__| |
|____/|_| \___|\__,_|\__,_|_| \_____|
Bread Playing Game
</pre>
</a>
<div class="space-plug">
</div>
<ul class="nav-buttons">
<li class="nav-item tooltip" title="Add custom items to your inventory">
<div id="inventory-button"><a href="#"> Inventory </a></div>
</li>
<li class="nav-item tooltip" title="Work In Progress">
<div id="crafting-button"><a href="#"> Crafting </a></div>
</li>
<li class="nav-item tooltip" title="Work In Progress">
<div id="journal-button"><a href="#"> Journal </a></div>
</li>
</ul>
<div class="login">
<a href="#"> Sign in </a>
</div>
</nav>
</header>
<main>
<div class="panel">
<div class="layout-panel_left">
<div class="panel_stats">
<div class="panel_head">Player Stats</div>
<div class="panel_content">
<p class="stats_column_1">
<img class="stats_img tooltip" title="ey guys, did you know that in terms of male human and female Pokémon breeding, Vaporeon is the most compatible Pokémon for humans? Not only are they in the field egg group, which is mostly comprised of mammals, Vaporeon are an average of 3”03’ tall and 63.9 pounds, this means they’re large enough to be able handle human dicks, and with their impressive Base Stats for HP and access to Acid Armor, you can be rough with one. Due to their mostly water based biology, there’s no doubt in my mind that an aroused Vaporeon would be incredibly wet, so wet that you could easily have sex with one for hours without getting sore. They can also learn the moves Attract, Baby-Doll Eyes, Captivate, Charm, and Tail Whip, along with not having fur to hide nipples, so it’d be incredibly easy for one to get you in the mood. With their abilities Water Absorb and Hydration, they can easily recover from fatigue with enough water. No other Pokémon comes close to this level of compatibility." src="img/Health.png" alt="♥">
<span class="s_hp">Health: </span><br>
<img class="stats_img" src="img/Energy.png" alt="🗲">
<span class="s_energy">Energy: </span><br>
<img class="stats_img" src="img/Hunger.png" alt="🍔">
<span class="s_hunger">Hunger</span><br>
<img class="stats_img" src="img/XP.png" alt="🧠">
<span class="s_xp">XP:</span><br>
<img class="stats_img" src="img/LVL.png" alt="🎩">
<span class="s_level">Level:</span><br>
<img class="stats_img" src="img/Bread.png" alt="🥖">
<span class="s_gold">Bread:</span>
<p class="stats_column_2">
<span class="s_helmet">Helmet:</span><br>
<span class="s_armor">Armor:</span><br>
<span class="s_gloves">Gloves:</span><br>
<span class="s_boots">Boots:</span><br>
<span class="s_amulet">Amulet:</span><br>
<span class="s_weapon">Weapon:</span><br>
<span class="s_t_armor">Total armor:</span></p>
</div>
</div>
<div class="panel_logs">
<div class="panel_head">Logs</div>
<div class="panel_content">
<p>
somehow here will be logs
</p>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="layout-panel_right">
<div class="panel_adventures">
<div class="panel_head">Adventures</div>
<table class="panel_right_content">
<tbody>
<tr>
<td>Rest</td>
</tr>
<tr>
<td>Go Somewhere</td>
</tr>
<tr>
<td>Do stuff and things</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</main>
<footer>
<div class="ad_banner">
<h3><a class="tooltip" title="No it couldn't" href="html/ad.html"> Your Ad Could Be Here </a></h3>
</div>
<section class="footer_info">
<h3>About me:</h3>
<p>
My formula of success: amount of effort * amount of beer in your backpack<br>
"My birth is not a mistake, it's a missclick" - Max Polukhin
</p>
</section>
<ul class="footer_contacts">
<li><a href="https://github.com/vaner29">github</a> |</li>
<li><a href="mailto:gleb.mihailichencko@gmail.com">email</a> |</li>
<li><a href="https://vk.com/shleble">VK</a> |</li>
<li><a href="#">creative commons license</a> |</li>
<li><a href="#">privacy policy</a></li>
</ul>
<p>
Page Load Time:
<span class="load-time"></span>
s
</p>
</footer>
<div class="modal" id="modal-inventory">
<div class="modal-content">
<div class="container">
<h1>Inventory</h1>
<form class="inventory-form">
<input type="text" class="inventory-input" placeholder="Add an item to your inventory...">
<button type="submit" class="add-button">Add</button>
</form>
<ul class="custom-items">
</ul>
</div>
</div>
</div>
<div class="modal" id="modal-crafting">
<div class="modal-content">
<p>Crafting</p>
</div>
</div>
<div class="modal" id="modal-journal">
<div class="modal-content">
<p>Journal</p>
</div>
</div>
</body>
<script src="js/inventory_list.js"></script>
<script type="module" src="js/jbox.js"></script>
</html>