Spaces:
Paused
Paused
File size: 1,985 Bytes
eb89bee 22cbea3 135bbd4 1319662 22cbea3 135bbd4 22cbea3 135bbd4 22cbea3 135bbd4 25d793a 135bbd4 25d793a 135bbd4 25d793a 22cbea3 135bbd4 25d793a 135bbd4 d29a82e eb89bee 135bbd4 22cbea3 135bbd4 22cbea3 |
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 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/static/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
</style>
</head>
<body>
<header>
<nav>
<ul class="menus">
<li class="main">
<a href="#">
<img src="/static/mistral.png" alt="Mistral" class="mistral" />
</a>
</li>
<li class="menu">
<a href="#"><i class="fas fa-cloud-sun-rain"></i></a> <!-- Changed icon -->
</li>
<li class="menu">
<a href="#"><i class="fas fa-sliders-h"></i></a>
</li>
<li class="menu">
<a href="#"><i class="fas fa-cog"></i></a>
</li>
</ul>
</nav>
</header>
<div class="app flexed">
<div class="spacer">
<ul class="submenus">
<li class="main"><span>Menus</span></li>
<li class="submenu">
<a href="#">Chat</a>
<div id="chat">
<ul id="chat_messages"></ul>
<input type="text" id="user_input" placeholder="Posez une question au modèle Mistral AI" />
<button onclick="sendChat()">Send</button>
</div>
</li>
<li class="submenu">
<a href="#">Profile</a>
<div id="profile">
<ul>
<li>Name: {{ user_profile.name }}</li>
<li>Age: {{ user_profile.age }}</li>
<li>Location: {{ user_profile.location }}</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div id="mainContent">
<h1 style="text-align:center;">Welcome to Mistral AI</h1> <!-- Centered title -->
<div id="map" class="map">{{ map_html | safe }}</div>
</div>
<script src="/static/script.js"></script>
<div class="animated-background"></div> <!-- Animated background -->
</body>
</html>
|