54 lines
815 B
HTML
54 lines
815 B
HTML
<!doctype html>
|
|
<meta charset="utf-8" />
|
|
<style>
|
|
:root {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
:root,
|
|
input,
|
|
textarea {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
main,
|
|
footer {
|
|
display: flex;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: 960px;
|
|
padding: 1em;
|
|
}
|
|
|
|
footer {
|
|
gap: 1ch;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
overflow-y: scroll;
|
|
white-space: pre-wrap;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
a {
|
|
color: rgb(251, 147, 247);
|
|
text-decoration: none;
|
|
&:hover {
|
|
border-bottom: 1px solid rgb(251, 147, 247);
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<main>
|
|
<textarea cols="80" rows="20"></textarea>
|
|
</main>
|
|
|
|
<footer>
|
|
<div>crdt playground</div>
|
|
<a href="https://git.lavender.software/char/sync-playground">source code</a>
|
|
</footer>
|
|
|
|
<script type="module" src="/dist/main.js"></script>
|