Untitled
unknown
plain_text
2 months ago
2.9 kB
7
Indexable
<!DOCTYPE html>
<html>
<head>
<title>GPTAssist | AI Global Assistant</title>
<style>
body { margin: 0; font-family: 'Segoe UI', sans-serif; background: #0d1117; color: white; display: flex; height: 100vh; }
.sidebar { width: 250px; background: #161b22; border-right: 1px solid #30363d; padding: 20px; }
.main { flex: 1; display: flex; flex-direction: column; }
#chat { flex: 1; overflow-y: auto; padding: 20px; }
.input-area { padding: 20px; background: #0d1117; border-top: 1px solid #30363d; display: flex; gap: 10px; }
input { flex: 1; background: #010409; border: 1px solid #30363d; color: white; padding: 12px; border-radius: 6px; }
button { background: #238636; color: white; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; }
.msg { margin-bottom: 15px; padding: 10px; border-radius: 8px; max-width: 80%; }
.ai { background: #21262d; align-self: flex-start; }
.user { background: #238636; align-self: flex-end; margin-left: auto; }
#code-view { display:none; background: #000; color: #79c0ff; padding: 15px; font-family: monospace; position: absolute; right: 0; width: 40%; height: 80%; border: 1px solid #30363d; }
</style>
</head>
<body>
<div class="sidebar">
<h2 style="color: #58a6ff;">GPTAssist</h2>
<p>B.Tech Project 2026</p>
<button onclick="document.getElementById('code-view').style.display='block'" style="width:100%; background:#30363d;">View Logic Panel</button>
</div>
<div class="main">
<div id="chat">
<div class="msg ai"><b>GPTAssist:</b> System ready. Objective: Real-time AI interaction. How can I help with your project, Vishaka?</div>
</div>
<div id="code-view">
<h3>Backend Logic (Python/C++)</h3>
<pre>
def get_response(input):
# NLP Processing Layer
# Transformer Architecture
return "AI Response"
</pre>
<button onclick="this.parentElement.style.display='none'">Close</button>
</div>
<div class="input-area">
<input type="text" id="in" placeholder="Ask your project a question...">
<button onclick="send()">Send</button>
</div>
</div>
<script>
function send() {
let i = document.getElementById('in');
if(!i.value) return;
let c = document.getElementById('chat');
c.innerHTML += `<div class="msg user">${i.value}</div>`;
let val = i.value; i.value = '';
setTimeout(() => {
c.innerHTML += `<div class="msg ai"><b>GPTAssist:</b> I have processed "${val}". This fulfills the project requirement for dynamic NLP response.</div>`;
c.scrollTop = c.scrollHeight;
}, 600);
}
</script>
</body>
</html>Editor is loading...
Leave a Comment