Progress.

2025-01-24 03:29:54 +01:00
parent 2e3b85d7f7
commit ba83922660
42 changed files with 1050 additions and 210 deletions
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Dark Themed Chat Application</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <header>
+    <div class="logo">Molodetz Chat</div>
+    <nav>
+      <a href="#">Home</a>
+      <a href="#">Rooms</a>
+      <a href="#">Settings</a>
+      <a href="#">Logout</a>
+    </nav>
+  </header>
+  <main>
+    <aside class="sidebar">
+      <h2>Chat Rooms</h2>
+      <ul>
+        <li><a href="#">General</a></li>
+        <li><a href="#">Development</a></li>
+        <li><a href="#">Support</a></li>
+        <li><a href="#">Random</a></li>
+      </ul>
+    </aside>
+    <section class="chat-area">
+      <div class="chat-header">
+        <h2>General</h2>
+      </div>
+      <div class="chat-messages">
+        <div class="message">
+          <span class="author">Alice:</span>
+          <span class="content">Hello, everyone!</span>
+        </div>
+        <div class="message">
+          <span class="author">Bob:</span>
+          <span class="content">Hi Alice! How are you?</span>
+        </div>
+      </div>
+      <div class="chat-input">
+        <textarea placeholder="Type a message..." rows="2"></textarea>
+        <button>Send</button>
+      </div>
+    </section>
+  </main>
+</body>
+</html>
+