diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..aae55ba --- /dev/null +++ b/index.html @@ -0,0 +1,65 @@ +<html> + <head> + <script src="main.js"></script> + <style> + .UI { + background-color: blue; + } + #chatwindow { + display: flex; + flex-flow: column; + overflow-y: scroll; + word-break: break-word; + scroll-snap-align: end; + flex-basis: 100vh; + flex-grow: 1; + } + #chatwindow > span:hover { + background-color: #DDD; + } + #chatwindow > span { + white-space: pre-line; + } + #navbar { + border-bottom: 2px solid black; + width: 100%; + display: inline-block; + flex-grow: 0; + } + #inputbox { + border-top: 2px solid black; + display: flex; + } + #inputbox > button { + padding: 0 5px 0 5px; + } + #input { + resize: none; + flex-grow: 1; + } + + * { + margin: 0; + padding: 0; + border: 0; + } + + body { + display: flex; + flex-direction: column; + max-height: 100vh; + } + </style> + </head> + <body onload="onload()"> + <span id="navbar"> + <span>Localhost</span> + <span id = "info" class="UI">Server Information: </span> + </span> + <div id="chatwindow"></div> + <span id="inputbox" onkeyup="inputkey(event)"> + <textarea id="input" autofocus rows="2"></textarea> + <button onclick="send()">Send</button> + </span> + </body> +</html> |