alu/character-sheet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add more content

Browse Source 
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-04-13 13:16:38 -07:00
parent 6f80eb291e
commit 54ccf63a59
2 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
sheet.css
View File

@ -51,11 +51,11 @@ input, select {
} }
input[type="number"] { input[type="number"] {
width: 6em; min-width: 6ch;
} }
label > input { input[type="text"] {
margin-left: 10px;; min-width: 20ch;
} }
h1 { h1 {

19
songs.html
View File

@ -4,6 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="sheet.css">
<script src="sheet.js" type="module"></script> <script src="sheet.js" type="module"></script>
</head> </head>
<body style="padding: 16px;"> <body style="padding: 16px;">
@ -45,6 +46,24 @@
<label for="cha"><u>Cha</u>risma</label> <label for="cha"><u>Cha</u>risma</label>
<input class="w3-input w3-border" id="cha" name="cha" type="number"> <input class="w3-input w3-border" id="cha" name="cha" type="number">
</div> </div>
<div class="w3-container">
<label for="armor">Armor</label>
<input class="w3-input w3-border" id="armor" name="armor" type="number">
<label for="soak">Soak</label>
<input class="w3-input w3-border" id="soak" name="soak" type="number">
<label for="speed">Speed</label>
<input class="w3-input w3-border" id="speed" name="speed" type="number">
<label for="initiative">Initiative</label>
<input class="w3-input w3-border" id="initiative" name="initiative" type="number">
<label for="mastery">Mastery</label>
<input class="w3-input w3-border" id="mastery" name="mastery" type="number">
<label for="bulk">Bulk</label>
<div style="display: flex; flex-direction: row; align-items: center;">
<input class="w3-input w3-border" id="bulk" name="bulk" type="number">
<p class="w3-margin-left w3-margin-right" style="margin: 0px;">/</p>
<input class="w3-input w3-border" id="max-bulk" name="max-bulk" type="number">
</div>
</div>
</form> </form>
</main> </main>
</body> </body>