Essai-Detect/index.html at main · Mindkerchief/Essai-Detect · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="static/js/tailwind.js"></script>
  <script src="static/js/app.js"></script>
  <link rel="stylesheet" href="static/css/app.css">
  <title>Essai Detect</title>
</head>
<body class="bg-zinc-800 text-white p-4">
  <div class="fixed inset-0 flex flex-col items-stretch justify-between mx-auto bg-transparent">
    <!-- Header -->
    <div class="flex justify-center py-2">
      <h1 class="text-2xl font-bold">Essay LLM Detector</h1>
    </div>

    <!-- Chat history -->
    <div id="chatContainer" class="mb-24 overflow-y-auto grow">
      <div id="chatHistory" class="flex flex-col-reverse gap-4 w-2/5 mx-auto py-8">
      <!-- Messages will be appended here -->
      </div>
    </div>

    <!-- Input section -->
    <div class="absolute w-2/5 bottom-6 left-1/2 transform -translate-x-1/2 flex">
      <textarea id="userInput" placeholder="Enter essay to analyze..."
        class="w-full p-3 pr-16 text-black rounded-xl shadow resize-none focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
      <button id="sendButton" class="absolute bottom-3 right-3 bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#FFFFFF" viewBox="0 0 256 256">
          <path d="M240,127.89a16,16,0,0,1-8.18,14L63.9,237.9A16.15,16.15,0,0,1,56,240a16,16,0,0,1-15-21.33l27-79.95A4,4,0,0,1,71.72,136H144a8,8,0,0,0,8-8.53,8.19,8.19,0,0,0-8.26-7.47h-72a4,4,0,0,1-3.79-2.72l-27-79.94A16,16,0,0,1,63.84,18.07l168,95.89A16,16,0,0,1,240,127.89Z"/>
        </svg>
      </button>
    </div>
  </div>
</body>
</html>