agri-hackteurs / static /layout.html
Ferrxni's picture
Upload 17 files
da4b152 verified
<!DOCTYPE html>
<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&amp;controls=0&amp;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>