diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 61 |
1 files changed, 8 insertions, 53 deletions
@@ -1,64 +1,19 @@ -<html> +<!DOCTYPE html> <head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> <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> + <link rel="stylesheet" href="main.css"> </head> <body onload="onload()"> <span id="navbar"> <span>Localhost</span> <span id = "info" class="UI">Server Information: </span> + <span>username: <input id="username"></span> </span> - <div id="chatwindow"></div> - <span id="inputbox" onkeyup="inputkey(event)"> - <textarea id="input" autofocus rows="2"></textarea> + <span id="new_messages" class="new_messages">New Messages</span> + <div id="chatwindow" onscroll="onscrollchat()"></div> + <span id="inputbox"> + <textarea id="input" rows="2.5" onkeypress="inputkey(event)" onkeyup="clearnewlineinput()"></textarea> <button onclick="send()">Send</button> </span> </body> |