optomitron/map.html at main · Farmercrypto21/optomitron · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <title>GHOST HUNTERS: HAUNTED MAP</title>
  <link rel="stylesheet" href="styles.css">
  <link href="https://fonts.googleapis.com/css2?family=Creepster&display=swap" rel="stylesheet">

</head>
<body>
  <!-- Side banners -->
  <img src="https://cdn.glitch.global/dacc699f-e499-49cc-a99e-62079fdfadf6/ghg.png?v=1747641326390" alt="Left Banner" class="side-banner left-banner">
  <img src="https://cdn.glitch.global/dacc699f-e499-49cc-a99e-62079fdfadf6/ghg.png?v=1747641326390" alt="Right Banner" class="side-banner right-banner">

  <!-- Top Header -->
  <div class="top">
    <img id="ticker-left" class="ticker-icon" src="https://cdn.glitch.global/dacc699f-e499-49cc-a99e-62079fdfadf6/ectos.PNG?v=1748857898189" alt="Ticker Left">
    <h1 id="mission-title">Ghost Hunters Guild</h1>
    <img id="ticker-right" class="ticker-icon" src="https://cdn.glitch.global/dacc699f-e499-49cc-a99e-62079fdfadf6/ectos.PNG?v=1748857898189" alt="Ticker Right">
  </div>

    <!-- Level Selection Section -->
    <div class="level-container">
      <h2 class="level-title">Select Your Mission Level</h2>
      <p class="level-text">Choose your ground&mdash;where the air hums with whispers, where shadows cling too long, where something watches from just beyond sight. This is where you face the thing that should not be.</p>
      <div class="carousel">
  <div class="carousel-container" id="haunted-carousel">
    <div class="carousel-track" id="carousel-track">
      <p style="color: #ff0000; font-family: monospace; text-align: center; display: none;" id="carousel-error">Loading levels...</p>
    </div>

  </div>
      <button class="carousel-arrow left-arrow" id="carousel-left-arrow">
      <span>&larr;</span>
    </button>
    <button class="carousel-arrow right-arrow" id="carousel-right-arrow">
      <span>&rarr;</span>
    </button>
</div>
    </div>

  <!-- Bottom Navigation -->
  <div class="bottom-nav">
    <button class="nav-button" onclick="window.location.href='index.html'">&nbsp;&#127968;&nbsp; Home</button>
    <button class="nav-button" onclick="window.location.href='inventory.html'">&nbsp;&#128302;&nbsp; Inventory</button>
    <button class="nav-button" onclick="window.location.href='skillweb.html'">&nbsp;&#128214;&nbsp; Grim Veins</button>
    <button class="nav-button" onclick="window.location.href='map.html'">&nbsp;&#128506;&nbsp; Map</button>
    <button class="nav-button" onclick="window.location.href='mission.html'">&nbsp;&#128220;&nbsp; Missions</button>
    <button class="nav-button" onclick="window.location.href='monster.html'">&nbsp;&#128214;&nbsp; Monsters</button>
  </div>

  <script src="script.js"></script>
</body>
</html>