You've already forked BitBox-Web
mirror of
https://github.com/MrLyallCSIT/BitBox-Web.git
synced 2026-01-18 07:09:38 +00:00
1 line
8.0 KiB
HTML
1 line
8.0 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>Binary Box Simulator</title><link rel="icon" type="image/png" sizes="1080x1080" href="assets/img/Bit%20Box%20Logo.png"><link rel="icon" type="image/png" sizes="1080x1080" href="assets/img/Bit%20Box%20Logo.png"><link rel="icon" type="image/png" sizes="1080x1080" href="assets/img/Bit%20Box%20Logo.png"><link rel="icon" type="image/png" sizes="1080x1080" href="assets/img/Bit%20Box%20Logo.png"><link rel="icon" type="image/png" sizes="1080x1080" href="assets/img/Bit%20Box%20Logo.png"><link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"><link rel="stylesheet" href="assets/css/styles.min.css"></head><body style="background: rgb(0,0,0);color: rgb(255,255,255);--bs-body-color: #FFFFFF;--bs-body-bg: #000000;--bs-primary: #dc3545;--bs-primary-rgb: 220,53,69;--bs-secondary: #198754;--bs-secondary-rgb: 25,135,84;--bs-dark: #000000;--bs-dark-rgb: 0,0,0;border-style: none;"><div class="container" style="width: 100%;margin-top: 15px;"><div class="row"><div class="col-md-6 col-xl-1 container centred" style="margin: 0;margin-top: 0;width: 127px;"><header style="width: 100px;"><a href="index.html" style="color: #10ff00;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor" class="homeIcon"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M511.8 287.6L512.5 447.7C512.5 450.5 512.3 453.1 512 455.8V472C512 494.1 494.1 512 472 512H456C454.9 512 453.8 511.1 452.7 511.9C451.3 511.1 449.9 512 448.5 512H392C369.9 512 352 494.1 352 472V384C352 366.3 337.7 352 320 352H256C238.3 352 224 366.3 224 384V472C224 494.1 206.1 512 184 512H128.1C126.6 512 125.1 511.9 123.6 511.8C122.4 511.9 121.2 512 120 512H104C81.91 512 64 494.1 64 472V360C64 359.1 64.03 358.1 64.09 357.2V287.6H32.05C14.02 287.6 0 273.5 0 255.5C0 246.5 3.004 238.5 10.01 231.5L266.4 8.016C273.4 1.002 281.4 0 288.4 0C295.4 0 303.4 2.004 309.5 7.014L416 100.7V64C416 46.33 430.3 32 448 32H480C497.7 32 512 46.33 512 64V185L564.8 231.5C572.8 238.5 576.9 246.5 575.8 255.5C575.8 273.5 560.8 287.6 543.8 287.6L511.8 287.6z"></path></svg></a></header></div><div class="col-xl-1" style="width: 127px;"><div class="reset" style="position: relative;top: 0;left: 0;"><p style="font-weight: 600;color: black;text-align: center;position: absolute;top: 25%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%);">Reset bit:box</p><div style="position: absolute;top: 0;left: 0;"><img class="overlay" src="assets/img/Bit%20Box%20Logo.png" onclick="resetSimulator()" style="z-index: -1;"></div></div></div><div class="col" style="width: 45%;"><div class="row"><div class="col"><h1 style="text-align: center;font-family: 'Seven Segment Regular';">Denary</h1></div></div><div class="row"><div class="col"><h1 id="denaryNumber" style="text-align: center;color: #10ff00;font-family: 'DSEG7 Classic Regular';">0</h1></div></div><div class="row"><div class="col" style="height: 56px;"></div></div><div class="row"><div class="col" style="height: 56px;"></div></div></div><div class="col-md-6" style="width: 30%;"><div class="row"><div class="col" style="height: 56px;"><h1 style="text-align: center;font-family: 'Seven Segment Regular';">Binary</h1></div></div><div class="row"><div class="col" style="height: 56px;"><h1 id="binaryNumber" style="text-align: center;color: #10ff00;font-family: 'DSEG7 Classic Regular';">000000000</h1></div></div><div class="row"><div class="col"><h1 style="text-align: center;font-family: 'Seven Segment Regular';">Hexadecimal</h1></div></div><div class="row"><div class="col"><h1 id="hexadecimalNumber" style="text-align: center;color: #10ff00;font-family: 'DSEG7 Classic Regular';">00</h1></div></div></div></div></div><div class="table-responsive text-center d-xl-flex justify-content-xl-center"><table class="table table-borderless"><thead><tr><th class="stacked"><h1 id="blb2" class="bulbs">💡<br></h1></th><th class="stacked"><h1 id="blb1" class="bulbs">💡<br></h1></th></tr></thead><tbody><tr><td><h1 style="text-align: center;font-family: 'DSEG7 Classic Regular';">16</h1></td><td><h1 style="text-align: center;font-family: 'DSEG7 Classic Regular';">1</h1></td></tr><tr><td class="text-center high-toggle"><button class="btn btn-primary btnActive btnUp" id="swt2up-1" style="margin-top: 10px;text-align: center;margin-bottom: 0px;" onclick="toggleUp16()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M352 352c-8.188 0-16.38-3.125-22.62-9.375L192 205.3l-137.4 137.4c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25C368.4 348.9 360.2 352 352 352z"></path></svg></button></td><td class="text-center high-toggle"><button class="btn btn-primary btnActive btnUp" id="swt1up-1" style="margin-top: 10px;text-align: center;margin-bottom: 0px;" onclick="toggleUp1()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M352 352c-8.188 0-16.38-3.125-22.62-9.375L192 205.3l-137.4 137.4c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25C368.4 348.9 360.2 352 352 352z"></path></svg></button></td></tr><tr><td class="text-center mid-toggle"><button class="btn btn-primary btnDown" id="swt2down-1" type="button" style="margin-top: 0px;text-align: center;margin-bottom: 10px;" onclick="toggleDown16()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"></path></svg></button></td><td class="text-center mid-toggle"><button class="btn btn-primary btnDown" id="swt1down-1" type="button" style="margin-top: 0px;text-align: center;margin-bottom: 10px;" onclick="toggleDown1()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"></path></svg></button></td></tr><tr><td class="text-center"><button class="btn btn-primary warning" id="swt2reset-1" type="button" style="margin-top: 10px;text-align: center;margin-bottom: 10px;" onclick="resetPlace16()">Reset</button></td><td class="text-center"><button class="btn btn-primary warning" id="swt1reset-1" type="button" style="margin-top: 10px;text-align: center;margin-bottom: 10px;" onclick="resetPlace1()">Reset</button></td></tr></tbody></table></div><footer></footer><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script><script src="assets/js/script.min.js"></script></body></html> |