253 lines
7.2 KiB
HTML
253 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Apex Legends Randomizer</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script type="text/javascript" src="script.js"></script>
|
|
<meta charset="UTF-8">
|
|
</head>
|
|
<body>
|
|
<center>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<img src="images/logo.png" height=100em/>
|
|
</td>
|
|
<td>
|
|
<h1>APEX LEGENDS RANDOMIZER</h1>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
<hr>
|
|
<!-- All Section -->
|
|
<center>
|
|
<div class="all_check">
|
|
<input type="checkbox" id="all_check1" name="all_check1" checked/>
|
|
<label for="all_check1">Randomize Legend</label>
|
|
</div>
|
|
|
|
<div class="all_check">
|
|
<input type="checkbox" id="all_check2" name="all_check2" checked/>
|
|
<label for="all_check2">Randomize Weapons</label>
|
|
</div>
|
|
|
|
<div class="all_check">
|
|
<input type="checkbox" id="all_check3" name="all_check3" checked/>
|
|
<label for="all_check3">Randomize Attachments</label>
|
|
</div>
|
|
</center>
|
|
<br>
|
|
<center>
|
|
<svg class="svg_btn" viewBox="0 0 200 25" onclick="all_func()">
|
|
<text x="100" y="17.5" fill="#FFFFFF" text-anchor="middle" font-size="0.75em">RANDOMIZE SELECTED</text>
|
|
<path d="M 5 0 L 195 0 L 200 5 L 200 20 L 195 25 L 5 25 L 0 20 L 0 5 Z" fill="#FFFFFF30" stroke="#FFFFFF" stroke-width="2"/>
|
|
</svg>
|
|
</center>
|
|
<hr>
|
|
<!-- Legend Section -->
|
|
<center>
|
|
<svg class="svg_btn" viewBox="0 0 200 25" width="500px" onclick="randomize_legend()">
|
|
<text x="100" y="17.5" fill="#FFFFFF" text-anchor="middle" font-size="0.75em">RANDOMIZE LEGEND</text>
|
|
<path d="M 5 0 L 195 0 L 200 5 L 200 20 L 195 25 L 5 25 L 0 20 L 0 5 Z" fill="#FFFFFF30" stroke="#FFFFFF" stroke-width="2"/>
|
|
</svg>
|
|
</center>
|
|
<br>
|
|
<center>
|
|
<!-- Legend Text Table -->
|
|
<table>
|
|
<tr>
|
|
<td rowspan="2">
|
|
<img src="" id="icon_img"/>
|
|
</td>
|
|
<td style="width: 20em; padding: 0;">
|
|
<p id="legend_name"></p>
|
|
</td>
|
|
<td style="width: 2em; text-align:right">
|
|
<img src="" id="class_img"/>
|
|
</td>
|
|
<td style="width: 10em; text-align:left">
|
|
<p id="legend_class"></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 20em;">
|
|
<p id="legend_desc"></p>
|
|
</td>
|
|
<td style="width: 2em; text-align:right">
|
|
<img src="" id="mod_img"/>
|
|
</td>
|
|
<td style="width: 10em; text-align:left">
|
|
<p id="legend_mod"></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
<br>
|
|
<center>
|
|
<!-- Legend Ability Table -->
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
</td>
|
|
<td class="ability_bg" id="ultimate_bg" rowspan="3">
|
|
<img src="" class="ability_img" id="ultimate_img"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="ability_bg" id="passive_bg">
|
|
<img src="" class="ability_img" id="passive_img"/>
|
|
</td>
|
|
<td class="ability_bg" id="tactical_bg">
|
|
<img src="" class="ability_img" id="tactical_img"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="ability_txt_td">
|
|
<p class="ability_txt" id="passive_name"></p>
|
|
</td>
|
|
<td class="ability_txt_td">
|
|
<p class="ability_txt" id="tactical_name"></p>
|
|
</td>
|
|
<td class="ability_txt_td">
|
|
<p class="ability_txt" id="ultimate_name"></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
<hr>
|
|
<!-- Weapon Section -->
|
|
<center>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="weapon_check" name="weapon_check" checked/>
|
|
<label for="weapon_check">Prevent Duplicate Weapons</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<svg class="svg_btn" viewBox="0 0 200 25" onclick="randomize_weapons()">
|
|
<text x="100" y="16.25" fill="#FFFFFF" text-anchor="middle" font-size="0.75em">RANDOMIZE WEAPONS</text>
|
|
<path d="M 5 0 L 195 0 L 200 5 L 200 20 L 195 25 L 5 25 L 0 20 L 0 5 Z" fill="#FFFFFF30" stroke="#FFFFFF" stroke-width="2"/>
|
|
</svg>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="attachment_check" name="attachment_check" checked/>
|
|
<label for="attachment_check">Do Not Generate Optics</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<svg class="svg_btn" viewBox="0 0 200 25" onclick="randomize_attachments()">
|
|
<text x="100" y="16.25" fill="#FFFFFF" text-anchor="middle" font-size="0.75em">RANDOMIZE ATTACHMENTS</text>
|
|
<path d="M 5 0 L 195 0 L 200 5 L 200 20 L 195 25 L 5 25 L 0 20 L 0 5 Z" fill="#FFFFFF30" stroke="#FFFFFF" stroke-width="2"/>
|
|
</svg>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</center>
|
|
<center>
|
|
<table>
|
|
<!-- Weapon Name Row -->
|
|
<tr>
|
|
<td colspan="5">
|
|
<p class="weapon_name" id="weapon1_name"></p>
|
|
</td>
|
|
<td colspan="5">
|
|
<p class="weapon_name" id="weapon2_name"></p>
|
|
</td>
|
|
</tr>
|
|
<!-- Weapon IMG Row -->
|
|
<tr>
|
|
<td colspan="5" class="weapon_bg" id="weapon1_bg">
|
|
<img src="" class="weapon_img" id="weapon1_img" />
|
|
<img src="" class="ammo_img" id="weapon1_ammo_img" />
|
|
</td>
|
|
<td colspan="5" class="weapon_bg" id="weapon2_bg">
|
|
<img src="" class="weapon_img" id="weapon2_img" />
|
|
<img src="" class="ammo_img" id="weapon2_ammo_img" />
|
|
</td>
|
|
</tr>
|
|
<!-- Attachments IMG Row -->
|
|
<tr>
|
|
<td class="attachment_bg" id="weapon1_attachment1_bg">
|
|
<img src="" class="attachment_img" id="weapon1_attachment1_img"/>
|
|
</td>
|
|
<td class="attachment_bg" id="weapon1_attachment2_bg">
|
|
<img src="" class="attachment_img" id="weapon1_attachment2_img"/>
|
|
</td>
|
|
<td class="attachment_bg" id="weapon1_attachment3_bg">
|
|
<img src="" class="attachment_img" id="weapon1_attachment3_img"/>
|
|
</td>
|
|
<td class="attachment_bg" id="weapon1_attachment4_bg">
|
|
<img src="" class="attachment_img" id="weapon1_attachment4_img"/>
|
|
</td>
|
|
<td class="attachment_bg" id="weapon1_attachment5_bg">
|
|
<img src="" class="attachment_img" id="weapon1_attachment5_img"/>
|
|
</td>
|
|
|
|
<td class="attachment_bg" id="weapon2_attachment1_bg">
|
|
<img src="" class="attachment_img" id="weapon2_attachment1_img"/>
|
|
</td>
|
|
<td class="attachment_bg" id="weapon2_attachment2_bg">
|
|
<img src="" class="attachment_img" id="weapon2_attachment2_img"/>
|
|
</td>
|
|
<td class="attachment_bg" id="weapon2_attachment3_bg">
|
|
<img src="" class="attachment_img" id="weapon2_attachment3_img"/>
|
|
</td>
|
|
<td class="attachment_bg" id="weapon2_attachment4_bg">
|
|
<img src="" class="attachment_img" id="weapon2_attachment4_img"/>
|
|
</td>
|
|
<td class="attachment_bg" id="weapon2_attachment5_bg">
|
|
<img src="" class="attachment_img" id="weapon2_attachment5_img"/>
|
|
</td>
|
|
</tr>
|
|
<!-- Attachments Txt Row -->
|
|
<tr>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon1_attachment1_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon1_attachment2_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon1_attachment3_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon1_attachment4_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon1_attachment5_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon2_attachment1_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon2_attachment2_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon2_attachment3_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon2_attachment4_txt"></p>
|
|
</td>
|
|
<td class="attachment_txt_bg">
|
|
<p class="attachment_txt" id="weapon2_attachment5_txt"></p>
|
|
</td>
|
|
</tr>
|
|
</center>
|
|
|
|
</body>
|
|
</html>
|