studio-variable/botascopia-webiste-static
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

reorganisation style

Browse source
This commit is contained in:
Julie Blanc 2026-02-15 16:49:03 +01:00
parent e390d8cd5b
commit 718ca47696
20 changed files with 1187 additions and 821 deletions
Download patch file Download diff file Expand all files Collapse all files

77
species-list.html
View file

@ -46,14 +46,15 @@
<figure>
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<h3 class="vernacular">Acore odorant</h3>
<h4 class="latin">Acorus calamus L.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
<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>
</div>
@ -77,22 +78,23 @@
<figure>
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<h3 class="vernacular">Acore odorant</h3>
<h4 class="latin">Acorus calamus L.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
<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>
<article class="taxon">
<figure>
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
</figure>
<h3 class="vernacular">Aulne glutineux</h3>
<h4 class="latin">Alnus glutinosa</h4>
<h3 class="vernacular"><a href="#" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
<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>
@ -101,14 +103,15 @@
<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>
<h3 class="vernacular">Gouet d’Italie</h3>
<h4 class="latin">Arum Italicum Mill.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
<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>
@ -117,6 +120,7 @@
<button class="btn-edit">
<include src="/components/icons/edit.svg"></include>
</button>
<a class="link-block" href="#" target="_blank"></a>
</article>
<article class="taxon">
@ -124,7 +128,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<h3 class="vernacular">Charme commun</h3>
<h4 class="latin">Carpinus betulus L.</h4>
<p class="latin">Carpinus betulus L.</p>
<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>
@ -133,28 +137,30 @@
<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/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<h3 class="vernacular">Acore odorant</h3>
<h4 class="latin">Acorus calamus L.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
<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>
<article class="taxon">
<figure>
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
</figure>
<h3 class="vernacular">Aulne glutineux</h3>
<h4 class="latin">Alnus glutinosa</h4>
<h3 class="vernacular"><a href="#" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
<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>
@ -163,14 +169,15 @@
<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>
<h3 class="vernacular">Gouet d’Italie</h3>
<h4 class="latin">Arum Italicum Mill.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
<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>
@ -179,6 +186,7 @@
<button class="btn-edit">
<include src="/components/icons/edit.svg"></include>
</button>
<a class="link-block" href="#" target="_blank"></a>
</article>
<article class="taxon">
@ -186,7 +194,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<h3 class="vernacular">Charme commun</h3>
<h4 class="latin">Carpinus betulus L.</h4>
<p class="latin">Carpinus betulus L.</p>
<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>
@ -195,6 +203,7 @@
<button class="btn-edit">
<include src="/components/icons/edit.svg"></include>
</button>
<a class="link-block" href="#" target="_blank"></a>
</article>
@ -217,22 +226,23 @@
<figure>
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<h3 class="vernacular">Acore odorant</h3>
<h4 class="latin">Acorus calamus L.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
<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>
<article class="taxon">
<figure>
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
</figure>
<h3 class="vernacular">Aulne glutineux</h3>
<h4 class="latin">Alnus glutinosa</h4>
<h3 class="vernacular"><a href="#" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
<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>
@ -241,14 +251,15 @@
<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>
<h3 class="vernacular">Gouet d’Italie</h3>
<h4 class="latin">Arum Italicum Mill.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
<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>
@ -257,6 +268,7 @@
<button class="btn-edit">
<include src="/components/icons/edit.svg"></include>
</button>
<a class="link-block" href="#" target="_blank"></a>
</article>
<article class="taxon">
@ -264,7 +276,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<h3 class="vernacular">Charme commun</h3>
<h4 class="latin">Carpinus betulus L.</h4>
<p class="latin">Carpinus betulus L.</p>
<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>
@ -273,28 +285,30 @@
<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/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<h3 class="vernacular">Acore odorant</h3>
<h4 class="latin">Acorus calamus L.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
<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>
<article class="taxon">
<figure>
<img src="/images/Alnus_glutinosa_morphology_outlook_illustration_photo.jpeg">
</figure>
<h3 class="vernacular">Aulne glutineux</h3>
<h4 class="latin">Alnus glutinosa</h4>
<h3 class="vernacular"><a href="#" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
<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>
@ -303,14 +317,15 @@
<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>
<h3 class="vernacular">Gouet d’Italie</h3>
<h4 class="latin">Arum Italicum Mill.</h4>
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
<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>
@ -319,6 +334,7 @@
<button class="btn-edit">
<include src="/components/icons/edit.svg"></include>
</button>
<a class="link-block" href="#" target="_blank"></a>
</article>
<article class="taxon">
@ -326,7 +342,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<h3 class="vernacular">Charme commun</h3>
<h4 class="latin">Carpinus betulus L.</h4>
<p class="latin">Carpinus betulus L.</p>
<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>
@ -335,6 +351,7 @@
<button class="btn-edit">
<include src="/components/icons/edit.svg"></include>
</button>
<a class="link-block" href="#" target="_blank"></a>
</article>