Spaces:
Sleeping
Sleeping
File size: 5,359 Bytes
da4b152 |
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 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 |
<!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&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> |