Blue Archive Game

Addition of the Blue Archive character sheet
This commit is contained in:
Jeremy
2023-12-21 20:42:05 -05:00
parent ce25f7d676
commit 48834d8042
4 changed files with 340 additions and 0 deletions
+61
View File
@@ -0,0 +1,61 @@
.charsheet {
font-family: "Verdana", "Verdana", sans-serif;
/*background: #EEEEEE;
color: #222222;
background-image: url("");*/
}
.charsheet .sheet-item {
padding: 1vh;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.charsheet label {
font-size: inherit;
color: inherit;
}
.charsheet .sheet-col{
background: #E6E6E3;
}
div.a {
outline: 2px dashed blue;
}
/*----------- Details and Summary -------*/
.charsheet summary {
cursor: pointer;
display: revert;
}
.row {
display: flex;
}
.column {
flex: 50%;
float: left;
width: 50%;
}
/*----------- Tabs Setup -------------*/
/*Configure the tab buttons
.charsheet .sheet-details,
{
display: none;
}
/* show the selected tab
.charsheet .sheet-tabstoggle[value="details"] ~ div.sheet-details,
{
display: block;
}
/*----------- End Tab Setup -----------*/
+271
View File
@@ -0,0 +1,271 @@
<img src="https://i.imgur.com/xBSAUQM.png"><br><br>
<h2>General Information</h2>
<div class="column" style="background-color:white">
<div class="a">
<b>Character Name: </b>
<input title="character_name" type="text" name="attr_character_name" placeholder="Character Name"><br><br>
<b>Player Name:</b>
<input title="player-name" type="text" name="attr_player-name" placeholder="Player Name"><br><br>
<b>Sex:</b>
<input title="Sex" type="text" name="attr_sex" placeholder="Sex"><br><br>
<b>School:</b>
<input title="school" type="text" name="attr_school" placeholder="School"><br><br>
</div>
</div>
<div class="column" style="background-color:white">
<div class="a">
<b>Club:</b>
<input title="club" type="text" name="attr_club" placeholder="Club"><br><br>
<b>Year:</b>
<input title="year" type="number" name="attr_year" placeholder="year"><br><br>
<b>Commendations:</b>
<input title="commendations" type="number" name="attr_commendations" placeholder="Commendations"><br><br>
</div>
</div>
<hr></hr>
<div class="column" style="background-color:white">
<div class="a">
<h2>Halo & Class</h2>
<b>Halo Durability:</b>
<input title="halo durability current" type="number" name="attr_halo_dur_cur" placeholder="current durability">
/
<input title="halo durability max" type="number" name="attr_halo_dur_max" placeholder="max durability"><br><br>
<b>Class: </b>
<input title="character_class" type="text" name="attr_character_class" placeholder="Character Class"><br><br>
<b>Class Passive: </b>
<input title="character_class_passive" type="text" name="attr_character_class_passive" placeholder="Character Class Passive"><br><br>
</div>
</div>
<div class="column" style="background-color:white">
<div class="a">
<h2>Currencies</h2>
<b>Pyroxenes:</b>
<input title="pyroxenes" type="number" name="attr_pyroxenes" min="0"><br><br>
<b>Supplies:</b>
<input title="supplies" type="number" name="attr_supplies" min="0"><br><br>
<b>School Credits:</b>
<input title="school credits" type="number" name="attr_school_credits" min="0"><br><br>
<b>GSC Credits:</b>
<input title="gsc credits" type="number" name="attr_gsc_credits" min="0"><br><br>
</div>
</div>
<hr></hr>
<h2>Attributes</h2>
<!-- Civics Stat & Skills -->
<div class="column" style="background-color:white">
<div class="a">
<b>Civics:</b>
<input title="civics" type="number" name="attr_civics" placeholder="Civics" value="0" min="0"><br><br>
<b>History:</b>
<input title="history" type="number" name="attr_history" placeholder="history" value="0" max="90" min="0"><br><br>
<b>Lore:</b>
<input title="lore" type="number" name="attr_lore" placeholder="lore" value="0" max="90" min="0"><br><br>
<b>Speech:</b>
<input title="speech" type="number" name="attr_speech" placeholder="speech" value="0" max="90" min="0"><br><br>
<b>Streetwise:</b>
<input title="streetwise" type="number" name="attr_streetwise" placeholder="streetwise" value="0" max="90" min="0"><br><br>
</div>
</div>
<!-- Drill Stat & Skills -->
<div class="column" style="background-color:white">
<div class="a">
<b>Drill:</b>
<input title="drill" type="number" name="attr_drill" placeholder="Drill" value="0" min="0"><br><br>
<b>Marksman:</b>
<input title="marksman" type="number" name="attr_marksman" placeholder="marksman" value="0" max="90" min="0"><br><br>
<b>Recon:</b>
<input title="recon" type="number" name="attr_recon" placeholder="recon" value="0" max="90" min="0"><br><br>
<b>Self Defense:</b>
<input title="selfdefense" type="number" name="attr_selfdefense" placeholder="self defense" value="0" max="90" min="0"><br><br>
<b>Tactics:</b>
<input title="tactics" type="number" name="attr_tactics" placeholder="tactics" value="0" max="90" min="0"><br><br>
</div>
</div>
<!-- Physical Stat & Skills -->
<div class="column" style="background-color:white">
<div class="a">
<b>Physical:</b>
<input title="physical" type="number" name="attr_physical" placeholder="Physical" value="0" min="0"><br><br>
<b>Agility:</b>
<input title="agility" type="number" name="attr_agility" placeholder="agility" value="0" max="90" min="0"><br><br>
<b>Athletics:</b>
<input title="athletics" type="number" name="attr_athletics" placeholder="athletics" value="0" max="90" min="0"><br><br>
<b>Endurance:</b>
<input title="endurance" type="number" name="attr_endurance" placeholder="endurance" value="0" max="90" min="0"><br><br>
<b>Survival:</b>
<input title="survival" type="number" name="attr_survival" placeholder="survival" value="0" max="90" min="0"><br><br>
</div>
</div>
<!-- Sciences Stat & Skills -->
<div class="column" style="background-color:white">
<div class="a">
<b>Sciences:</b>
<input title="sciences" type="number" name="attr_sciences" placeholder="Sciences" value="0" min="0"><br><br>
<b>Formal:</b>
<input title="formal" type="number" name="attr_formal" placeholder="formal" value="0" max="90" min="0"><br><br>
<b>Natural:</b>
<input title="natural" type="number" name="attr_natural" placeholder="natural" value="0" max="90" min="0"><br><br>
<b>Social:</b>
<input title="social" type="number" name="attr_social" placeholder="social" value="0" max="90" min="0"><br><br>
<b>Supernal:</b>
<input title="supernal" type="number" name="attr_supernal" placeholder="supernal" value="0" max="90" min="0"><br><br>
</div>
</div>
<!-- Drill Stat & Skills -->
<div class="column" style="background-color:white">
<div class="a">
<b>Technical:</b>
<input title="technical" type="number" name="attr_technical" placeholder="Technical" value="0" min="0"><br><br>
<b>Computers:</b>
<input title="computers" type="number" name="attr_computers" placeholder="computers" value="0" max="90" min="0"><br><br>
<b>Driving:</b>
<input title="driving" type="number" name="attr_driving" placeholder="driving" value="0" max="90" min="0"><br><br>
<b>Mechanical:</b>
<input title="mechanical" type="number" name="attr_mechanical" placeholder="mechanical" value="0" max="90" min="0"><br><br>
<b>Medical:</b>
<input title="medical" type="number" name="attr_medical" placeholder="medical" value="0" max="90" min="0"><br><br>
</div>
</div>
<hr></hr>
<h2>Firearms & Gear</h2>
<!-- Firearm Section -->
<div class="column" style="background-color:white">
<div class="a">
<b>Firearm Name: </b>
<input title="firearm_name" type="text" name="attr_firearm_name" placeholder="Firearm Name"><br><br>
<b>Firearm Type:</b>
<input title="firearm_type" type="text" name="attr_firearm_type" placeholder="Firearm Type"><br><br>
<b>Firearm Bonus:</b>
<input title="firearm bonus" type="number" name="attr_firearm_bonus" placeholder="Firearm Bonus" min="0"><br><br>
<b>Firearm Traits:</b>
<textarea title="firearm trait" name="attr_firearm_traits" placeholder="Firearm Traits"></textarea><br><br>
<b>Firearm Attachments:</b>
<textarea title="firearm attachments" name="attr_firearm_attachments" placeholder="Firearm Attachments"></textarea><br><br>
<b>Firearm Upgrades:</b>
<textarea title="firearm upgrades" name="attr_firearm_upgrades" placeholder="Firearm Upgrades"></textarea><br><br>
</div>
</div>
<!-- Sidearm Section -->
<div class="column" style="background-color:white">
<div class="a">
<b>Sidearm Name: </b>
<input title="sidearm_name" type="text" name="attr_sidearm_name" placeholder="Sidearm Name"><br><br>
<b>Sidearm Type:</b>
<input title="sidearm_type" type="text" name="attr_sidearm_type" placeholder="Sidearm Type"><br><br>
<b>Sidearm Bonus:</b>
<input title="Sidearm bonus" type="number" name="attr_sidearm_bonus" placeholder="Sidearm Bonus" min="0"><br><br>
<b>Sidearm Traits:</b>
<textarea title="Sidearm trait" name="attr_sidearm_traits" placeholder="Sidearm Traits"></textarea><br><br>
<b>Sidearm Attachments:</b>
<textarea title="Sidearm attachments" name="attr_sidearm_attachments" placeholder="Sidearm Attachments"></textarea><br><br>
<b>Sidearm Upgrades:</b>
<textarea title="Sidearm upgrades" name="attr_sidearm_upgrades" placeholder="Sidearm Upgrades"></textarea><br><br>
</div>
</div>
<!-- Utility Section -->
<div class="a">
<b>Utility Items:</b>
<textarea title="utility items" name="attr_utility_items" placeholder="Utility Items"></textarea><br><br>
<b>Miscellaneous Items:</b>
<textarea title="misc items" name="attr_misc_items" placeholder="Misc Items"></textarea><br><br>
</div>
<hr></hr>
<!-- Techniques -->
<h2>Techniques</h2>
<h3>Technique List</h3>
<div class="a">
<fieldset class="repeating_techniques">
<div class="sheet-table-row">
<input title="repeating_techniques_X_name" type="text" placeholder="Techniques name here..." name="attr_techniquename"><br>
<details>
<summary>
<span>DESCRIPTION:</span>
</summary>
<textarea name="attr_techniquearea" placeholder="Technique description goes here."></textarea>
</details>
</div>
</fieldset>
</div>
<h3>EX Technique List</h3>
<div class="a">
<fieldset class="repeating_ex_techniques">
<div class="sheet-table-row">
<input title="repeating_ex_techniques_X_name" type="text" placeholder="EX Techniques name here..." name="attr_techniquename"><br>
<details>
<summary>
<span>DESCRIPTION:</span>
</summary>
<textarea name="attr_ex_techniquearea" placeholder="Ex Technique description goes here."></textarea>
</details>
</div>
</fieldset>
</div>
Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

+8
View File
@@ -0,0 +1,8 @@
{
"html": "BlueArchive.html",
"css": "BlueArchive.css",
"authors": "Jeremy H.",
"roll20userid": "90448",
"preview": "BlueArchive.png",
"instructions": "Be sure not to leave any fields blank as this may disrupt some of the code."
}