diff options
| author | Jakob Odersky <jakob@odersky.com> | 2019-10-22 00:55:50 -0400 |
|---|---|---|
| committer | Jakob Odersky <jakob@odersky.com> | 2019-11-08 22:34:57 -0500 |
| commit | 99dfd5a3ececf39ae3fd30cbf9581c2fb5da2ba5 (patch) | |
| tree | 59dd8a2f5283d436b300478b7197bb8ec9f5164e /site/index.html | |
| parent | 70141fc60ec3341057627e9a8f5b83a22c74f0ea (diff) | |
| download | yamlesque-99dfd5a3ececf39ae3fd30cbf9581c2fb5da2ba5.tar.gz yamlesque-99dfd5a3ececf39ae3fd30cbf9581c2fb5da2ba5.tar.bz2 yamlesque-99dfd5a3ececf39ae3fd30cbf9581c2fb5da2ba5.zip | |
Major refactor for version 0.2.00.2.0
Diffstat (limited to 'site/index.html')
| -rw-r--r-- | site/index.html | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/site/index.html b/site/index.html new file mode 100644 index 0000000..ea0dd74 --- /dev/null +++ b/site/index.html @@ -0,0 +1,67 @@ +<!doctype html> +<html> + +<head> + <meta charset="UTF-8"> + <style> + * { + box-sizing: border-box; + } + + html, + body { + margin: 0; + font-family: sans-serif; + width: 100%; + height: 100%; + display: flex; + flex-direction: row; + align-items: stretch; + justify-content: stretch; + } + + div { + flex: 1; + display: flex; + flex-direction: row; + align-items: stretch; + justify-content: stretch; + + border: 1px solid #f1f1f1; + border-radius: .25em; + padding: 1em; + margin: 1em; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + } + + textarea { + flex: 1; + resize: none; + } + + .error { + color: red; + } + </style> +</head> + +<body> + <div> + <textarea id="input" oninput="generate()" placeholder="write yaml here" oninput="parse()"></textarea> + </div> + + <div> + <textarea id="output" placeholder="output" readonly></textarea> + </div> + + <script type="text/javascript" src="out.js"></script> + <script type="text/javascript"> + function generate() { + var str = document.getElementById("input").value + yaml.update(str) + } + </script> + +</body> + +</html> |