Atualizar web/index.html
This commit is contained in:
+7
-34
@@ -3,36 +3,8 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Safira AI Gateway</title>
|
<title>Safira AI Gateway</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
background: #f5f5f5;
|
|
||||||
padding: 40px;
|
|
||||||
max-width: 800px;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
textarea {
|
|
||||||
width: 100%;
|
|
||||||
height: 150px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
select, button {
|
|
||||||
padding: 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
#output {
|
|
||||||
margin-top: 20px;
|
|
||||||
padding: 20px;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -40,21 +12,22 @@
|
|||||||
<h1>Safira AI Gateway</h1>
|
<h1>Safira AI Gateway</h1>
|
||||||
<p>This interface allows you to send prompts to the local Ollama models.</p>
|
<p>This interface allows you to send prompts to the local Ollama models.</p>
|
||||||
|
|
||||||
<!-- Model selector -->
|
<!-- Login button -->
|
||||||
<label for="model">Choose a model:</label>
|
<button onclick="window.location='/login'">Login with Google</button>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<label for="model">Model:</label>
|
||||||
<select id="model">
|
<select id="model">
|
||||||
<option value="llama3.2">Llama 3.2</option>
|
<option value="llama3.2">Llama 3.2</option>
|
||||||
<option value="gemma4">Gemma 4</option>
|
<option value="gemma4">Gemma 4</option>
|
||||||
<option value="qwen2.5">Qwen 2.5</option>
|
<option value="qwen2.5">Qwen 2.5</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<!-- Prompt input -->
|
|
||||||
<textarea id="prompt" placeholder="Type your prompt here..."></textarea>
|
<textarea id="prompt" placeholder="Type your prompt here..."></textarea>
|
||||||
|
|
||||||
<!-- Submit button -->
|
|
||||||
<button onclick="sendPrompt()">Generate</button>
|
<button onclick="sendPrompt()">Generate</button>
|
||||||
|
|
||||||
<!-- Output area -->
|
|
||||||
<div id="output"></div>
|
<div id="output"></div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
Reference in New Issue
Block a user