index.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="Legend of Mana: Level-Up Calculator">
  8. <title>Legend of Mana: Level-Up Calculator</title>
  9. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  10. <link rel="stylesheet" type="text/css" href="main.css">
  11. </head>
  12. <body>
  13. <header>
  14. <h1>Legend of Mana: Level-Up Calculator</h1>
  15. <p>Enter numbers in the text boxes below and the data here will be updated!</p>
  16. <form method="POST" action="#" id="auto">
  17. <fieldset class='outputs'>
  18. <legend>Character</legend>
  19. <label>
  20. <span>Level: </span>
  21. <input type="text" placeholder="0" name="Level" disabled />
  22. </label>
  23. <label>
  24. <span>Power (Pw): </span>
  25. <input type="text" placeholder="0" name="Pw" disabled />
  26. </label>
  27. <label>
  28. <span>Skill (Sk): </span>
  29. <input type="text" placeholder="0" name="Sk" disabled />
  30. </label>
  31. <label>
  32. <span>Defense (Df): </span>
  33. <input type="text" placeholder="0" name="Df" disabled />
  34. </label>
  35. <label>
  36. <span>Magic (Mg): </span>
  37. <input type="text" placeholder="0" name="Mg" disabled />
  38. </label>
  39. <label>
  40. <span>HP (Hp): </span>
  41. <input type="text" placeholder="0" name="Hp" disabled />
  42. </label>
  43. <label>
  44. <span>Spirit (Sp): </span>
  45. <input type="text" placeholder="0" name="Sp" disabled />
  46. </label>
  47. <label>
  48. <span>Charm (Ch): </span>
  49. <input type="text" placeholder="0" name="Ch" disabled /></label>
  50. <label for="Decimals">
  51. <span>Decimals: </span>
  52. <input type="checkbox" name="Decimals" id="Decimals" checked="checked" />
  53. </label>
  54. </fieldset>
  55. </form>
  56. </header>
  57. <main>
  58. <form method="POST" action="#" id="entry">
  59. <fieldset>
  60. <legend>Weapons</legend>
  61. <label for="Swords">
  62. <span>Swords: </span>
  63. <input type="number" value="0" placeholder="0" name="Swords" id="Swords" />
  64. </label>
  65. <label for="2H Swords">
  66. <span>2H Swords: </span>
  67. <input type="number" value="0" placeholder="0" name="2H Swords" id="2H Swords" />
  68. </label>
  69. <label for="Knives">
  70. <span>Knives: </span>
  71. <input type="number" value="0" placeholder="0" name="Knives" id="Knives" />
  72. </label>
  73. <label for="Axes">
  74. <span>Axes: </span>
  75. <input type="number" value="0" placeholder="0" name="Axes" id="Axes" />
  76. </label>
  77. <label for="2H Axes">
  78. <span>2H Axes: </span>
  79. <input type="number" value="0" placeholder="0" name="2H Axes" id="2H Axes" />
  80. </label>
  81. <label for="Staves">
  82. <span>Staves: </span>
  83. <input type="number" value="0" placeholder="0" name="Staves" id="Staves" />
  84. </label>
  85. <label for="Bows">
  86. <span>Bows: </span>
  87. <input type="number" value="0" placeholder="0" name="Bows" id="Bows" />
  88. </label>
  89. <label for="Spears">
  90. <span>Spears: </span>
  91. <input type="number" value="0" placeholder="0" name="Spears" id="Spears" />
  92. </label>
  93. <label for="Flails">
  94. <span>Flails: </span>
  95. <input type="number" value="0" placeholder="0" name="Flails" id="Flails" />
  96. </label>
  97. <label for="Hammers">
  98. <span>Hammers: </span>
  99. <input type="number" value="0" placeholder="0" name="Hammers" id="Hammers" />
  100. </label>
  101. <label for="Gloves">
  102. <span>Gloves: </span>
  103. <input type="number" value="0" placeholder="0" name="Gloves" id="Gloves" />
  104. </label>
  105. </fieldset>
  106. </form>
  107. </main>
  108. <footer>
  109. <div class="scripts">
  110. <script type="text/javascript" src="main.js" async></script>
  111. </div>
  112. </footer>
  113. </body>
  114. </html>