Initial local LLM web app

index.html

@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Local LLM</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <aside class="sidebar">
+      <button class="new-chat" id="newChat" type="button">+ 새 대화</button>
+      <div class="history">
+        <button class="history-item active" type="button">로컬 LLM</button>
+      </div>
+      <div class="model">qwen2.5:3b</div>
+    </aside>
+
+    <main class="chat-shell">
+      <header class="topbar">
+        <div>
+          <strong>Local LLM</strong>
+          <span>Ollama on this notebook</span>
+        </div>
+      </header>
+
+      <section class="messages" id="messages" aria-live="polite">
+        <article class="message assistant">
+          <div class="avatar">L</div>
+          <div class="bubble">안녕하세요. 이 노트북에서 실행되는 로컬 LLM입니다.</div>
+        </article>
+      </section>
+
+      <form class="composer" id="chatForm">
+        <textarea id="prompt" rows="1" placeholder="메시지를 입력하세요" autofocus></textarea>
+        <button id="sendButton" type="submit">전송</button>
+      </form>
+    </main>
+
+    <script src="app.js"></script>
+  </body>
+</html>