Update index.html

This commit is contained in:
2025-09-11 22:56:04 -07:00
parent 61d9df2831
commit bd66c9c39e

View File

@@ -1,143 +1,145 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<div id="overbar"><p>inØsight 2.1.0<a id="homepage" href="https://github.com/planetrenox/inzerosight" target="_blank">source</a></p></div> <div id="overbar"><p>inØsight 2.1.0<a id="homepage" href="https://github.com/planetrenox/inzerosight" target="_blank">source</a></p></div>
<textarea id="textarea" placeholder="input text here..."></textarea> <textarea id="textarea" placeholder="input text here..."></textarea>
<input id="encodeButton" type="button" name="button" value="encode to clipboard"/> <input id="encodeButton" type="button" name="button" value="encode to clipboard"/>
<input id="decodeButton" type="button" name="button" value="decode from text"/> <input id="decodeButton" type="button" name="button" value="decode from text"/>
<select id="encoder"> <select id="encoder">
<optgroup label="Standard"> <optgroup label="Standard">
<option>ZWUS-3</option> <option>ZWUS-3</option>
<option>ZWUS-6</option> <option>ZWUS-6</option>
<option>ZWUS-8</option> <option>ZWUS-8</option>
</optgroup> </optgroup>
<!-- <optgroup label="Depreciated"></optgroup>--> <!-- <optgroup label="Depreciated"></optgroup>-->
</select> </select>
<select id="cipher"> <select id="cipher">
<optgroup label="Encryption"> <optgroup label="Encryption">
<option>PLAIN</option> <option>PLAIN</option>
<option>SPECK32_64ECB</option> <option>SPECK32_64ECB</option>
</optgroup> </optgroup>
</select> </select>
<p id="notice"> <a id="info" href="https://github.com/planetrenox/inzerosight/blob/master/docs/info.md" target="_blank">info</a>
notice: some platforms restrict Ø width characters. <p id="notice">
</p> notice: some platforms restrict Ø width characters.
<script src="dash.js"></script> <a id="versions" href="https://raw.githubusercontent.com/planetrenox/inzerosight/main/docs/donate" target="_blank">donate</a>
</body> </p>
<style> <script src="dash.js"></script>
html, body, div, span, applet, object, iframe, </body>
h1, h2, h3, h4, h5, h6, p, blockquote, pre, <style>
a, abbr, acronym, address, big, cite, code, html, body, div, span, applet, object, iframe,
del, dfn, em, img, ins, kbd, q, s, samp, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
small, strike, strong, sub, sup, tt, var, a, abbr, acronym, address, big, cite, code,
b, u, i, center, del, dfn, em, img, ins, kbd, q, s, samp,
dl, dt, dd, ol, ul, li, small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend, b, u, i, center,
table, caption, tbody, tfoot, thead, tr, th, td, dl, dt, dd, ol, ul, li,
article, aside, canvas, details, embed, fieldset, form, label, legend,
figure, figcaption, footer, header, hgroup, table, caption, tbody, tfoot, thead, tr, th, td,
menu, nav, output, ruby, section, summary, article, aside, canvas, details, embed,
time, mark, audio, video { figure, figcaption, footer, header, hgroup,
margin: 0; menu, nav, output, ruby, section, summary,
padding: 0; time, mark, audio, video {
border: 0; margin: 0;
font-size: 100%; padding: 0;
font: inherit; border: 0;
vertical-align: baseline; font-size: 100%;
} font: inherit;
vertical-align: baseline;
article, aside, details, figcaption, figure, }
footer, header, hgroup, menu, nav, section {
display: block; article, aside, details, figcaption, figure,
} footer, header, hgroup, menu, nav, section {
display: block;
/* ---------------------------------------------------- */ }
body { /* ---------------------------------------------------- */
font-family: Candara, "DejaVu Sans", sans-serif, Arial, Helvetica;
background-color: #002b4d; body {
width: 500px; font-family: Candara, "DejaVu Sans", sans-serif, Arial, Helvetica;
height: 320px; background-color: #002b4d;
line-height: 1; width: 500px;
border: 1.5px solid rgb(0, 126, 199); height: 320px;
} line-height: 1;
border: 1.5px solid rgb(0, 126, 199);
#overbar { }
padding: 1.5%;
font-size: 10px; #overbar {
font-weight: bold; padding: 1.5%;
margin-bottom: 0px; font-size: 10px;
color: rgb(229, 244, 255, 0.6); font-weight: bold;
border-bottom: 1px solid rgb(0, 126, 199, .5); margin-bottom: 0px;
} color: rgb(229, 244, 255, 0.6);
border-bottom: 1px solid rgb(0, 126, 199, .5);
#homepage { }
position: fixed;
text-decoration: none; #homepage {
color: yellow; position: fixed;
right: 2.5%; text-decoration: none;
} color: yellow;
right: 2.5%;
#textarea { }
background-color: #e6e6e6;
margin: 1.5%; #textarea {
width: 95.5%; background-color: #e6e6e6;
height: 69%; margin: 1.5%;
font-family: "Open Sans", Candara, "DejaVu Sans", sans-serif, Arial, Helvetica; width: 95.5%;
font-size: 13px; height: 69%;
font-style: normal; font-family: "Open Sans", Candara, "DejaVu Sans", sans-serif, Arial, Helvetica;
font-variant: normal; font-size: 13px;
font-weight: 400; font-style: normal;
line-height: 20px; font-variant: normal;
} font-weight: 400;
line-height: 20px;
input { }
font-size: 11.5px;
} input {
font-size: 11.5px;
#encodeButton { }
display: inline-block;
margin-bottom: 0px; #encodeButton {
margin-left: 1.5%; display: inline-block;
color: #002b4d; margin-bottom: 0px;
cursor: pointer; margin-left: 1.5%;
} color: #002b4d;
cursor: pointer;
#decodeButton { }
margin-bottom: 0px;
margin-left: 1.5%; #decodeButton {
color: #002b4d; margin-bottom: 0px;
cursor: pointer; margin-left: 1.5%;
} color: #002b4d;
cursor: pointer;
select { }
display: inline-block;
margin-bottom: 0px; select {
margin-left: 1.5%; display: inline-block;
color: #002b4d; margin-bottom: 0px;
background-color: #e6e6e6; margin-left: 1.5%;
text-align: center; color: #002b4d;
font-size: 11px; background-color: #e6e6e6;
width: 8.5em; text-align: center;
} font-size: 11px;
width: 8.5em;
#notice { }
font-size: 10px;
margin-top: 1.5%; #notice {
padding: .8% 0% 0% 1.7%; font-size: 10px;
color: rgb(229, 244, 255, 0.6); margin-top: 1.5%;
border-top: 1px solid rgb(0, 126, 199, .5); padding: .8% 0% 0% 1.7%;
} color: rgb(229, 244, 255, 0.6);
border-top: 1px solid rgb(0, 126, 199, .5);
#versions { }
color: rgb(0, 126, 199);
text-decoration: none; #versions {
} color: rgb(0, 126, 199);
text-decoration: none;
</style> }
</html> </style>
</html>