<div class="p-2" style="background-color:#faafbe;color:#fff;font-weight:bold;">
<span style="font-size:2rem; letter-spacing: 1.5px; font-family: ; padding-left:10px"> <i class="fa-solid fa-user"></i> <i>USERNAME</i></span>
<hr class="flex-fill mt-auto mb-1 mx-2" style="background: #fff; height: 0.5px;">
<span style="letter-spacing: 1.5px; font-family: ; padding-left:25px"> <i class="fa-solid fa-circle-info"></i> Basics</span>
</div> <br>
<div align="center">
<p><b>Username:</b> TOYHOUSE USERNAME</p>
<p><b>Faction:</b> FACTION NAME</p>
<p><b>Total Astrolytes:</b> #<br>
<b>Total Companions:</b> #</p>
<p><b>Halogen Count:</b> # <img src="https://media.discordapp.net/attachments/507880952593383424/693309698614624296/Halogen.gif"><br>
<b>Droplux Count:</b> # <img src="https://media.discordapp.net/attachments/507880952593383424/693309802268327936/Droplux.gif"><br>
<b>Evertoken Count:</b> # <img src="https://media.discordapp.net/attachments/507880952593383424/693309619300335716/Evertoken.gif"><br>
<b>Amber Leaf Count:</b> # <img src="https://media.discordapp.net/attachments/507880952593383424/693310365307502602/Amber_Leaf.gif"></p></div>
<hr>
<div class="p-2" style="background-color:#faafbe;color:#fff;font-weight:bold;">
<span style="font-size:2rem; letter-spacing: 1.5px; font-family: ; padding-left:10px"> <i class="fa-solid fa-id-badge"></i> <i>Masterlist</i></span>
<hr class="flex-fill mt-auto mb-1 mx-2" style="background: #fff; height: 0.5px;">
<span style="letter-spacing: 1.5px; font-family: ; padding-left:25px"> <i class="fa-solid fa-square-small"></i> Compact</span>
</div>
<div class="container p-0">
<div class="container p-6 bg-primary" style="width: 100%">
</div></div>
<table class="table table-hover;"> <table width="100%" border="1" cellspacing="1" cellpadding="10">
<!--- header --->
<tr>
<th>Standard MYO</th>
<th>Bas.Sub. MYO</th>
<th>Sec.Sub. MYO</th>
<th>Won</th>
<th>Purchased</th>
<th>Bred</th>
<th>Transferred</th>
<th>Items</th>
</tr>
<!--- USER: start --->
<tr>
<td> <a data-toggle="collapse" href="#USER-myo" aria-expanded="false" aria-controls="USER-myo">#/5</a>
<div class="collapse" id="USER-myo">
<ul class="list-unstyled">
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME </a></li>
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME </a></li>
</ul>
</div> </td>
<td> <a data-toggle="collapse" href="#USER-bas" aria-expanded="false" aria-controls="USER-bas">#/1</a>
<div class="collapse" id="USER-bas">
<ul class="list-unstyled">
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME [SUBSPECIES] </a></li>
</ul>
</div> </td>
<td> <a data-toggle="collapse" href="#USER-sec" aria-expanded="false" aria-controls="USER-sec">#/#</a>
<div class="collapse" id="USER-sec">
<ul class="list-unstyled">
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME [SUBSPECIES] </a></li>
</ul>
</div> </td>
<td> <a data-toggle="collapse" href="#USER-won" aria-expanded="false" aria-controls="USER-won">#</a>
<div class="collapse" id="USER-won">
<ul class="list-unstyled">
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME </a></li>
</ul>
</div> </td>
<td> <a data-toggle="collapse" href="#USER-pur" aria-expanded="false" aria-controls="USER-pur">#</a>
<div class="collapse" id="USER-pur">
<ul class="list-unstyled">
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME </a></li>
</ul>
</div> </td>
<td> <a data-toggle="collapse" href="#USER-bre" aria-expanded="false" aria-controls="USER-bre">#</a>
<div class="collapse" id="USER-bre">
<ul class="list-unstyled">
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME [ID #00] </a></li>
</ul>
</div> </td>
<td> <a data-toggle="collapse" href="#USER-tra" aria-expanded="false" aria-controls="USER-tra">#</a>
<div class="collapse" id="USER-tra"
<ul class="list-unstyled">
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME </a></li>
</ul>
</div> </td>
<td> <a data-toggle="collapse" href="#USER-ite" aria-expanded="false" aria-controls="USER-ite">View All</a>
<div class="collapse" id="USER-ite">
<ul class="list-unstyled">
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> x1 Glass Egg </a></li>
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> x1 Blue Transformation Trinket </a></li>
</ul>
</div> </td>
<!-- To leave a section blank with no name, remove the following portion from the respective column:
<li><a class="btn btn-sm bg-primary tooltipster" data-toggle="tooltip"> NAME </a></li>
You can copy & paste it back if you gain a lyte that fits under that column. Repeat this line of code to add multiple lytes. -->
</tr>
<!--- USER: end --->
</table>
<hr>
<div class="p-2" style="background-color:#faafbe;color:#fff;font-weight:bold;">
<span style="font-size:2rem; letter-spacing: 1.5px; font-family: ; padding-left:10px"> <i class="fa-solid fa-id-card"></i> <i>Astrolytes</i></span>
<hr class="flex-fill mt-auto mb-1 mx-2" style="background: #fff; height: 0.5px;">
<span style="letter-spacing: 1.5px; font-family: ; padding-left:25px"> <i class="fa-solid fa-square"></i> Extended</span>
</div>
<div class="container p-0">
<div class="container p-6 bg-primary" style="width: 100%">
</div></div>
<table class="table table-hover;"> <table width="100%" border="1" cellspacing="1" cellpadding="10">
<!--- header --->
<tr>
<th>Astrolyte Name</th>
<th>Type</th>
<th>Species</th>
<th>Lavaling Approval</th>
<th>Astrolyte Approval</th>
<th>Magic</th>
</tr>
<!--- START OF LYTE ONE; to add a lyte, copy from here to the comment tagged “END OF LYTE ONE” and paste it below --->
<tr>
<td> <a href="PROFILE LINK">Name</a>
</td>
<td> MYO [1/5] </td>
<td> Standard </td>
<td> <a href="APPROVAL LINK">DATE OF APPROVAL</a>
</td>
<td> <a href="APPROVAL LINK">DATE OF APPROVAL</a>
</td>
<td> <a href="MAGIC LINK">PROOF</a>
</td>
</tr>
<!--- END OF LYTE ONE --->
<!--- START OF LYTE TWO; to remove a lyte, delete from “START OF LYTE #” to “END OF LYTE #” --->
<tr>
<td> <a href="PROFILE LINK">Name</a>
</td>
<td> BAS. MYO [1/1]</td>
<td> Pygmylyte </td>
<td> <a href="APPROVAL LINK">DATE OF APPROVAL</a>
</td>
<td> <a href="APPROVAL LINK">DATE OF APPROVAL</a>
</td>
<td> <a href="MAGIC LINK">PROOF</a>
</td>
</tr>
<!--- END OF LYTE TWO --->
<!--- START OF LYTE THREE --->
<tr>
<td> <a href="PROFILE LINK">Name</a>
</td>
<td> Bred [ID #00]</td>
<td> Standard </td>
<td> <a href="APPROVAL LINK">DATE OF APPROVAL</a>
</td>
<td> <a href="APPROVAL LINK">DATE OF APPROVAL</a>
</td>
<td> <a href="MAGIC LINK">PROOF</a>
</td>
</tr>
<!--- END OF LYTE THREE --->
</table>
<hr>
<div class="p-2" style="background-color:#faafbe;color:#fff;font-weight:bold;">
<span style="font-size:2rem; letter-spacing: 1.5px; font-family: ; padding-left:10px"> <i class="fa-solid fa-paw"></i> <i>Companions</i></span>
<hr class="flex-fill mt-auto mb-1 mx-2" style="background: #fff; height: 0.5px;">
</div>
<div class="container p-0">
<div class="container p-6 bg-primary" style="width: 100%">
</div></div>
<table class="table table-hover;"> <table width="100%" border="1" cellspacing="1" cellpadding="10">
<!--- header --->
<tr>
<th>Companion Name</th>
<th>Species</th>
<th>Masterlist Entry</th>
<th>Proof</th>
</tr>
<!--- START OF COMPANION ONE; to add a companion, copy from here to the comment tagged “END OF COMPANION ONE” and paste it below --->
<tr>
<td> <a href="PROFILE LINK">Name</a>
</td>
<td> Musal </td>
<td> <a href="LINK TO MASTERLIST ENTRY"> ID #00 </td>
<td> <a href="LINK TO LOCATION OBTAINED">DATE OF PROOF</a>
</td>
</tr>
<!--- END OF COMPANION ONE --->
<!--- START OF COMPANION TWO; to remove a companion, delete from “START OF COMPANION #” to “END OF COMPANION #” --->
<tr>
<td> <a href="PROFILE LINK">Name</a>
</td>
<td> Jaowl </td>
<td> <a href="LINK TO MASTERLIST ENTRY"> ID #00 </td>
<td> <a href="LINK TO LOCATION OBTAINED">DATE OF PROOF</a>
</td>
</tr>
<!--- END OF COMPANION TWO --->
<!--- START OF COMPANION THREE --->
<tr>
<td> <a href="PROFILE LINK">Name</a>
</td>
<td> Kryg </td>
<td> <a href="LINK TO MASTERLIST ENTRY"> ID #00 </td>
<td> <a href="LINK TO LOCATION OBTAINED">DATE OF PROOF</a>
</td>
</tr>
<!--- END OF COMPANION THREE --->
</table>
<hr>
<div class="p-2" style="background-color:#faafbe;color:#fff;font-weight:bold;">
<span style="font-size:2rem; letter-spacing: 1.5px; font-family: ; padding-left:10px"> <i class="fa-solid fa-gem"></i> <i>Geneodes</i></span>
<hr class="flex-fill mt-auto mb-1 mx-2" style="background: #fff; height: 0.5px;">
</div>
<div class="container p-0">
<div class="container p-6 bg-primary" style="width: 100%">
</div></div>
<table class="table table-hover;"> <table width="100%" border="1" cellspacing="1" cellpadding="10">
<!--- header --->
<tr>
<th>Geneode Type</th>
<th>Ferrosome</th>
<th>Proof</th>
</tr>
<!--- START OF GENEODE ONE; to add a geneode, copy from here to the comment tagged “END OF GENEODE ONE” and paste it below --->
<tr>
<td> Pink </a>
</td>
<td> Head Fluff </td>
<td> <a href="LINK TO LOCATION OBTAINED">DATE OF PROOF</a>
</td>
</tr>
<!--- END OF GENEODE ONE --->
<!--- START OF GENEODE TWO; to remove a companion, delete from “START OF GENEODE #” to “END OF GENEODE #” --->
<tr>
<td> COLOR </td>
<td> FERROSOME </td>
<td> <a href="LINK TO LOCATION OBTAINED">DATE OF PROOF</a>
</td>
</tr>
<!--- END OF GENEODE TWO --->
<!--- START OF GENEODE THREE --->
<tr>
<td> COLOR </td>
<td> FERROSOME </td>
<td> <a href="LINK TO LOCATION OBTAINED">DATE OF PROOF</a>
</td>
</tr>
<!--- END OF GENEODE THREE --->
</table>
<hr>
<div class="p-2" style="background-color:#faafbe;color:#fff;font-weight:bold;">
<span style="font-size:2rem; letter-spacing: 1.5px; font-family: ; padding-left:10px"> <i class="fa-solid fa-palette"></i> <i>Artwork</i></span>
<hr class="flex-fill mt-auto mb-1 mx-2" style="background: #fff; height: 0.5px;">
</div>
<div class="container p-0">
<div class="container p-6 bg-primary" style="width: 100%">
</div></div>
<table class="table table-hover;"> <table width="100%" border="1" cellspacing="1" cellpadding="10">
<!--- header --->
<tr>
<th>Title of Artwork</th>
<th>Halogen Count</th>
<th>Droplux Count</th>
<th>Amber Leaf Count</th>
</tr>
<!--- START OF ARTWORK ONE; to add a piece, copy from here to the comment tagged “END OF ARTWORK ONE” and paste it below --->
<tr>
<td> <a href="LINK">TITLE</a>
</td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693309698614624296/Halogen.gif"> </td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693309802268327936/Droplux.gif"> </td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693310365307502602/Amber_Leaf.gif"> </a>
</td>
</tr>
<!--- END OF ARTWORK ONE --->
<!--- START OF ARTWORK TWO; to remove a piece, delete from “START OF ARTWORK #” to “END OF ARTWORK #” --->
<tr>
<td> <a href="LINK">TITLE</a>
</td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693309698614624296/Halogen.gif"> </td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693309802268327936/Droplux.gif"> </td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693310365307502602/Amber_Leaf.gif"> </a>
</td>
</tr>
<!--- END OF ARTWORK TWO --->
<!--- START OF ARTWORK THREE --->
<tr>
<td> <a href="LINK">TITLE</a>
</td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693309698614624296/Halogen.gif"> </td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693309802268327936/Droplux.gif"> </td>
<td> #/# <img src="https://media.discordapp.net/attachments/507880952593383424/693310365307502602/Amber_Leaf.gif"> </a>
</td>
</tr>
<!--- END OF ARTWORK THREE --->
</table>
<hr>
<div class="p-2" style="background-color:#faafbe;color:#fff;font-weight:bold;">
<span style="font-size:2rem; letter-spacing: 1.5px; font-family: ; padding-left:10px"> <i class="fa-solid fa-shield"></i> <i>Badges</i></span>
<hr class="flex-fill mt-auto mb-1 mx-2" style="background: #fff; height: 0.5px;">
</div>
<div align="center"><br>
<p><img src="URL" width="175"> <img src="URL" width="175"> <img src="URL" width="175"></p>
<hr>
<hr>
<div class="col-md-12 p-1">
<div class="p-1 text-right"><a data-toggle="tooltip" class="text-muted" title="Code Used" href="https://toyhou.se/10583979.masterlist"><i class="far fa-code"></i></a></div>
</div>
</div>
