Spaces:
Running
Running
<html> | |
<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"> | |
<header> | |
<nav> | |
<ul class="menus"> | |
<li class="main" id="main_menu"> | |
<a href="#chat"> | |
<img src="https://next.ink/wp-content/uploads/2024/02/announcing-mistral.png" alt="Mistral" class="mistral" /> | |
</a> | |
</li> | |
<li class="menu" id="profile"> | |
<a href="#profile"><i class="fas fa-home"></i></a> | |
</li> | |
<li class="menu" id="weather"> | |
<a href="#weather"><i class="fas fa-cloud-sun"></i></a> | |
</li> | |
<li class="menu" id="news"> | |
<a href="#news"><i class="fas fa-newspaper"></i></a> | |
</li> | |
<!-- videos --> | |
<li class="menu" id="videos"> | |
<a href="#videos"><i class="fas fa-video"></i></a> | |
</li> | |
</ul> | |
</nav> | |
</header> | |
<div class="app flexed"> | |
<div class="spacer" id="menu_spacer"> | |
<ul class="submenus"> | |
<li class="submenu"> | |
<div id="chat"> | |
<p>Posez vos questions (administratives, sociales) à votre assistant Mistral !</p> | |
<ul id="chat_messages"></ul> | |
<input | |
type="text" | |
id="user_input" | |
placeholder="Discutez avec Mistral" | |
/> | |
<button class="button1" onclick="sendChat()">Envoyer</button> | |
</div> | |
</li> | |
</ul> | |
</div> | |
</div> | |
<div class="app flexed"> | |
<div class="spacer" id="profile_spacer"> | |
<ul class="submenus"> | |
<li class="submenu"> | |
<a href="#profile">Profile</a> | |
<div id="profile"> | |
<ul> | |
<li>Nom: {{ user_profile.name }}</li> | |
<li>Age: {{ user_profile.age }}</li> | |
<li>Localisation: {{ user_profile.location }}</li> | |
<button class="button1" onclick="sendReport()">Générer une newsletter Mistral</button> | |
</ul> | |
<p> Cette fonctionnalité apprend des actualités en temps réel et digère une très grande quantité d'informations sur le monde agricole. </p> | |
</div> | |
</li> | |
</ul> | |
</div> | |
</div> | |
<div class="app flexed"> | |
<div class="spacer" id="news_spacer"> | |
<ul class="submenus"> | |
<li class="submenu"> | |
<div id="news"> | |
<h2>Les dernières nouvelles</h2> | |
<ul> | |
<li>Paysan-breton:</li> | |
<link> | |
https://www.paysan-breton.fr/2024/02/saint-brieuc-fait-son-retour-a-la-terre/ | |
</link> | |
<li>La France Agricole:</li> | |
<link>https://www.lafranceagricole.fr/crise-agricole/article/863578/bruno-le-maire-demande-un-effort-aux-banques-et-aux-assurances</link> | |
<li>Terre-net:</li> | |
<link>https://www.terre-net.fr/reglementation/article/863560/l-hypothese-d-un-permis-tracteur-europeen-met-le-feu-aux-poudres</link> | |
</ul> | |
</div> | |
</li> | |
</ul> | |
</div> | |
</div> | |
<div class="app flexed"> | |
<div class="spacer" id="weather_spacer"> | |
<ul class="submenus"> | |
<li class="submenu"> | |
<div id="weather"> | |
<ul> | |
<li>Bulletin météo</li> | |
<iframe width="300" height="450" src="https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=mm&metricTemp=°C&metricWind=default&zoom=7&overlay=wind&product=ecmwf&level=surface&lat=46.965&lon=0.813&detailLat=47.636&detailLon=0.813&detail=true&pressure=true" frameborder="0"></iframe> | |
<li>Webcams en temps réel</li> | |
<a name="windy-webcam-timelapse-player" data-id="1619075844" data-play="month" href="https://windy.com/webcams/1619075844" target="_blank">La Lande-Patry: Flers - Saint-Paul Airport</a><script async type="text/javascript" src="https://webcams.windy.com/webcams/public/embed/script/player.js"></script> | |
</ul> | |
</div> | |
</li> | |
</ul> | |
</div> | |
<div class="app flexed"> | |
<div class="spacer" id="videos_spacer"> | |
<ul class="submenus"> | |
<li class="submenu"> | |
<div id="videos"> | |
<ul> | |
<li>Les vidéos du jour</li> | |
<iframe width="200" height="300" src="https://www.youtube.com/embed/yd9agyhuDp4?si=tpfszKgmmcx9zoGl&controls=0&start=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | |
<iframe width="200" height="300" src="https://www.youtube.com/embed/oPcG6hpKNDc?si=-SaICP4xXHS1p_WN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | |
</ul> | |
</div> | |
</li> | |
</ul> | |
</div> | |
</div> | |
<body> | |
<div id="title"> | |
<p class="sub_title">Accédez aux différents onglets sur votre gauche</p> | |
</div> | |
<div id="mainContent"> | |
<div id="map" class="map">{{ map_html | safe }}</div> | |
</div> | |
<div id="footer"> | |
<p>© 2024 AgriHackteurs</p> | |
</body> | |
<script src="/static/script.js"></script> | |
</html> |