Chat
+ +-
+
diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..dc35434 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,12 @@ +root = true + +[*] +indent_style = space +indent_size = 2 +end_of_line = crlf +charset = utf-8 +trim_trailing_whitespace = false +insert_final_newline = true + +[*.rs] +indent_size = 4 diff --git a/panel/css/chat.css b/panel/css/chat.css new file mode 100644 index 0000000..ec40ba7 --- /dev/null +++ b/panel/css/chat.css @@ -0,0 +1,36 @@ +.chat-box { + display: flex; + flex-direction: column; + + padding: 1em; + + height: 12em; +} + +.chat-entries { + display: flex; + flex: 1; + + margin: 0; + padding: 0.5em; + flex-direction: column-reverse; + overflow-y: scroll; +} + +.chat-input { + padding: 0.5em; +} + +.chat-message { + display: flex; +} + +.message-author { + margin-inline-end: 0.5ch; +} + +.message-content { + display: inline-block; + flex: 1; + overflow-wrap: anywhere; +} diff --git a/panel/css/styles.css b/panel/css/styles.css new file mode 100644 index 0000000..ffa51e7 --- /dev/null +++ b/panel/css/styles.css @@ -0,0 +1,43 @@ +html { + font-family: sans-serif; + margin: 0; +} + +body { + min-height: 100vh; + margin: 0; + display: flex; + flex-direction: column; +} + +nav, +main, +footer { + max-width: 80ch; + margin: 0 auto; + width: 100%; + padding: 1em; +} + +main { + flex: 1; +} + +nav ul { + display: block; + margin: 0; + padding: 0; +} + +nav li, +nav li a { + display: inline-block; +} + +nav li a { + padding: 0.5em; +} + +a { + color: rgb(252, 38, 145); +} diff --git a/panel/index.html b/panel/index.html new file mode 100644 index 0000000..5075a0c --- /dev/null +++ b/panel/index.html @@ -0,0 +1,40 @@ + + +
+ + +