60 lines
1.6 KiB
HTML
60 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>hypnos style test</title>
|
|
<link rel="stylesheet" href="index.css">
|
|
|
|
<!-- putting stuff specific to this page here -->
|
|
<style>
|
|
#zonelist {
|
|
position: absolute; top: 40%;
|
|
width: 100%; height: 100%;
|
|
|
|
background-color: #9ea59e;
|
|
padding: 0 10%;
|
|
|
|
display: flex; flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script src="musicloader.js"></script>
|
|
<div id="main-win">
|
|
<div id="autoplay-box" onclick="toggleMus()">
|
|
<image src="images/musicplay1.png">
|
|
<div id="autoplay-text-box">
|
|
<img src="images/musicend.png">
|
|
<span id="autoplay-text-text">test</span>
|
|
</div>
|
|
</div>
|
|
<div id="main-win-border"></div>
|
|
<img src="images/explorer1.png" class="ui"
|
|
style="left: 0vw; top: 1.7vh">
|
|
<div id="explorer-header">
|
|
<span id="musictest">Hypnospace Zone Hub</span>
|
|
</div>
|
|
<div id="main-content">
|
|
<div id="zonelist">
|
|
<div id="zoneselection">
|
|
<img src="images/zonecandy.png"
|
|
id="zoneselection-icon">
|
|
<img src="images/zoneselector04.png"
|
|
id="zoneselection-bg">
|
|
<p>COMX ZONE<br><br>Read the hottest comics written in-house!</p>
|
|
</div>
|
|
<div id="zoneselection">
|
|
<img src="images/zonefiles.png"
|
|
id="zoneselection-icon">
|
|
<img src="images/zoneselector04.png"
|
|
id="zoneselection-bg">
|
|
<p>DOCUMENTATION<br><br>Need help with something off-platform? Check here!</p>
|
|
</div>
|
|
</div> <!-- zonelist -->
|
|
</div> <!-- main-content -->
|
|
</div> <!-- main-win -->
|
|
|
|
</body>
|
|
</html>
|