492 lines
No EOL
28 KiB
HTML
492 lines
No EOL
28 KiB
HTML
<!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>
|
||
|
||
<main data-page="species-list">
|
||
|
||
<header class="page-header">
|
||
<div class="page-header__inner">
|
||
|
||
<h2 class="page-title">Liste des espèces</h2>
|
||
|
||
<p class="description">
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio quasi facilis, explicabo similique molestiae dolorem consequuntur fugiat itaque iure fuga.
|
||
</p>
|
||
|
||
<div class="details">
|
||
|
||
<div class="details__item">
|
||
<p class="nbr">876</p>
|
||
<p class="text">espèces répertoriées</p>
|
||
</div>
|
||
<div class="details__item">
|
||
<p class="nbr">53</p>
|
||
<p class="text">contributeur·ices</p>
|
||
<button class="link-with-arrow"><a href="#">Voir la communuauté</a></button>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</header>
|
||
|
||
|
||
|
||
<div class="page-grid">
|
||
|
||
|
||
<input type="radio" id="view-grid" name="view" value="grid" checked />
|
||
<input type="radio" id="view-list" name="view" value="list"/>
|
||
<input type="radio" id="view-edit" name="view" value="edit" />
|
||
|
||
<div class="group-sort-view">
|
||
|
||
<div class="sort">
|
||
<p>Trier par</p>
|
||
<button class="btn-action is-selected">
|
||
<a class="text" href="#">Nom</a>
|
||
</button>
|
||
<button class="btn-action">
|
||
<a class="text" href="/species-list-by-families.html">Familles d’espèces</a>
|
||
</button>
|
||
|
||
</div>
|
||
|
||
<div class="view-toggle">
|
||
<p>Vue</p>
|
||
<label for="view-grid" class="btn-action"><span class="icon"><include src="/components/icons/view-grid.svg"></include></span> <span class="text">Galerie</span></label>
|
||
<label for="view-list" class="btn-action"><span class="icon"><include src="/components/icons/view-list.svg"></include></span> <span class="text">Liste</span></label>
|
||
<label for="view-edit" class="btn-action"><span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Édition</span></label>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<section class="page-species-list">
|
||
|
||
<div class="species-list">
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
|
||
<p class="latin">Acorus calamus L.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
|
||
<p class="latin">Acorus calamus L.</p>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" 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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Gouet d'Italie</a></h3>
|
||
<p class="latin">Arum Italicum Mill.</p>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Charme commun</a></h3>
|
||
<p class="latin">Carpinus betulus L.</p>
|
||
</div>
|
||
|
||
<div class="chart-edit">
|
||
<abbr title="Rempli à 0 % (0 / 5) et vérifié à 0 % (0 / 5)"><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 1 50 0 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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
|
||
<p class="latin">Acorus calamus L.</p>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" 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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Gouet d'Italie</a></h3>
|
||
<p class="latin">Arum Italicum Mill.</p>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Charme commun</a></h3>
|
||
<p class="latin">Carpinus betulus L.</p>
|
||
</div>
|
||
|
||
<div class="chart-edit">
|
||
<abbr title="Rempli à 0 % (0 / 5) et vérifié à 0 % (0 / 5)"><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 1 50 0 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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
|
||
<p class="latin">Acorus calamus L.</p>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" 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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Gouet d'Italie</a></h3>
|
||
<p class="latin">Arum Italicum Mill.</p>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Charme commun</a></h3>
|
||
<p class="latin">Carpinus betulus L.</p>
|
||
</div>
|
||
|
||
<div class="chart-edit">
|
||
<abbr title="Rempli à 0 % (0 / 5) et vérifié à 0 % (0 / 5)"><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 1 50 0 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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
|
||
<p class="latin">Acorus calamus L.</p>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" 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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Gléchome lierre terrestre</a></h3>
|
||
<p class="latin">Glechoma hederacea</p>
|
||
</div>
|
||
|
||
<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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
<article class="taxon">
|
||
<figure>
|
||
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
|
||
</figure>
|
||
<div class="name">
|
||
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Charme commun</a></h3>
|
||
<p class="latin">Carpinus betulus L.</p>
|
||
</div>
|
||
|
||
<div class="chart-edit">
|
||
<abbr title="Rempli à 0 % (0 / 5) et vérifié à 0 % (0 / 5)"><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 1 50 0 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-action btn-edit">
|
||
<a href="#" target="_blank">
|
||
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
|
||
</a>
|
||
</button>
|
||
<a class="link-block" href="/species-single.html" target="_blank"></a>
|
||
</article>
|
||
|
||
|
||
|
||
|
||
</section>
|
||
|
||
</div>
|
||
|
||
</main>
|
||
|
||
|
||
|
||
<include src="/components/site-footer.html"></include>
|
||
|
||
|
||
|
||
<!-- SCRIPT À SUPPRIMER UNE FOIS LE SITE INTEGRÉ (include des composants)-->
|
||
<script>
|
||
function processIncludes() {
|
||
const includes = document.querySelectorAll('include[src]');
|
||
|
||
if (includes.length === 0) {
|
||
return;
|
||
}
|
||
|
||
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);
|
||
});
|
||
});
|
||
|
||
Promise.all(promises).then(() => {
|
||
processIncludes();
|
||
});
|
||
}
|
||
|
||
document.addEventListener('DOMContentLoaded', processIncludes);
|
||
</script>
|
||
</body>
|
||
|
||
</html> |