Real Estate Investment MCP Server
by ericnsibley
index.html•3.17 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Real Estate Chatbot</title>
<script src="https://unpkg.com/htmx.org@1.9.2"></script>
<style>
body {
font-family: sans-serif;
display: flex;
flex-direction: column;
min-height: 90vh;
background: #f6f6f6;
padding: 1rem;
}
.chatbox {
background: white;
padding: 1rem;
border-radius: 8px;
flex-grow: 1;
min-height: 200px;
overflow-y: auto;
}
.message {
margin: 0.5rem 0;
padding: 0.5rem;
border-radius: 8px;
max-width: 80%;
}
.user { background: #daf0ff; align-self: flex-end; }
.assistant { background: #eaeaea; align-self: flex-start; }
.input-row {
display: flex;
margin-top: 1rem;
}
.input-row input {
flex-grow: 1;
padding: 0.5rem;
}
.input-row button {
margin-left: 0.5rem;
padding: 0.5rem;
}
.conversation {
display: flex;
flex-direction: column;
}
</style>
</head>
<body>
<div style="display: flex; justify-content: space-between; align-items: center;">
<h2>Chat with Real Estate Assistant</h2>
<button hx-post="/real-estate-chat/clear"
hx-target="#chat"
hx-swap="innerHTML"
style="background: #ffdddd; border: none; padding: 0.5rem; border-radius: 5px; cursor: pointer;">
Clear Chat
</button>
</div>
<div class="chatbox">
<div id="chat" class="conversation">
{% for message in messages %}
<div class="message {{ message.role }}">
{{ message.content }}
</div>
{% endfor %}
</div>
</div>
<form id="chat-form" hx-post="/real-estate-chat/send" hx-target="#chat" hx-swap="beforeend"
style="display: flex; gap: 0.5rem; align-items: flex-start; margin-top: 1rem;">
<input type="password" name="openai_key" placeholder="OpenAI API key"
required style="padding: 0.5rem; min-width: 150px; max-width: 200px;">
<div style="flex-grow: 1; display: flex; flex-direction: column; gap: 0.5rem;">
<textarea id="chat-message" name="message" placeholder="Type your message..." required
style="padding: 0.5rem; flex-grow: 1; resize: none; height: 4.5rem;"></textarea>
<button type="submit"
style="align-self: flex-end; padding: 0.5rem 1rem; background: #ffdddd; border: none; cursor: pointer;">
Send
</button>
</div>
</form>
<script>
document.getElementById('chat-message').addEventListener('keydown', function(e) {
if (e.ctrlKey && e.key === 'Enter') {
e.preventDefault();
document.getElementById('chat-form').requestSubmit();
}
});
</script>
</body>
</html>
Latest Blog Posts
- MCP Moves to the Linux Foundation: Neutral Stewardship for Agentic InfrastructureBy Om-Shree-0709 on .mcpanthropicLinux Foundation
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/ericnsibley/GenAI_MCP'
If you have feedback or need assistance with the MCP directory API, please join our Discord server