public/index.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <title>Rising Legends</title>
   5     <meta charset="utf-8">
   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="/socket.io/socket.io.js"></script>
  11   </head>
  12   <body>
  13     <div id="view">
  14       <section id="stat-summary">
  15         <div class="avatar-container">
  16           <img id="avatar" src="https://via.placeholder.com/64x64">
  17         </div>
  18         <div id="stat-bars">
  19           <div id="player-section">
  20             <div id="username"></div>
  21             <div class="gold"></div>
  22           </div>
  23           <div id="ap-bar"></div>
  24           <div class="progress-bar" id="hp-bar"></div>
  25           <div class="progress-bar" id="exp-bar"></div>
  26         </div>
  27       </section>
  28       <nav>
  29         <li><a href="#" data-section="inventory" data-container="main-nav" class="active">Profile</a></li>
  30         <li><a href="#" data-section="skills" data-container="main-nav">Skills</a></li>
  31         <li><a href="#" data-section="explore" data-container="main-nav">Explore</a></li>
  32       </nav>
  33
  34       <div id="signup-prompt" class="hidden"></div>
  35       <div id="announcements" class="hidden"></div>
  36
  37       <div id="alerts"></div>
  38
  39       <div id="main-nav">
  40         <section id="inventory" class="tab active">INVENTORY</section>
  41         <section id="skills" class="tab">SKILLS</section>
  42         <section id="explore" class="tab">
  43           <div id="map"></div>
  44           <div id="fight"></div>
  45         </section>
  46       </div>
  47
  48       <section id="chat">
  49         <div id="chat-messages"></div>
  50         <form id="chat-form">
  51           <input type="text" id="message" autocomplete="off"><button type="submit">Send</button>
  52         </form>
  53       </section>
  54       <div id="server-stats">0 Online - Now</div>
  55
  56       <footer>Another project by <a href="https://xangelo.ca/gardens/rising-legends/">xangelo.ca</a></footer>
  57     </div>
  58   </body>
  59   <script src="/assets/bundle.js"></script>
  60 </html>