4 <title>Rising Legends</title>
6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 <link rel="stylesheet" href="/assets/css/reset.css">
8 <link rel="stylesheet" href="/assets/css/game.css">
9 <link rel="stylesheet" href="/assets/css/sky.css">
10 <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
11 <script src="/socket.io/socket.io.js"></script>
15 <section id="stat-summary">
16 <div class="avatar-container">
17 <img id="avatar" src="https://via.placeholder.com/64x64">
20 <div id="player-section">
21 <div id="username"></div>
22 <div class="gold"></div>
24 <div id="ap-bar"></div>
25 <div class="progress-bar" id="hp-bar"></div>
26 <div class="progress-bar" id="exp-bar"></div>
30 <li><a href="#" data-section="inventory" data-container="main-nav" class="active">Profile</a></li>
31 <li><a href="#" data-section="skills" data-container="main-nav">Skills</a></li>
32 <li><a href="#" data-section="explore" data-container="main-nav">Explore</a></li>
35 <div id="signup-prompt" class="hidden"></div>
36 <div id="announcements" class="hidden"></div>
38 <div id="alerts"></div>
41 <section id="inventory" class="tab active">INVENTORY</section>
42 <section id="skills" class="tab">SKILLS</section>
43 <section id="explore" class="tab">
45 <div id="fight"></div>
47 <section id="settings" class="tab">
49 <p class="alert error">If you haven't set a username/password you will not be able to access this character again.</p>
50 <p><button class="btn" id="logout">Logout</button></p>
56 <div id="chat-messages"></div>
58 <input type="text" id="message" autocomplete="off"><button type="submit">Send</button>
62 <section id="game-footer">
65 <a href="#" data-section="settings" data-container="main-nav">Settings</a>
68 <div id="server-stats">0 Online - Now</div>
71 <footer>Another project by <a href="https://xangelo.ca/gardens/rising-legends/">xangelo.ca</a>. <span id="version"></span></footer>
74 <script src="/assets/bundle.js"></script>