4 <title>Rising Legends</title>
7 <a href="https://www.flaticon.com/free-icons/dawn" title="dawn icons">Dawn icons created by Smashicons - Flaticon</a>
9 <meta name="viewport" content="width=device-width, initial-scale=1" />
10 <link rel="stylesheet" href="/assets/css/reset.css">
11 <link rel="stylesheet" href="/assets/css/game.css">
12 <link rel="stylesheet" href="/assets/css/sky.css">
13 <script src="https://unpkg.com/htmx.org@1.9.4" integrity="sha384-zUfuhFKKZCbHTY6aRR46gxiqszMk5tcHjsVFxnUo8VMus4kHGVdIYVbOYYNlKmHV" crossorigin="anonymous"></script>
14 <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
15 <script src="/socket.io/socket.io.js"></script>
18 <section id="time-of-day"></section>
21 <div class="avatar-container">
22 <img id="avatar" src="/assets/img/profile-pics/warrior-1.jpg">
24 <div id="player-info">
26 <div id="player-section">
27 <div id="username"></div>
28 <div class="gold"></div>
30 <div id="ap-bar"></div>
31 <div class="progress-bar" id="hp-bar"></div>
32 <div class="progress-bar" id="exp-bar"></div>
35 <li><a href="#" class="active" hx-get="/player" hx-target="#profile">Profile</a></li>
36 <li><a href="#" hx-get="/player/inventory" hx-target="#inventory">Inventory</a></li>
37 <li><a href="#" hx-get="/player/skills" hx-target="#skills">Skills</a></li>
38 <li><a href="#" hx-get="/player/explore" hx-target="#explore">Explore</a></li>
43 <div id="signup-prompt" class="hidden"></div>
44 <div id="announcements" class="hidden"></div>
46 <div id="alerts"></div>
47 <div id="modal-wrapper"></div>
50 <section id="profile" class="tab active">PROFILE</section>
51 <section id="inventory" class="tab">INVENTORY</section>
52 <section id="skills" class="tab">SKILLS</section>
53 <section id="explore" class="tab">
55 <div id="fight"></div>
57 <section id="settings" class="tab">
59 <p class="alert error">If you haven't set a username/password you will not be able to access this character again.</p>
60 <p><button class="btn" id="logout">Logout</button></p>
66 <div id="chat-messages" hx-trigger="load delay:1s" hx-get="/chat/history"></div>
67 <form id="chat-form" hx-post="/chat">
68 <input type="text" id="message" name="message" autocomplete="off"><button type="submit">Send</button>
72 <section id="game-footer">
75 <a href="#" data-section="settings" data-container="main-nav">Settings</a>
78 <div id="server-stats" hx-trigger="load delay:1s" hx-get="/status" hx-swap="outerHTML">...Loading</div>
81 <footer>Another project by <a href="https://xangelo.ca/gardens/rising-legends/">xangelo.ca</a>. <span id="version"></span></footer>
84 <script src="/assets/bundle.js"></script>