A dark, mysterious five-act ARG built around hidden archives and forgotten witnesses.
Commit 9eaa39d4
9eaa39d461b7Merged
Fenria-Aspen <[email protected]> · 1 month ago · 1 file · ~1 modified
Description
Activate expanded archive application shell
Details
- Commit
- 9eaa39d461b7
- Parent
- a02fe2fc8753
index.htmlmodifiedView file
@@ -6,36 +6,38 @@
66
<title>The Hollow Archive</title>77
<link rel="stylesheet" href="assets/css/style.css" />88
</head>9-
<body data-page="landing">9+
<body data-page="landing" data-act="0">1010
<div class="noise"></div>11-
1211
<header class="topbar">1312
<div class="brand">THE HOLLOW ARCHIVE</div>1413
<div class="status">INITIALIZATION</div>14+
<div class="progress-bar"><div class="progress-fill"></div></div>1515
</header>16-
17-
<main class="container">18-
<section class="hero">19-
<h1>The Hollow Archive</h1>20-
<p class="lead">An interactive experience about forgotten names, hidden ledgers, and the witness who remembers.</p>21-
</section>22-
23-
<section class="panel">24-
<p class="panel-title">Entry Point</p>25-
<blockquote>26-
"The archive does not keep records. It keeps what was never meant to be remembered. Answer correctly, and the door will open."27-
</blockquote>28-
29-
<form id="answer-form" data-answer="HOLLOW">30-
<label for="answer">What is the name of the wound at the center of the archive?</label>31-
<input id="answer" name="answer" type="text" placeholder="enter the answer" autocomplete="off" />32-
<button type="submit">Begin</button>33-
</form>34-
35-
<p id="result" class="result" aria-live="polite"></p>36-
</section>37-
</main>38-
16+
<nav class="sidebar-nav">17+
<button class="nav-toggle" type="button">☰ MENU</button>18+
<div class="nav-menu">19+
<a href="#" data-section="landing">Home</a>20+
<a href="#" data-section="inventory">Inventory</a>21+
<a href="#" data-section="evidence">Evidence Board</a>22+
<a href="#" data-section="decoder">Cipher Decoder</a>23+
<a href="#" data-section="terminal">Terminal</a>24+
<a href="#" data-section="reset">Reset Game</a>25+
</div>26+
</nav>27+
<main class="container"><div id="content-area"></div></main>28+
<footer class="archive-footer">29+
<div>Status: <span id="footer-status">STANDBY</span></div>30+
<div>Time: <span id="footer-time">--:--:--</span></div>31+
</footer>32+
<script src="assets/js/state.js"></script>33+
<script src="assets/js/cryptography.js"></script>34+
<script src="assets/js/pages/landing.js"></script>35+
<script src="assets/js/pages/acts.js"></script>36+
<script src="assets/js/pages/inventory.js"></script>37+
<script src="assets/js/pages/evidence.js"></script>38+
<script src="assets/js/pages/decoder.js"></script>39+
<script src="assets/js/pages/terminal.js"></script>40+
<script src="assets/js/ui.js"></script>3941
<script src="assets/js/app.js"></script>4042
</body>4143
</html>