2026-01-09 12:23:22 +01:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<title>Botascopia</title>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/assets/style.css">
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/assets/fonts/borna/stylesheet.css">
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/assets/fonts/nunita/stylesheet.css">
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
<include src="/components/site-header.html"></include>
|
|
|
|
|
|
|
2026-02-11 10:39:01 +01:00
|
|
|
|
<main id="main_home">
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<section id="home__hero">
|
|
|
|
|
|
<div class="section--inner">
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<h2 class="section--title">Botascopia</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<p class="description">Botascopia est un projet de recherche mêlant botanique, informatique et
|
|
|
|
|
|
didactique. Son objectif est de développer des outils de transmission et de partage des
|
|
|
|
|
|
connaissances botaniques. Découvrez ci-dessous nos <strong>principaux outils</strong>.</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2026-02-11 15:55:10 +01:00
|
|
|
|
|
2026-01-09 12:23:22 +01:00
|
|
|
|
<div class="search--container">
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="icon">
|
|
|
|
|
|
<include src="/components/search.html"></include>
|
|
|
|
|
|
</div>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
<input type="text" class="" placeholder="Recherchez une plante ou un livret">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<ul class="nav-hero">
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<li data-type="livrets"><a href="#home__livrets">Livrets</a></li>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
<li data-type="base-connaissance"><a href="#home__base-connaissance">Base de connaissance</a></li>
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<li data-type="animations"><a href="#home__animations">Animations</a></li>
|
|
|
|
|
|
<li data-type="methodologie"><a href="#home__methodologie">Méthodologie</a></li>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
</ul>
|
|
|
|
|
|
|
2026-02-15 23:14:52 +01:00
|
|
|
|
<button class="link-with-arrow"><a href="/a-propos.html">En savoir plus sur le projet</a></button>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</div>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</section>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<section class="home--section-tool" id="home__livrets" data-type="livrets">
|
|
|
|
|
|
<div class="section--inner">
|
2026-02-11 15:55:10 +01:00
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="section--header">
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<h2 class="section--title">Livrets</h2>
|
|
|
|
|
|
<p class="baseline">Grâce à Botascopia, il est facile de générer des petites
|
|
|
|
|
|
flores (environ 30 à 60 espèces) sous forme de livrets
|
|
|
|
|
|
imprimables A5. Les livrets se composent d'une <strong>clé
|
|
|
|
|
|
de détermination</strong> pour observer et identifier les plantes inconnues,
|
|
|
|
|
|
et d'une partie « <strong>fiches-espèce</strong> » pour vérifier
|
|
|
|
|
|
et en apprendre plus.</p>
|
2026-02-11 15:55:10 +01:00
|
|
|
|
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="item-nav__group">
|
|
|
|
|
|
<div class="item-nav">
|
|
|
|
|
|
<h3 class="title">Consulter des livrets</h3>
|
|
|
|
|
|
<p class="description">Consultez et téléchargez librement les livrets existants.</p>
|
|
|
|
|
|
<button class="btn--go-to">→</button>
|
|
|
|
|
|
</div>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="item-nav">
|
|
|
|
|
|
<h3 class="title">Créer un livret</h3>
|
|
|
|
|
|
<p class="description">À partir d’une liste d’espèces, générez un livret avec
|
|
|
|
|
|
sa clé de détermination.</p>
|
|
|
|
|
|
<button class="btn--go-to">→</button>
|
|
|
|
|
|
</div>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</div>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-11 15:55:10 +01:00
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
<div class="slideshow-scroll">
|
2026-02-11 15:55:10 +01:00
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
<div class="slideshow-scroll__warpper">
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
<div class="screenshot-booklet">
|
|
|
|
|
|
<div class="cover"><img src="/images/livret-1.png"></div>
|
|
|
|
|
|
<div class="double">
|
|
|
|
|
|
<div class="page"><img src="/images/livret-2.png"></div>
|
|
|
|
|
|
<div class="page"><img src="/images/livret-3.png"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="double">
|
|
|
|
|
|
<div class="page"><img src="/images/livret-10.png"></div>
|
|
|
|
|
|
<div class="page"><img src="/images/livret-11.png"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
</div>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="home--section-tool" id="home__animations" data-type="animations">
|
|
|
|
|
|
<div class="section--inner">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section--header">
|
2026-02-11 15:55:10 +01:00
|
|
|
|
|
|
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
<h2 class="section--title">Animations</h2>
|
2026-02-11 15:55:10 +01:00
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
<p class="baseline">
|
2026-02-15 16:49:03 +01:00
|
|
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. <strong>Suscipit aspernatur
|
|
|
|
|
|
consectetur</strong> asperiores dignissimos, fuga consequatur, assumenda aliquam
|
|
|
|
|
|
voluptatibus quia ratione necessitatibus, odit velit a sed culpa perferendis eum.
|
2026-02-12 18:56:14 +01:00
|
|
|
|
</p>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
|
|
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
<div class="item-nav__group">
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="item-nav">
|
|
|
|
|
|
<h3 class="title">Organiser une animation</h3>
|
|
|
|
|
|
<p class="description">Trouvez des exemples d’activités mobilisant un livret et explorer les
|
|
|
|
|
|
kits pédagogiques.</p>
|
|
|
|
|
|
<button class="btn--go-to">→</button>
|
|
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="item-nav">
|
|
|
|
|
|
<h3 class="title">Organiser un atelier supervisé</h3>
|
|
|
|
|
|
<p class="description">Appuyez vos enseignements en faisant contribuer vos apprenants à la
|
|
|
|
|
|
base de connaissance.</p>
|
|
|
|
|
|
<button class="btn--go-to">→</button>
|
|
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
</div>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-01-12 20:06:16 +01:00
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
|
|
|
|
|
|
<div class="slideshow-scroll">
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
|
|
|
|
|
<div class="slideshow-scroll__warpper">
|
2026-01-12 20:06:16 +01:00
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="slideshow-item" data-item="1">
|
|
|
|
|
|
<figure>
|
|
|
|
|
|
<img src="/content/images/atelier-2.png">
|
|
|
|
|
|
</figure>
|
|
|
|
|
|
<figcaption>
|
|
|
|
|
|
Atelier Lorem Ispsum, Rennes, 23 septembre 2025
|
|
|
|
|
|
</figcaption>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="slideshow-item" data-item="2">
|
|
|
|
|
|
<figure>
|
|
|
|
|
|
<img src="/content/images/atelier-1.png">
|
|
|
|
|
|
</figure>
|
|
|
|
|
|
<figcaption>
|
|
|
|
|
|
Atelier 2 Lorem Ispsum, Rennes, 23 septembre 2025
|
|
|
|
|
|
</figcaption>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
</div>
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="slideshow-item" data-item="3">
|
|
|
|
|
|
<figure>
|
|
|
|
|
|
<img src="/content/images/Epinay3.jpeg">
|
|
|
|
|
|
</figure>
|
|
|
|
|
|
<figcaption>
|
|
|
|
|
|
Atelier 3 Lorem Ispsum, Epinay, 23 septembre 2025
|
|
|
|
|
|
</figcaption>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2026-01-12 20:06:16 +01:00
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<section class="home--section-tool" id="home__base-connaissance" data-type="base-connaissance">
|
|
|
|
|
|
<div class="section--inner">
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="section--header">
|
|
|
|
|
|
<h2 class="section--title">Base de connaissance</h2>
|
|
|
|
|
|
<p class="baseline">Collaborative, la base de connaissance botanique est la source permettant de
|
|
|
|
|
|
générer les livrets. Elle comporte actuellement <strong>xxx espèces</strong> dont
|
|
|
|
|
|
xxx vérifiées.</p>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="item-nav__group">
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="item-nav">
|
|
|
|
|
|
<h3 class="title">Explorer les espèces</h3>
|
|
|
|
|
|
<p class="description">Accédez à l'ensemble de la base ou consultez et téléchargez les
|
|
|
|
|
|
fiches des espèces vérifiées.</p>
|
|
|
|
|
|
<button class="btn--go-to">→</button>
|
|
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="item-nav">
|
|
|
|
|
|
<h3 class="title">Contribuer à la base de connaissance</h3>
|
|
|
|
|
|
<p class="description">Enrichir ou relire, botanistes avertis, contactez-nous ! </p>
|
|
|
|
|
|
<button class="btn--go-to">→</button>
|
|
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="species-list">
|
|
|
|
|
|
|
2026-02-16 00:12:22 +01:00
|
|
|
|
<h3 class="title">Espèces du jour</h3>
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<article class="taxon">
|
|
|
|
|
|
<figure>
|
|
|
|
|
|
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
|
|
|
|
|
|
</figure>
|
2026-02-15 23:14:52 +01:00
|
|
|
|
<div class="name">
|
|
|
|
|
|
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
|
|
|
|
|
|
<p class="latin">Acorus calamus L.</p>
|
|
|
|
|
|
</div>
|
2026-02-15 16:49:03 +01:00
|
|
|
|
|
|
|
|
|
|
<div class="chart-edit"><abbr title="Rempli à 81 % (18 / 22) et vérifié à 0 % (0 / 22)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="completion" viewBox="-6 -6 110 110"><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="50"></circle><path xmlns="http://www.w3.org/2000/svg" class="filled" d="M 50 0 A 50 50 0 1 1 4.5184 29.2292 L 50 50 Z"></path><path xmlns="http://www.w3.org/2000/svg" class="verified" d="M 50 0 A 50 50 0 0 1 50 0 L 50 50 Z"></path></svg></abbr></div>
|
|
|
|
|
|
|
|
|
|
|
|
<button class="btn-edit">
|
|
|
|
|
|
<include src="/components/icons/edit.svg"></include>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<a class="link-block" href="#" target="_blank"></a>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
2026-02-16 00:12:22 +01:00
|
|
|
|
|
|
|
|
|
|
|
2026-02-15 23:14:52 +01:00
|
|
|
|
<article class="taxon">
|
|
|
|
|
|
<figure>
|
|
|
|
|
|
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
|
|
|
|
|
|
</figure>
|
|
|
|
|
|
<div class="name">
|
|
|
|
|
|
<h3 class="vernacular"><a href="#" target="_blank">Aulne glutineux</a></h3>
|
|
|
|
|
|
<p class="latin">Alnus glutinosa</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="chart-edit">
|
|
|
|
|
|
<abbr title="Rempli à 100 % (21 / 21) et vérifié à 90 % (19 / 21)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="completion" viewBox="-6 -6 110 110"><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="50"></circle><path xmlns="http://www.w3.org/2000/svg" class="filled" d="M 50 0 A 50 50 0 0 0 50 100 A 50 50 0 0 0 50 0"></path><path xmlns="http://www.w3.org/2000/svg" class="verified" d="M 50 0 A 50 50 0 1 1 21.834 8.68806 L 50 50 Z"></path></svg></abbr>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<button class="btn-edit">
|
|
|
|
|
|
<include src="/components/icons/edit.svg"></include>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<a class="link-block" href="#" target="_blank"></a>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<article class="taxon">
|
|
|
|
|
|
<figure>
|
|
|
|
|
|
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
|
|
|
|
|
|
</figure>
|
2026-02-15 23:14:52 +01:00
|
|
|
|
<div class="name">
|
|
|
|
|
|
<h3 class="vernacular"><a href="#" target="_blank">Aulne glutineux</a></h3>
|
|
|
|
|
|
<p class="latin">Alnus glutinosa</p>
|
|
|
|
|
|
</div>
|
2026-02-15 16:49:03 +01:00
|
|
|
|
|
|
|
|
|
|
<div class="chart-edit">
|
|
|
|
|
|
<abbr title="Rempli à 100 % (21 / 21) et vérifié à 90 % (19 / 21)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="completion" viewBox="-6 -6 110 110"><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="50"></circle><path xmlns="http://www.w3.org/2000/svg" class="filled" d="M 50 0 A 50 50 0 0 0 50 100 A 50 50 0 0 0 50 0"></path><path xmlns="http://www.w3.org/2000/svg" class="verified" d="M 50 0 A 50 50 0 1 1 21.834 8.68806 L 50 50 Z"></path></svg></abbr>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<button class="btn-edit">
|
|
|
|
|
|
<include src="/components/icons/edit.svg"></include>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<a class="link-block" href="#" target="_blank"></a>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
<article class="taxon">
|
|
|
|
|
|
<figure>
|
|
|
|
|
|
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
|
|
|
|
|
|
</figure>
|
2026-02-15 23:14:52 +01:00
|
|
|
|
<div class="name">
|
|
|
|
|
|
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
|
|
|
|
|
|
<p class="latin">Arum Italicum Mill.</p>
|
|
|
|
|
|
</div>
|
2026-02-15 16:49:03 +01:00
|
|
|
|
|
|
|
|
|
|
<div class="chart-edit">
|
|
|
|
|
|
<abbr title="Rempli à 95 % (22 / 23) et vérifié à 82 % (19 / 23)"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="completion" viewBox="-6 -6 110 110"><circle xmlns="http://www.w3.org/2000/svg" cx="50" cy="50" r="50"></circle><path xmlns="http://www.w3.org/2000/svg" class="filled" d="M 50 0 A 50 50 0 1 1 36.5102 1.85414 L 50 50 Z"></path><path xmlns="http://www.w3.org/2000/svg" class="verified" d="M 50 0 A 50 50 0 1 1 5.60574 26.9967 L 50 50 Z"></path></svg></abbr>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<button class="btn-edit">
|
|
|
|
|
|
<include src="/components/icons/edit.svg"></include>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<a class="link-block" href="#" target="_blank"></a>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="home--section-tool" id="home__methodologie" data-type="methodologie">
|
|
|
|
|
|
<div class="section--inner">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section--header">
|
|
|
|
|
|
<h2 class="section--title">Méthodologie</h2>
|
|
|
|
|
|
<p class="baseline">
|
|
|
|
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit doloremque dolorem quisquam
|
|
|
|
|
|
delectus temporibus. Sint repudiandae dolore placeat voluptate, commodi voluptatum earum hic
|
|
|
|
|
|
nesciunt nemo, delectus quia veritatis perferendis sapiente!
|
|
|
|
|
|
</p>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
|
|
|
|
|
|
2026-01-12 20:06:16 +01:00
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<div class="figure-simple">
|
|
|
|
|
|
<figure>
|
|
|
|
|
|
<img src="/images/methodologie-shema.webp" alt="Méthodologie de Botascopia">
|
|
|
|
|
|
<figcaption>Méthodologie de Botascopia</figcaption>
|
|
|
|
|
|
</figure>
|
|
|
|
|
|
</div>
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-01-09 12:23:22 +01:00
|
|
|
|
</div>
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</section>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2026-02-12 18:56:14 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section id="home__partenaires">
|
|
|
|
|
|
<div class="section--inner">
|
|
|
|
|
|
<h2 class="section--title">Partenaires</h2>
|
2026-02-16 00:12:22 +01:00
|
|
|
|
<include src="/components/logos.html"></include>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
</div>
|
2026-02-15 16:49:03 +01:00
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</main>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<include src="/components/site-footer.html"></include>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
<!-- SCRIPT À SUPPRIMER UNE FOIS LE SITE INTEGRÉ (include des composants)-->
|
|
|
|
|
|
<script>
|
|
|
|
|
|
function processIncludes() {
|
|
|
|
|
|
const includes = document.querySelectorAll('include[src]');
|
2026-02-11 10:39:01 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
if (includes.length === 0) {
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
2026-02-11 10:39:01 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
const promises = Array.from(includes).map(el => {
|
|
|
|
|
|
const src = el.getAttribute('src');
|
|
|
|
|
|
return fetch(src)
|
|
|
|
|
|
.then(r => {
|
|
|
|
|
|
if (!r.ok) throw new Error(`Erreur ${r.status}: ${src}`);
|
|
|
|
|
|
return r.text();
|
|
|
|
|
|
})
|
|
|
|
|
|
.then(html => {
|
|
|
|
|
|
el.outerHTML = html;
|
|
|
|
|
|
})
|
|
|
|
|
|
.catch(err => {
|
|
|
|
|
|
console.error('Erreur de chargement:', err);
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
2026-01-09 12:23:22 +01:00
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
Promise.all(promises).then(() => {
|
|
|
|
|
|
processIncludes();
|
|
|
|
|
|
});
|
2026-01-09 12:23:22 +01:00
|
|
|
|
}
|
|
|
|
|
|
|
2026-02-15 16:49:03 +01:00
|
|
|
|
document.addEventListener('DOMContentLoaded', processIncludes);
|
|
|
|
|
|
</script>
|
2026-01-09 12:23:22 +01:00
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
