CavernWeb/concept.html at main · MidnightCavern/CavernWeb · 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
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
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Midnight Cavern - Concept</title>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
      integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <link rel="apple-touch-icon" sizes="120x120" href="assets/image/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/image/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/image/favicon-16x16.png">
    <link rel="manifest" href="assets/image/site.webmanifest">
    <link rel="mask-icon" href="assets/image/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#151627">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style.css" />
  </head>
  <body>
    <div id="navbar">
      <div class="hamburger">
        <span></span>
        <span></span>
        <span></span>
      </div>
      <ul class="nav-list">
        <li class="nav-item">
          <a href="index.html">Midnight Cavern</a>
        </li>
        <li class="nav-item">
          <a href="index.html">Home</a>
        </li>
        <li class="nav-item">
          <a href="concept.html">Concept</a>
        </li>
        <li class="nav-item">
          <a href="demo.html">Live Demo</a>
        </li>
        <li class="nav-item">
          <a href="https://github.com/MidnightCavern/Midnight-Cavern-Unity">GitHub Repo</a>
        </li>
      </ul>
    </div>
    <section class="headerpanel">
      <div class="video-container">
        <video src="assets/video/concept.mp4" autoplay muted loop></video>
      </div>
      <div class="content">
        <h1>Concept Features</h1>
        <p class="hero-subtitle">A glimpse into what makes Midnight Cavern tick</p>
        <a href="#features" class="btn btn-primary">Explore Features</a>
      </div>
    </section>
    <main class="container">
      <div id="features" class="section-intro fade-in">
        <h2>What Awaits You</h2>
        <p>Midnight Cavern blends dungeon crawling, boss encounters, and deep RPG systems into one dark, retro adventure.</p>
      </div>
      <section class="card fade-in">
        <img src="https://img.itch.zone/aW1hZ2UvNjAzNDgwLzMyMDA5MTYucG5n/original/40Zk2Z.png" alt="The Ruined Cavern" />
        <div>
          <span class="card-label"><i class="fas fa-dungeon"></i> Exploration</span>
          <h3>The Ruined Cavern</h3>
          <p>
            Dive deep into dark, crumbling dungeons filled with ancient structures and hidden secrets.
            Each cavern holds a unique purpose — recover lost relics, uncover ancient artifacts, and sell them for a hefty price.
            But every cavern is also guarded by a boss. And not all of them are hostile — some might even have a story to tell.
          </p>
        </div>
      </section>
      <section class="card fade-in">
        <img src="https://img.itch.zone/aW1hZ2UvODM4MDk1LzQ2OTc3ODYuZ2lm/347x500/ZQ6Opu.gif" alt="Cavern Bosses" />
        <div>
          <span class="card-label"><i class="fas fa-skull-crossbones"></i> Boss Fights</span>
          <h3>Cavern Bosses</h3>
          <p>
            Every cavern is ruled by a unique boss with distinct strengths, weaknesses, and personality.
            Some hit hard, some are nearly unbreakable — and some are open to conversation before the fight begins.
            A dialogue system lets you approach each encounter your way, but choose carefully: every decision shapes your reputation.
          </p>
        </div>
      </section>
      <section class="card fade-in">
        <img src="https://img.itch.zone/aW1hZ2UvNzYyMDkxLzUyMTQxNTIucG5n/347x500/KRDY0t.png" alt="Inventory System" />
        <div>
          <span class="card-label"><i class="fas fa-box-open"></i> Inventory</span>
          <h3>Intuitive Inventory</h3>
          <p>
            A clean, responsive inventory system built for quick access in any situation.
            Swap armor mid-battle, equip items on the fly, and use shortcuts to keep the action flowing.
            Designed to feel fast and natural — so you spend less time in menus and more time exploring.
          </p>
        </div>
      </section>
      <section class="card fade-in">
        <img src="https://img.itch.zone/aW1hZ2UvMTA2ODc5Mi82MTIxNTU1LnBuZw==/original/WGWJZs.png" alt="RPG Combat" />
        <div>
          <span class="card-label"><i class="fas fa-fire"></i> Combat</span>
          <h3>RPG Roguelike Combat</h3>
          <p>
            Every swing, spell, and buff is designed to feel satisfying and impactful.
            A deep skill tree lets you specialize your playstyle across three core classes: Archer, Knight, and Mage.
            Master your build, chain abilities together, and take on increasingly dangerous foes. More classes are planned for the future.
          </p>
        </div>
      </section>
    </main>
    <footer class="footer">
      <div class="containerfooter">
        <div>
          <h1>Midnight Cavern</h1>
          <p>Copyright &copy; 2020 - 2026 All Rights Reserved<br>
          Made by <a href="https://antton.ca" target="_blank" rel="noopener noreferrer">Anton</a></p>
        </div>
        <nav>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="concept.html">Concept</a></li>
            <li><a href="demo.html">Live Demo</a></li>
            <li><a href="https://github.com/MidnightCavern/Midnight-Cavern-Unity">GitHub Repo</a></li>
          </ul>
        </nav>
      </div>
    </footer>
    <script src="js/main.js"></script>
  </body>
</html>