@aladas-org/cryptocalc
Version:
Cryptocurrency wallet generator
668 lines (598 loc) • 30.8 kB
HTML
<html lang_x="en">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<title>Cryptowallet</title>
<!-- ----------------- prerequisite libraries ----------------- -->
<script type="text/javascript" src="./js/lib/iziToast.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/iziToast.css">
<script type="text/javascript" src="./js/lib/jquery-3.6.3.min.js"></script>
<script type="text/javascript" src="./js/lib/jquery-ui-1.13.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.min.css">
<script type="text/javascript" src="./js/lib/p5-1.6.0.min.js"></script>
<!-- ----------------- prerequisite libraries -->
<!-- ----------------- Renderer prerequisite modules ----------------- -->
<script type="text/javascript" src="./js/const_keywords.js"></script>
<script type="text/javascript" src="./js/view/const_gui.js"></script>
<script type="text/javascript" src="./js/util/values/string_utils.js"></script>
<script type="text/javascript" src="./js/util/values/number_utils.js"></script>
<script type="text/javascript" src="./js/util/html/w3.js"></script>
<script type="text/javascript" src="./js/util/html/html_utils.js"></script>
<script type="text/javascript" src="./js/util/color/color_console_codes.js"></script>
<script type="text/javascript" src="./js/util/log/log_utils.js"></script>
<script type="text/javascript" src="./js/view/gui_utils.js"></script>
<script type="text/javascript" src="./js/crypto/hex_utils.js"></script>
<script type="text/javascript" src="./js/crypto/const_blockchains.js"></script>
<script type="text/javascript" src="./js/crypto/const_wallet.js"></script>
<script type="text/javascript" src="./js/const_events.js"></script>
<script type="text/javascript" src="./js/view/gui_session.js"></script>
<script type="text/javascript" src="./js/view/model/wallet_info.js"></script>
<script type="text/javascript" src="./js/view/dialog_manager.js"></script>
<script type="text/javascript" src="./js/view/main_gui.js"></script>
<script type="text/javascript" src="./js/crypto/entropy_source/draw_entropy_mouse_move.js"></script>
<script type="text/javascript" src="./js/crypto/entropy_source/draw_entropy_dice_d6.js"></script>
<!-- ----------------- Renderer prerequisite modules -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<head>
<body>
<!-- =========================== Main ToolBar ============================= -->
<div w3-include-html="./vizjets/main_toolbar/main_toolbar.html"></div>
<!-- <link rel="stylesheet" type="text/css" href="./vizjets/main_toolbar/main_toolbar.css"> -->
<!-- =========================== Main ToolBar -->
<!-- ======================== Tab Pages buttons ======================== -->
<button class="tablink" id="seed_tab_link_id"
onclick="MainGUI.This.openTabPage('Seed', this, '#FFFFF0')">Entropy</button>
<button class="tablink" id="wallet_tab_link_id"
onclick="MainGUI.This.openTabPage('Wallet', this, '#F1FFFF')">Wallet</button>
<button class="tablink EmptyTabLink EmptyTabLinkBorders" id="empty_tab_link_id"> </button>
<!-- ======================== Tab Pages buttons -->
<!-- ========================== 'Entropy' Tab page =========================== -->
<div id="Seed" class="tabcontent">
<table class="inner SeedTabLayout">
<!-- <tr><td class="HorizontalBar" colspan="4"><br/></td></tr> -->
<!-- ---------------- Entropy Source ---------------- -->
<tr id="entropy_src_row">
<td class="LabelColumn">
<span id="entropy_src_label_id">Entropy Source</span>
<select id="entropy_src_type_selector_id"
class="InputField EntropySelector">
<option value="DiceD6" selected>D6 dices</option>
<option value="UserMove">Mouse moves</option>
<option value="Image">Image</option>
<option value="Fortunes">Fortunes</option>
</select>
</td>
<td colspan="2" class="FieldColumn">
<table width="100%">
<tr><td class="TextArea">
<!-- ======== Entropy source: Fortune ======== -->
<textarea class="RawDataField WithoutFocus"
id="entropy_src_fortunes_id"
rows="6" spellcheck="false" hidden>
</textarea>
<!-- ======== Entropy source: Fortune -->
<!-- ======== Entropy source: Images ======== -->
<table id="entropy_src_img_container_id">
<tr><td><div id="entropy_src_img_div_id"
ondrop="drop(e)" ondrag="drag(e)"
ondragover="allowDrop(e)">
<img id="entropy_src_img_id" style="object-fit: none;"
src="img/MazePattern.png" draggable="true">
<script>function allowDrop(e) { e.preventDefault(); }
function drag(e) { e.preventDefault(); }
</script>
</div>
</td>
<td> <p style="display:inline">
Drag an image in <br> the white rectangle</p>
</td>
</tr>
</table>
<!-- ======== Entropy source: Images -->
<!-- ======== Entropy source: Mouse Moves ======== -->
<div id="entropy_src_mouse_move_container_id" hidden>
<table>
<tr>
<td>
<div id="entropy_src_mouse_move_div_id">
</div>
<td>
<td>
<button class="UserMoveButton"
id="entropy_mouse_move_new_btn_id">New points...
</button><br><br>
<span class="MouseMoveInfo">* Click on [New points...] and move the mouse
<br> pointer over the grey area to provide Entropy</span>
<br><br>
<span class="MouseMoveInfo">* NB: You can still use the [Generate]
<br> button to generate Entropy automatically</span>
</td>
</tr>
</table>
</div>
<!-- ======== Entropy source: Mouse Moves -->
<!-- ======== Entropy source: d6 Dices ======== -->
<div id="entropy_src_dice_d6_container_id" hidden> <!-- hidden -->
<div id="entropy_src_dice_d6_div_id">
</div>
</div>
<!-- ======== Entropy source: d6 Dices -->
</td>
</tr>
</table>
</td>
</tr>
<!-- ------------------ Entropy Source -->
<!-- ----------------- Salt (UUID) ----------------- -->
<tr id="salt_row"><td class="LabelColumn">Salt</td>
<td colspan="2" class="FieldColumn">
<!-- <input type="checkbox" id="use_salt_id" name="use" checked /> -->
<span class="SaltValue" id="salt_id">XX</span>
</td>
</tr>
<!-- ------------------ Salt (UUID) -->
<!-- ---------------- Entropy (128...256 bits) ----------------- -->
<!-- <tr><td class="HorizontalBar" colspan="4"><hr></td></tr> -->
<tr><td class="LabelColumn">
<span id="entropy_label_id">Entropy</span> <!-- ---- Entropy Label ---- -->
<select class="InputField LabelValueSelector"
id="entropy_size_select_id" hidden>
<option value="128">128 bits</option>
<option value="160">160 bits</option>
<option value="192">192 bits</option>
<option value="224">224 bits</option>
<option value="256" selected>256 bits</option>
</select>
<div class="SimpleWalletLabel"
id="sw_entropy_size_id"> 256 bits</div>
</td>
<td colspan="2" class="FieldColumn">
<!-- ---------- Entropy value ---------- -->
<div class="DataFieldWithButton_Container"
id="entropy_container_id">
<input
class="RawDataFieldWithButton WithoutFocus ValidValue EntropyInput"
id="entropy_id" type="text"
minlength="32" maxlength="32"
value="FF"/>
<button class="SmallButton" id="entropy_copy_btn_id">
<img src="icons/copy_16px_icn.png"
alt="Copy to Clipboard" border="0"/>
</button>
</div>
<!-- ---------- Entropy value -->
</td>
</tr>
<!-- ----------------------- Entropy (128/256 bits) -->
<!-- ----------------------- Bip39 passphrase ----------------------- -->
<tr id="bip32_passphrase_row_id">
<td class="LabelColumn">
<span id="password_label_id">Bip39 passphrase</span>
</td>
<td colspan="2" class="FieldColumn">
<div id="password_container_id" class="DataFieldWithButton_Container">
<input class="PasswordFielWithoutApplyButton EntropyInput ReadOnlyField"
id="bip32_passphrase_id" type="password"
minlength="4" maxlength="128" value="" readonly/>
<button class="SmallButton" id="edit_bip39_passphrase_btn_id"
title="Show/Edit Bip39 passphrase">
<img id="edit_btn_img_id" src="icons/edit_16px.png" border="0"/>
</button>
<button class="SmallButton" id="eye_btn_id"
title="Show/Hide Bip39 passphrase">
<img id="eye_btn_img_id" src="icons/eye_closed_16px.png" border="0"/>
</button>
<button class="SmallButton" id="generate_bip39_passphrase_btn_id"
title="Random Bip39 passphrase">
<img id="generate_bip39_passphrase_btn_img_id" src="icons/regenerate_16px_icn.png" border="0"/>
</button>
<button class="SmallButton" id="clear_bip39_passphrase_btn_id"
title="Clear Bip39 passphrase">
<img id="clear_bip39_passphrase_btn_img_id" src="icons/delete_16px_icn.png" border="0"/>
</button>
</div>
<!-- ------------ Bip39 Passphrase Strength ------------ -->
<div id="bip32_passphrase_strength_container_id" hidden>
<table id="bip32_passphrase_str_table_id">
<tr>
<td id="bip32_passphrase_str_col_bar_id">
<progress id="bip32_passphrase_strength_id" class="Bip32PassphraseStrength"
max="100" value="0" title=""></progress>
</td>
<td id="bip32_passphrase_str_col_label_id">
<span id="bip32_passphrase_strength_label_id">very weak</span>
</td>
</tr>
</table>
</div>
<!-- ------------ Bip39 Passphrase Strength -->
</td>
</tr>
<!-- ----------------------- Bip39 passphrase -->
<!-- ----------------------- Checksum ----------------------- -->
<tr hidden><td class="LabelColumn">
<span id="checksum_label_id">Checksum</span>
</td>
<td colspan="2" class="FieldColumn">
<span id="checksum_id">XX</span>
</td>
</tr>
<!-- ----------------------- Checksum -->
<!-- ----------------------- Secret phrase (Mnemonics) ------------------------ -->
<tr><td class="LabelColumn">
<span>Secret phrase</span>
<!-- https://www.andiamo.co.uk/resources/iso-lang_xuage-codes/ -->
<select class="InputField LabelValueSelector"
id="lang_select_id">
<option value="EN" selected>English</option>
<option value="DE">Deutsch</option>
<option value="FR">French</option>
<option value="ES">Spanish</option>
<option value="PT">Portuguese</option>
<option value="IT">Italian</option>
<option value="EO">Esperanto</option>
<option value="LA">Latin</option>
<option value="CS">Czech</option>
<option value="RU">Russian</option>
<option value="EL">Greek</option>
<option value="SC">Simplified Chinese</option>
<option value="TC">Traditional Chinese</option>
<option value="JP">Japanese</option>
<option value="KO">Korean</option>
<option value="HI">Hindi</option>
<option value="BN">Bengali</option>
<option value="GU">Gujarati</option>
</select>
<select id="word_count_select_id"
class="InputField LabelValueSelector">
<option value="12" selected>12 words</option>
<option value="15">15 words</option>
<option value="18">18 words</option>
<option value="21">21 words</option>
<option value="24">24 words</option>
</select>
<div class="SimpleWalletLabel"
id="sw_word_count_id"> 24 words</div>
</td>
<td class="FieldColumn" colspan="2">
<div class="DataFieldWithButton_Container"
id="seedphrase_container_id">
<textarea class="RawDataFieldWithButton WithoutFocus"
rows="2" spellcheck="false"
id="mnemonics_id">XX
</textarea>
<button class="SmallButton" id="mnemonics_copy_btn_id">
<img src="icons/copy_16px_icn.png"
alt="Copy to Clipboard" border="0"/>
</button>
</div>
<textarea class="RawDataField WithoutFocus" rows="2" readonly
id="mnemonics_4letter_id">XX
</textarea>
</td>
</tr>
<!-- ----------------------- Secret phrase (Mnemonics) -->
<!-- ---------------------- Word Indexes ----------------------- -->
<tr><td class="LabelColumn">
<span id="word_indexes_label_id">Word Indexes</span>
<select class="InputField LabelValueSelector"
id="word_indexes_base_id">
<option value="Decimal" selected>Decimal</option>
<option value="Binary">Binary</option>
</select>
</td>
<td class="FieldColumn" colspan="2">
<textarea class="RawDataField WithoutFocus"
rows="2" spellcheck="false"
id="word_indexes_id">XX
</textarea>
</td>
</tr>
<!-- ---------------------- Word Indexes -->
<!-- ---------------------- Bip38 (Non-EC) Passphrase ----------------------- -->
<tr id="bip38_passphrase_row_id"><td class="LabelColumn">
<span id="bip38_passphrase_label_id">Bip38 (Non-EC) passphrase</span>
</td>
<td colspan="2" class="FieldColumn">
<div class="DataFieldWithButton_Container"
id="bip38_passphrase_container_id">
<input class="PasswordFielWithoutApplyButton EntropyInput"
id="bip38_passphrase_id" type="password"
minlength="4" maxlength="128" value=""/>
<button class="SmallButton" id="bip38_passphrase_eye_btn_id"
title="Show/Hide Bip38 passphrase">
<img id="bip38_passphrase_eye_btn_img_id" src="icons/eye_closed_16px.png" border="0"/>
<button class="SmallButton" id="generate_bip38_passphrase_btn_id"
title="Random Bip38 passphrase">
<img id="generate_bip38_passphrase_btn_img_id" src="icons/regenerate_16px_icn.png" border="0"/>
</button>
<button class="SmallButton" id="clear_bip38_passphrase_btn_id"
title="Clear Bip38 passphrase">
<img id="clear_bip38_passphrase_btn_img_id" src="icons/delete_16px_icn.png" border="0"/>
</button>
</div>
<!-- ------------ Bip38 Passphrase Strength ------------ -->
<div id="bip38_passphrase_strength_container_id" hidden>
<table id="bip38_passphrase_str_table_id">
<tr class="Bip38PassphraseStrength">
<td id="bip38_passphrase_str_col_bar_id">
<progress id="bip38_passphrase_strength_id" class="Bip38PassphraseStrength"
max="100" value="0" title=""></progress>
</td>
<td id="bip38_passphrase_str_col_label_id">
<span id="bip38_passphrase_strength_label_id">very weak</span>
</td>
</tr>
</table>
</div>
<!-- ------------ Bip38 Passphrase Strength -->
</td>
</tr>
<!-- ---------------------- Bip38 (Non-EC) Passphrase -->
<tr><td colspan="4"></td></tr>
</table>
</div>
<!-- =================================== 'Entropy' Tab page -->
<!-- ========================================================================================= -->
<!-- =================================== 'Wallet' Tab page =================================== -->
<!-- ========================================================================================= -->
<div id="Wallet" class="tabcontent">
<table>
<tr><td class="HorizontalBar" colspan="4"><br></td></tr>
<!-- ---------------------- Wallet Mode ---------------------- -->
<tr><td class="LabelColumn">Wallet Mode</td>
<td colspan="2" class="FieldColumn">
<select class="InputField ValueSelector"
id="wallet_mode_select_id">
<option value="Simple Wallet" selected>Simple Wallet</option>
<option value="HD Wallet" selected>HD Wallet</option>
<option value="SWORD Wallet" selected>SWORD Wallet</option>
</select>
</td>
</tr>
<!-- ---------------------- Wallet Mode -->
<!-- ----------------------- Blockchain ----------------------- -->
<tr><td class="LabelColumn" id="wallet_blockchain_label_id">Blockchain</td>
<td colspan="2" class="FieldColumn">
<select class="InputField ValueSelector"
id="wallet_blockchain_id" >
<option value="XX" selected>XX</option>
</select>
<span id="wallet_coin_id">XX
</span>
</td>
</tr>
<!-- ----------------------- Blockchain -->
<!-- -------------------- Derivation Path --------------------- -->
<tr id="derivation_path_row"><td class="LabelColumn">
<span id="derivation_path_label_id">Derivation Path</span>
</td>
<td class="FieldColumn" colspan="2">
<table>
<tr>
<td class="Bip32Cell Bip32CellHeader">Root Node</td>
<td class="Bip32Cell Bip32CellHeader">Purpose</td>
<td class="Bip32Cell Bip32CellHeader">Coin Type</td>
<td class="Bip32Cell Bip32CellHeader">Account</td>
<td class="Bip32Cell Bip32CellHeader">Change</td>
<td class="Bip32Cell Bip32CellHeader">Address Index</td>
</tr>
<tr>
<td class="Bip32Cell">m/</td>
<td class="Bip32Cell" id="purpose_id">
<select class="InputField LabelValueSelector EditableSelect"
id="bip32_protocol_id">
<option value="44" selected>44</option>
<option value="84">84</option>
<option value="1852" hidden>1852</option>
</select> '/
</td>
<td id="coin_type_id"
class="Bip32Cell">0'</td>
<td class="Bip32Cell">
<input id="account_id" type="text" class="Bip32CellValue"
value="0" maxlength="6"/><span id="account_suffix_id"> '/</span>
<span id="account_readonly_id" hidden>0'/</span>
</td>
<td class="Bip32Cell" id="change_id">0/</td>
<td class="Bip32Cell">
<input id="address_index_id" type="text"
class="Bip32CellValue"
value="0" maxlength="6"/>
<span id="address_hardened_suffix_id"></span>
<span id="address_index_readonly_id" hidden>0</span>
<span>'</span>
</td>
</tr>
</table>
</td>
</tr>
<!-- -------------------- Derivation Path -->
<!-- ------------------------- Address ------------------------ -->
<tr><td class="LabelColumn" id="address_label_id">Address</td>
<td colspan="2" class="FieldColumn">
<span id="address_id">FF
</span>
<a id="wallet_URL_link_id" class="WalletButtonLink"
href="https://etherscan.io" target="_blank" rel="noreferrer">
<input class="WalletButton" type="button"
id="wallet_explore_btn_id" value=" Explore ">
</a>
<a id="marketcap_URL_link_id" class="WalletButtonLink"
href="https://etherscan.io" target="_blank" rel="noreferrer">
<input class="MarketcapButton" type="button"
id="marketcap_btn_id" value="Marketcap">
</a>
<a id="cryptoshape_URL_link_id"
href="https://aladas-org.github.io/aladas.github.io/" target="_blank" rel="noreferrer">
<input class="CryptoshapeButton" type="button"
id="cryptoshape_btn_id" value="3D">
</a>
</td>
</tr>
<!-- ----------------------- Address -->
<!-- ----------------------- Private Key ----------------------- -->
<tr><td class="HorizontalBar" colspan="4"><hr></td></tr>
<tr id="tr_1st_PK_id">
<td class="LabelColumn"
id="pk_label_id">Private Key</td>
<td colspan="2" class="FieldColumn">
<div class="DataFieldWithButton_Container"
id="wlt_pk_container_id">
<input class="RawDataField WithoutFocus ValidValue" readonly
id="private_key_id" type="text" value="XX">
<button class="CopyButton"
id="pk_copy_btn_id">
<img src="icons/copy_16px_icn.png"
alt="Copy to Clipboard" border="0"/>
</button>
</div>
</td>
</tr>
<!-- ----------------------- Private Key -->
<!-- --------------- Secret phrase (Simple Wallet) ---------------- -->
<tr id="tr_sw_mnemonics_id">
<td class="LabelColumn">Secret phrase</td>
<td colspan="2" class="FieldColumn">
<div class="DataFieldWithButton_Container"
id="seedphrase_container_id">
<textarea
class="RawDataFieldWithButton WithoutFocus"
rows="2" spellcheck="false" readonly
id="sw_mnemonics_id">XX
</textarea>
<button class="CopyButton" id="sw_mnemonics_copy_btn_id">
<img src="icons/copy_16px_icn.png"
alt="Copy to Clipboard" border="0"/>
</button>
</div>
</td>
</tr>
<!-- --------------- Secret phrase (Simple Wallet) -->
<!-- -------------------------- WIF --------------------------- -->
<tr id="tr_wif_id">
<td class="LabelColumn" id="wif_label_id">WIF</td>
<td colspan="2" class="FieldColumn">
<div class="DataFieldWithButton_Container"
id="seedphrase_container_id">
<span id="wif_id">
</span>
<button class="CopyButton" id="sw_wif_copy_btn_id">
<img src="icons/copy_16px_icn.png"
alt="Copy to Clipboard" border="0"/>
</button>
</div>
</td>
</tr>
<!-- ----------------------- WIF -->
<!-- ----------------------- PRIV_KEY ------------------------- -->
<tr id="tr_priv_key_id">
<td class="LabelColumn" id="priv_key_label_id">PRIV_KEY</td>
<td colspan="2" class="FieldColumn">
<span id="priv_key_id">
</span>
</td>
</tr>
<!-- ------------------------- PRIV_KEY -->
<tr><td colspan="4"></td></tr>
</table>
</div>
<!-- =================================== 'Wallet' Tab page -->
<!-- ----------------------- Buttons Bar ----------------------- -->
<table class="ButtonsBar" id="buttons_bar_container" width="100%">
<tr><td class="HorizontalBar" colspan="3"><hr></td></tr>
<tr id="buttons_bar">
<td id="left_BtnBar_item_id" width="25%" hidden>
<center><span> <span></center>
</td>
<td>
<center><input class="GenerateButton"
type="button" id="random_btn_id" value="Generate">
</center>
</td>
<td id="right_BtnBar_item_id" hidden>
<center>
<input class="RefreshButton BlinkingButton"
type="button" id="refresh_btn_id" value="Refresh">
</center>
</td>
</tr>
</table>
<!-- ----------------------- Buttons Bar -->
<!-- ================================================================================================ -->
<!-- ================================== Tools / Options dialog ====================================== -->
<!-- ================================================================================================ -->
<div class="DialogBox" id="tools_options_dialog_id"
w3-include-html="./vizjets/tools_options_dialog/tools_options_dialog.html"
title="Options" hidden></div>
<link rel="stylesheet" type="text/css" href="./vizjets/tools_options_dialog/tools_options_dialog.css">
<script src="./vizjets/tools_options_dialog/tools_options_dialog.js"></script>
<!-- ==================================== Tools Options dialog -->
<!-- ================================================================================================ -->
<!-- ============================ Tools / Database Management dialog ================================ -->
<!-- ================================================================================================ -->
<div class="DialogBox" id="tools_db_management_dialog_id"
w3-include-html="./vizjets/tools_db_management_dialog/tools_db_management_dialog.html"
title="Database Management" hidden></div>
<link rel="stylesheet" type="text/css" href="./vizjets/tools_db_management_dialog/tools_db_management_dialog.css">
<script src="./vizjets/tools_db_management_dialog/tools_db_management_dialog.js"></script>
<!-- ============================ Database Management dialog -->
<!-- ================================================================================================ -->
<!-- =========================== Tools / Bip38 Encrypt/Decrypt dialog =============================== -->
<!-- ================================================================================================ -->
<div class="DialogBox" id="bip38_encrypt_decrypt_dialog_id"
w3-include-html="./vizjets/bip38_encrypt_decrypt_dialog/bip38_encrypt_decrypt_dialog.html"
title="Bip38 Encrypt / Decrypt" hidden></div>
<link rel="stylesheet" type="text/css" href="./vizjets/bip38_encrypt_decrypt_dialog/bip38_encrypt_decrypt_dialog.css">
<script src="./vizjets/bip38_encrypt_decrypt_dialog/bip38_encrypt_decrypt_dialog.js"></script>
<!-- =========================== Tools / Bip38 Encrypt/Decrypt dialog -->
<!-- ================================================================================================ -->
<!-- =============================== Bip38 Progress Bar dialog ================================== -->
<!-- ================================================================================================ -->
<div class="DialogBox" id="bip38_progress_bar_dialog_id"
w3-include-html="./vizjets/bip38_progress_bar_dialog/bip38_progress_bar_dialog.html"
title="Bip38 Encrypt/Decrypt Progress" hidden></div>
<link rel="stylesheet" type="text/css" href="./vizjets/bip38_progress_bar_dialog/bip38_progress_bar_dialog.css">
<script src="./vizjets/bip38_progress_bar_dialog/bip38_progress_bar_dialog.js"></script>
<!-- =========================== Bip38 Progress Bar dialog -->
<!-- ================================================================================================ -->
<!-- ============================ Secret phrase Translator dialog =============================== -->
<!-- ================================================================================================ -->
<div class="DialogBox" id="tools_secret_phrase_translator_dialog_id"
w3-include-html="./vizjets/secret_phrase_translator_dialog/secret_phrase_translator_dialog.html"
title="Secret phrase Translator" hidden></div>
<link rel="stylesheet" type="text/css" href="./vizjets/secret_phrase_translator_dialog/secret_phrase_translator_dialog.css">
<script src="./vizjets/secret_phrase_translator_dialog/secret_phrase_translator_dialog.js"></script>
<!-- =========================== Secret phrase Translator dialog -->
<!-- ================================================================================================ -->
<!-- ============================ Entropy Converter dialog =============================== -->
<!-- ================================================================================================ -->
<div class="DialogBox" id="tools_entropy_converter_dialog_id"
w3-include-html="./vizjets/entropy_converter_dialog/entropy_converter_dialog.html"
title="Entropy Converter" hidden></div>
<link rel="stylesheet" type="text/css" href="./vizjets/entropy_converter_dialog/entropy_converter_dialog.css">
<script src="./vizjets/entropy_converter_dialog/entropy_converter_dialog.js"></script>
<!-- =========================== Entropy Converter dialog -->
<!-- ================================================================================================ -->
<!-- ========================= Bip39/Bip38 Passphrase dialog ============================ -->
<!-- ================================================================================================ -->
<div class="DialogBox" id="passphrase_dialog_id"
w3-include-html="./vizjets/passphrase_dialog/passphrase_dialog.html"
title="Bip39 Passphrase Input" hidden></div>
<link rel="stylesheet" type="text/css" href="./vizjets/passphrase_dialog/passphrase_dialog.css">
<script src="./vizjets/passphrase_dialog/passphrase_dialog.js"></script>
<!-- =========================== Bip39/Bip38 Passphrase dialog -->
<!-- ================================================================================================ -->
<!-- ====================================== Status bar ====================================== -->
<!-- ================================================================================================ -->
<div w3-include-html="./vizjets/status_bar/status_bar.html"></div>
<link rel="stylesheet" type="text/css" href="./vizjets/status_bar/status_bar.css">
<!-- ========================================= Status bar -->
<script>
includeHTML(); // includes html <div> entities with 'w3-include-html' attribute
</script>
</body>
</html>