123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="Legend of Mana: Level-Up Calculator">
- <title>Legend of Mana: Level-Up Calculator</title>
- <link rel="icon" href="data:;base64,iVBORw0KGgo=">
- <link rel="stylesheet" type="text/css" href="main.css">
- </head>
- <body>
- <header>
- <h1>Legend of Mana: Level-Up Calculator</h1>
- <p>Enter numbers in the text boxes below and the data here will be updated!</p>
- <form method="POST" action="#" id="auto">
- <fieldset class='outputs'>
- <legend>Character</legend>
- <label>
- <span>Level: </span>
- <input type="text" placeholder="0" name="Level" disabled />
- </label>
- <label>
- <span>Power (Pw): </span>
- <input type="text" placeholder="0" name="Pw" disabled />
- </label>
- <label>
- <span>Skill (Sk): </span>
- <input type="text" placeholder="0" name="Sk" disabled />
- </label>
- <label>
- <span>Defense (Df): </span>
- <input type="text" placeholder="0" name="Df" disabled />
- </label>
- <label>
- <span>Magic (Mg): </span>
- <input type="text" placeholder="0" name="Mg" disabled />
- </label>
- <label>
- <span>HP (Hp): </span>
- <input type="text" placeholder="0" name="Hp" disabled />
- </label>
- <label>
- <span>Spirit (Sp): </span>
- <input type="text" placeholder="0" name="Sp" disabled />
- </label>
- <label>
- <span>Charm (Ch): </span>
- <input type="text" placeholder="0" name="Ch" disabled /></label>
- <label for="Decimals">
- <span>Decimals: </span>
- <input type="checkbox" name="Decimals" id="Decimals" checked="checked" />
- </label>
- </fieldset>
- </form>
- </header>
- <main>
- <form method="POST" action="#" id="entry">
- <fieldset>
- <legend>Weapons</legend>
- <label for="Swords">
- <span>Swords: </span>
- <input type="number" value="0" placeholder="0" name="Swords" id="Swords" />
- </label>
- <label for="2H Swords">
- <span>2H Swords: </span>
- <input type="number" value="0" placeholder="0" name="2H Swords" id="2H Swords" />
- </label>
- <label for="Knives">
- <span>Knives: </span>
- <input type="number" value="0" placeholder="0" name="Knives" id="Knives" />
- </label>
- <label for="Axes">
- <span>Axes: </span>
- <input type="number" value="0" placeholder="0" name="Axes" id="Axes" />
- </label>
- <label for="2H Axes">
- <span>2H Axes: </span>
- <input type="number" value="0" placeholder="0" name="2H Axes" id="2H Axes" />
- </label>
- <label for="Staves">
- <span>Staves: </span>
- <input type="number" value="0" placeholder="0" name="Staves" id="Staves" />
- </label>
- <label for="Bows">
- <span>Bows: </span>
- <input type="number" value="0" placeholder="0" name="Bows" id="Bows" />
- </label>
- <label for="Spears">
- <span>Spears: </span>
- <input type="number" value="0" placeholder="0" name="Spears" id="Spears" />
- </label>
- <label for="Flails">
- <span>Flails: </span>
- <input type="number" value="0" placeholder="0" name="Flails" id="Flails" />
- </label>
- <label for="Hammers">
- <span>Hammers: </span>
- <input type="number" value="0" placeholder="0" name="Hammers" id="Hammers" />
- </label>
- <label for="Gloves">
- <span>Gloves: </span>
- <input type="number" value="0" placeholder="0" name="Gloves" id="Gloves" />
- </label>
- </fieldset>
- </form>
- </main>
- <footer>
- <div class="scripts">
- <script type="text/javascript" src="main.js" async></script>
- </div>
- </footer>
- </body>
- </html>
|