<!doctype html>
<html>
- <head>
- <title>Rising Legends</title>
- <meta charset="utf-8">
- <!--
+
+<head>
+ <title>Rising Legends</title>
+ <meta charset="utf-8">
+ <!--
<a href="https://www.flaticon.com/free-icons/dawn" title="dawn icons">Dawn icons created by Smashicons - Flaticon</a>
-->
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <link rel="stylesheet" href="/assets/css/reset.css">
- <link rel="stylesheet" href="/assets/css/game.css">
- <link rel="stylesheet" href="/assets/css/sky.css">
- <script src="https://unpkg.com/htmx.org@1.9.4" integrity="sha384-zUfuhFKKZCbHTY6aRR46gxiqszMk5tcHjsVFxnUo8VMus4kHGVdIYVbOYYNlKmHV" crossorigin="anonymous"></script>
- <script src="/socket.io/socket.io.js"></script>
- </head>
- <body>
- <div id="view">
- <section id="title-bar">
- <a href="/" class="title-font">Rising Legends</a>
- <div id="time-of-day"></div>
- </section>
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="stylesheet" href="/assets/css/reset.css">
+ <link rel="stylesheet" href="/assets/css/game.css">
+ <link rel="stylesheet" href="/assets/css/sky.css">
+ <script src="https://unpkg.com/htmx.org@1.9.4"
+ integrity="sha384-zUfuhFKKZCbHTY6aRR46gxiqszMk5tcHjsVFxnUo8VMus4kHGVdIYVbOYYNlKmHV"
+ crossorigin="anonymous"></script>
+ <script src="/socket.io/socket.io.js"></script>
+</head>
- <header>
- <div class="avatar-container">
- <img id="avatar" src="/assets/img/profile-pics/warrior-1.jpg">
- </div>
- <div id="player-info">
- <div id="stat-bars">
- <div id="player-section">
- <div id="username"></div>
- <div class="gold"></div>
- </div>
- <div id="ap-bar"></div>
- <div class="progress-bar" id="hp-bar"></div>
- <div class="progress-bar" id="exp-bar"></div>
+<body>
+ <div id="view">
+ <section id="title-bar">
+ <a href="/" class="title-font">Rising Legends</a>
+ <div id="time-of-day"></div>
+ </section>
+
+ <header>
+ <div class="avatar-container">
+ <img id="avatar" src="/assets/img/profile-pics/warrior-1.jpg">
+ </div>
+ <div id="player-info">
+ <div id="stat-bars">
+ <div id="player-section">
+ <div id="username"></div>
+ <div class="gold"></div>
</div>
- <nav>
- <li><a href="#" class="active" hx-get="/player" hx-target="#profile">Profile</a></li>
- <li><a href="#" hx-get="/player/inventory" hx-target="#inventory">Inventory</a></li>
- <li><a href="#" hx-get="/player/skills" hx-target="#skills">Skills</a></li>
- <li><a href="#" hx-get="/player/explore" hx-target="#explore">Explore</a></li>
- </nav>
+ <div id="ap-bar"></div>
+ <div class="progress-bar" id="hp-bar"></div>
+ <div class="progress-bar" id="exp-bar"></div>
</div>
- </header>
-
- <div id="signup-prompt" class="hidden"></div>
+ <nav>
+ <li><a href="#" class="active" hx-get="/player" hx-target="#profile">Profile</a></li>
+ <li><a href="#" hx-get="/player/inventory" hx-target="#inventory">Inventory</a></li>
+ <li><a href="#" hx-get="/player/skills" hx-target="#skills">Skills</a></li>
+ <li><a href="#" hx-get="/player/explore" hx-target="#explore">Explore</a></li>
+ </nav>
+ </div>
+ </header>
- <div id="modal-wrapper"></div>
+ <div id="signup-prompt" class="hidden"></div>
- <div id="main-nav">
- <section id="profile" class="tab">PROFILE</section>
- <section id="inventory" class="tab">INVENTORY</section>
- <section id="skills" class="tab">SKILLS</section>
- <section id="explore" class="tab active">
- <div id="map"></div>
- <div id="fight"></div>
- </section>
- <section id="settings" class="tab">
- <div>
- <p class="alert error">If you haven't set a username/password you will not be able to access this character again.</p>
- <p><button class="btn" id="logout">Logout</button></p>
- </div>
- </section>
- <div id="alerts"></div>
- </div>
+ <div id="modal-wrapper"></div>
- <section id="chat">
- <div id="chat-messages" hx-trigger="load delay:1s" hx-get="/chat/history" hx-swap="afterbegin"></div>
- <form id="chat-form" hx-post="/chat">
- <input type="text" id="message" name="message" autocomplete="off"><button type="submit">Send</button>
- </form>
+ <div id="main-nav">
+ <section id="profile" class="tab">PROFILE</section>
+ <section id="inventory" class="tab">INVENTORY</section>
+ <section id="skills" class="tab">SKILLS</section>
+ <section id="explore" class="tab active">
+ <div id="map"></div>
+ <div id="fight"></div>
</section>
-
- <section id="game-footer">
+ <section id="settings" class="tab">
<div>
- <nav>
- <a href="#" data-section="settings" data-container="main-nav" hx-get="/settings" hx-target="#settings">Settings</a>
- </nav>
+ <p class="alert error">If you haven't set a username/password this will completely reset your character.</p>
+ <p><button class="btn" id="logout">Logout</button></p>
</div>
- <div id="server-stats">...Loading</div>
</section>
- <footer>Another project by <a href="https://xangelo.ca/gardens/rising-legends/">xangelo.ca</a>. <span id="version"></span></footer>
+ <div id="alerts"></div>
</div>
- </body>
- <script src="/assets/bundle.js"></script>
-</html>
+
+ <section id="chat">
+ <div id="chat-messages" hx-trigger="load delay:1s" hx-get="/chat/history" hx-swap="afterbegin"></div>
+ <form id="chat-form" hx-post="/chat">
+ <input type="text" id="message" name="message" autocomplete="off"><button type="submit">Send</button>
+ </form>
+ </section>
+
+ <section id="game-footer">
+ <div>
+ <nav>
+ <a href="#" data-section="settings" data-container="main-nav" hx-get="/settings"
+ hx-target="#settings">Settings</a>
+ </nav>
+ </div>
+ <div id="server-stats">...Loading</div>
+ </section>
+ <footer>Another project by <a href="https://xangelo.ca/gardens/rising-legends/">xangelo.ca</a>. <span
+ id="version"></span></footer>
+ </div>
+</body>
+<script src="/assets/bundle.js"></script>
+
+</html>
\ No newline at end of file