kv/index.html

62 lines
1.9 KiB
HTML
Raw Permalink Normal View History

2021-03-18 09:53:39 +00:00
<!DOCTYPE html>
2021-03-19 18:40:55 +00:00
<html lang="en">
2021-03-18 09:53:39 +00:00
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
2021-03-20 18:48:01 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2021-03-18 09:53:39 +00:00
<title>KV diagram calculator</title>
<link data-trunk rel="rust" data-bin="svg-wasm"/>
<style>
textarea {
resize: none;
font-size: 32px;
line-height: 64px;
width: 64px;
height: 64px;
padding-left: 24px;
box-sizing: border-box;
overflow-y: hidden;
}
#input-container {
transform: translate(0px, 0px); /* new absolute context */
padding-bottom: 1em;
}
.solution {
display: inline-block;
}
.solution span {
display: block;
width: 100%;
text-align: center;
}
2021-03-19 18:40:55 +00:00
h1 {
display: inline-block;
padding-right: 10px;
}
2021-03-18 09:53:39 +00:00
</style>
</head>
<body>
2021-03-19 18:40:55 +00:00
<div><h1>KV diagram calculator</h1><a href="https://git.scc.kit.edu/uskyk/kv">(source code)</a></div>
2021-03-18 09:53:39 +00:00
<div id="main">
<div id="settings">
2021-03-19 17:14:41 +00:00
<label>Number of variables: <input type="number" min="1" value="3" id="variables"></label><button id="apply-variables">Apply</button>
2021-03-18 09:53:39 +00:00
</div>
<p id="hints">
2021-03-19 17:14:41 +00:00
Change output specification by scrolling (up => 1, down => 0), typing (=> 1, 0) or deleting (=> -).
2021-03-18 09:53:39 +00:00
</p>
<p id="examples">
Load <a href="#--111100">example 1</a>, <a href="#-1111000-1-01---">example 2</a>, <a href="#11101111111111111111101111111101">example 3</a>.
2021-03-19 18:29:46 +00:00
Set all cells to <button id="set-0">0</button>, <button id="set-1">1</button> or <button id="set-any">-</button>.
2021-03-18 09:53:39 +00:00
</p>
<div id="input-container"></div>
2021-03-19 17:14:41 +00:00
<div><label>Generate: <select id="mode-select">
<option value="dmf">DMF</option>
<option value="kmf">KMF</option>
2021-03-19 18:23:17 +00:00
</select></label>
2021-03-19 18:40:55 +00:00
<label><input type="checkbox" id="labels" checked>Print variable labels</label></div>
2021-03-18 09:53:39 +00:00
<button id="calculate">Run</button>
<div id="output-help"></div>
<div id="output-container"></div>
</div>
</body>
</html>