wip chat integration in svelte

2022-12-22 19:52:57 +01:00
parent 9c2a8ce2f7
commit 0cc04f0356
33 changed files with 5559 additions and 1914 deletions
--- a/tests_hugo/chat_node/chat_client/chat2.html
+++ b/tests_hugo/chat_node/chat_client/chat2.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<style>
+			#chat_box * {
+				display: flex;
+				flex-direction: column;
+				position: relative;
+				box-sizing: border-box;
+				padding: 0px;
+				margin: auto;
+			}
+			#chat_box .chat_item {
+				display: none;
+				width: 100%;
+				height: 100%;
+			}
+			.chat_item#chat_chat {
+				grid-area: chat;
+			}
+			#chat_box {
+				display: grid;
+				position: fixed;
+				bottom: 20px;
+				right: 20px;
+
+				gap: 5px;
+				padding: 5px;
+				width: 300px;
+				height: 400px;
+
+				border: 1px solid black;
+			}
+			#chat_box.close {
+				gap: 0px;
+				padding: 0px;
+				width: auto;
+				height: auto;
+				grid:
+					' chat ' auto
+					/ auto ;
+			}
+			#chat_box.close .chat_item#chat_chat {
+				display: flex;
+			}
+		</style>
+	</head>
+
+	<body>
+
+		<div class="close" id="chat_box">
+			<button class="chat_item chat_chat btn" id="chat_chat"><p>chat</p></button>
+		</div>
+
+	</body>
+</html>
+