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

add logo

Browse source
This commit is contained in:
Julie Blanc 2026-02-16 12:26:33 +01:00
parent 09d4bc5204
commit 1b76727eff
10 changed files with 147 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/css/_site-header.scss
View file

@ -13,11 +13,25 @@
a{ text-decoration: none; }
#logo-botascopia{
display: flex;
align-items: center;
gap: 10px;
svg{
width: 35px;
fill: var(--color-green);
}
}
h1{
font-family: var(--font-title);
color: var(--color-txt);
text-decoration: none;
font-size: 1.2rem;
font-size: 25px;
position: relative;
top: -2px;
color: var(--color-green);
}
}
#site-header ul{

1
assets/css/components/_taxon-card.scss
View file

@ -74,7 +74,6 @@
&:hover{
outline: 2px solid var(--color-green);
background-color: var(--color-green-medium);
}

11
assets/css/pages/_home-item-nav.scss
View file

@ -13,10 +13,6 @@
display: flex;
flex-direction: column;
&:hover{
background-color: var(--color-light);
// color: white;
}
cursor: pointer;
@ -46,7 +42,12 @@
}
&:hover{
border-color: var(--color-txt);
// .title{
// color: var(--data-color);
// }
background-color: var(--data-color-light);
// border-color: var(--color-txt);
.btn--go-to{
left: calc(var(--unit)*0.25);
}

4
assets/css/pages/_home.scss
View file

@ -95,10 +95,10 @@
}
.section--title {
font-size: 3.6em;
// font-size: 3.6em;
margin-bottom: calc(var(--unit)*1.5);
color: var(--color-green);
// color: var(--color-orange);
}

24
assets/style.css
View file

@ -127,11 +127,23 @@ figure, picture, img {
#site-header a {
text-decoration: none;
}
#site-header #logo-botascopia {
display: flex;
align-items: center;
gap: 10px;
}
#site-header #logo-botascopia svg {
width: 35px;
fill: var(--color-green);
}
#site-header h1 {
font-family: var(--font-title);
color: var(--color-txt);
text-decoration: none;
font-size: 1.2rem;
font-size: 25px;
position: relative;
top: -2px;
color: var(--color-green);
}
#site-header ul {
@ -1494,7 +1506,6 @@ input#view-grid:checked ~ .view-toggle label[for=view-grid] svg {
}
.species-list .taxon:hover {
outline: 2px solid var(--color-green);
background-color: var(--color-green-medium);
}
#view-edit:checked ~ .page-species-list .family .species-list,
@ -1644,11 +1655,6 @@ input#view-grid:checked ~ .view-toggle label[for=view-grid] svg {
min-height: calc(var(--unit) * 5);
display: flex;
flex-direction: column;
}
.item-nav:hover {
background-color: var(--color-light);
}
.item-nav {
cursor: pointer;
}
.item-nav .title {
@ -1674,7 +1680,7 @@ input#view-grid:checked ~ .view-toggle label[for=view-grid] svg {
padding-right: 2ch;
}
.item-nav:hover {
border-color: var(--color-txt);
background-color: var(--data-color-light);
}
.item-nav:hover .btn--go-to {
left: calc(var(--unit) * 0.25);
@ -1750,9 +1756,7 @@ input#view-grid:checked ~ .view-toggle label[for=view-grid] svg {
max-width: 100%;
}
#home__hero .section--title {
font-size: 3.6em;
margin-bottom: calc(var(--unit) * 1.5);
color: var(--color-green);
}
#home__hero {
/* button{ display: none;} */

2
assets/style.css.map
View file

File diff suppressed because one or more lines are too long

19
components/logo-botascopiasvg.svg Normal file
View file

@ -0,0 +1,19 @@
<svg width="100%" height="100%" viewBox="0 0 1442 1442" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-175923,-10468)">
<g transform="matrix(0.126462,0,0,0.463357,154606,3775.53)">
<rect x="168566" y="14444.6" width="11393.4" height="3109.18" style="fill:none;"/>
<g transform="matrix(-20.6186,1.98779,-7.28325,-5.62735,180138,17172.1)">
<path d="M263.708,85.044L263.823,85.003L263.824,85.003L454.395,152.187L441.576,188.704C357.004,168.958 335.533,184.057 301.483,172.029C294.583,169.592 284.067,165.336 275.642,155.646C247.658,123.456 263.708,85.044 263.708,85.044Z"/>
</g>
<g transform="matrix(20.6186,1.98779,7.28325,-5.62735,168387,17172.1)">
<path d="M263.708,85.044L263.823,85.003L263.824,85.003L454.395,152.187L441.576,188.704C357.004,168.958 335.533,184.057 301.483,172.029C294.583,169.592 284.067,165.336 275.642,155.646C247.658,123.456 263.708,85.044 263.708,85.044Z"/>
</g>
<g transform="matrix(7.79856,0,0,2.93676,-726462,-119045)">
<path d="M115415,46482.9L114917,46482.9L114917,46425.5L116082,46425.5L116082,46482.9L115584,46482.9C115579,46495.4 115564,46504.7 115545,46504.7L115453,46504.7C115435,46504.7 115419,46495.4 115415,46482.9Z"/>
</g>
<g transform="matrix(-2.88055,0.786179,-1.95001,-0.532209,552896,-42467.8)">
<path d="M103151,42843.5C103222,42877.1 103292,42939.9 103353,43030C103478,43213.3 103525,43456 103485,43638.6C103361,43698 103197,43627.4 103073,43444.1C103010,43351.1 102967,43242.8 102945,43134.9C102929,43147 102913,43158.1 102897,43168C102951,43327.3 102983,43524.6 102983,43738C102983,44147 102865,44496.6 102700,44634.1C102534,44496.6 102417,44147 102417,43738C102417,43524.6 102449,43327.3 102503,43168C102484,43156.7 102466,43143.9 102448,43129.6C102427,43236.9 102385,43344.9 102322,43437.4C102202,43614.7 102043,43683 101924,43625.6C101885,43448.9 101931,43214.1 102051,43036.7C102112,42947.2 102182,42885.4 102253,42853.6C102243,42831 102235,42807.7 102227,42783.7C102123,42855.5 101996,42897.6 101860,42897.6C101583,42897.6 101346,42723.8 101253,42479.5C101346,42235.1 101583,42061.3 101860,42061.3C101990,42061.3 102111,42099.8 102213,42165.9C102219,42144.4 102225,42123.3 102232,42102.8C102168,42067.9 102104,42008.5 102048,41926.2C101925,41744.4 101878,41503.8 101917,41322.7C102040,41263.9 102203,41333.8 102326,41515.6C102380,41594.9 102419,41685.4 102443,41777.3C102456,41766.1 102470,41755.7 102484,41746.2C102441,41598.5 102417,41423.5 102417,41236.1C102417,40827.1 102534,40477.6 102700,40340C102865,40477.6 102983,40827.1 102983,41236.1C102983,41423.5 102958,41598.5 102916,41746.2C102929,41755.2 102942,41765 102955,41775.6C102979,41687 103017,41599.9 103069,41523.4C103192,41341.8 103355,41271.9 103477,41330.7C103517,41511.6 103470,41752 103347,41933.5C103293,42013.3 103231,42071.5 103169,42106.7C103176,42127.2 103182,42148.3 103188,42169.8C103291,42101.3 103414,42061.3 103547,42061.3C103824,42061.3 104060,42235.1 104153,42479.5C104060,42723.8 103824,42897.6 103547,42897.6C103408,42897.6 103279,42854 103174,42779.7C103167,42801.5 103159,42822.8 103151,42843.5ZM102700,41942.8C102510,41942.8 102356,42170.6 102356,42451.1C102356,42731.7 102510,42959.4 102700,42959.4C102890,42959.4 103044,42731.7 103044,42451.1C103044,42170.6 102890,41942.8 102700,41942.8Z"/>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

23
components/site-header.html
View file

@ -1,5 +1,26 @@
<header id="site-header">
<a href="/">
<a id="logo-botascopia" href="/">
<div class="logo-botascopia">
<svg width="100%" height="100%" viewBox="0 0 1442 1442" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-175923,-10468)">
<g transform="matrix(0.126462,0,0,0.463357,154606,3775.53)">
<rect x="168566" y="14444.6" width="11393.4" height="3109.18" style="fill:none;"/>
<g transform="matrix(-20.6186,1.98779,-7.28325,-5.62735,180138,17172.1)">
<path d="M263.708,85.044L263.823,85.003L263.824,85.003L454.395,152.187L441.576,188.704C357.004,168.958 335.533,184.057 301.483,172.029C294.583,169.592 284.067,165.336 275.642,155.646C247.658,123.456 263.708,85.044 263.708,85.044Z"/>
</g>
<g transform="matrix(20.6186,1.98779,7.28325,-5.62735,168387,17172.1)">
<path d="M263.708,85.044L263.823,85.003L263.824,85.003L454.395,152.187L441.576,188.704C357.004,168.958 335.533,184.057 301.483,172.029C294.583,169.592 284.067,165.336 275.642,155.646C247.658,123.456 263.708,85.044 263.708,85.044Z"/>
</g>
<g transform="matrix(7.79856,0,0,2.93676,-726462,-119045)">
<path d="M115415,46482.9L114917,46482.9L114917,46425.5L116082,46425.5L116082,46482.9L115584,46482.9C115579,46495.4 115564,46504.7 115545,46504.7L115453,46504.7C115435,46504.7 115419,46495.4 115415,46482.9Z"/>
</g>
<g transform="matrix(-2.88055,0.786179,-1.95001,-0.532209,552896,-42467.8)">
<path d="M103151,42843.5C103222,42877.1 103292,42939.9 103353,43030C103478,43213.3 103525,43456 103485,43638.6C103361,43698 103197,43627.4 103073,43444.1C103010,43351.1 102967,43242.8 102945,43134.9C102929,43147 102913,43158.1 102897,43168C102951,43327.3 102983,43524.6 102983,43738C102983,44147 102865,44496.6 102700,44634.1C102534,44496.6 102417,44147 102417,43738C102417,43524.6 102449,43327.3 102503,43168C102484,43156.7 102466,43143.9 102448,43129.6C102427,43236.9 102385,43344.9 102322,43437.4C102202,43614.7 102043,43683 101924,43625.6C101885,43448.9 101931,43214.1 102051,43036.7C102112,42947.2 102182,42885.4 102253,42853.6C102243,42831 102235,42807.7 102227,42783.7C102123,42855.5 101996,42897.6 101860,42897.6C101583,42897.6 101346,42723.8 101253,42479.5C101346,42235.1 101583,42061.3 101860,42061.3C101990,42061.3 102111,42099.8 102213,42165.9C102219,42144.4 102225,42123.3 102232,42102.8C102168,42067.9 102104,42008.5 102048,41926.2C101925,41744.4 101878,41503.8 101917,41322.7C102040,41263.9 102203,41333.8 102326,41515.6C102380,41594.9 102419,41685.4 102443,41777.3C102456,41766.1 102470,41755.7 102484,41746.2C102441,41598.5 102417,41423.5 102417,41236.1C102417,40827.1 102534,40477.6 102700,40340C102865,40477.6 102983,40827.1 102983,41236.1C102983,41423.5 102958,41598.5 102916,41746.2C102929,41755.2 102942,41765 102955,41775.6C102979,41687 103017,41599.9 103069,41523.4C103192,41341.8 103355,41271.9 103477,41330.7C103517,41511.6 103470,41752 103347,41933.5C103293,42013.3 103231,42071.5 103169,42106.7C103176,42127.2 103182,42148.3 103188,42169.8C103291,42101.3 103414,42061.3 103547,42061.3C103824,42061.3 104060,42235.1 104153,42479.5C104060,42723.8 103824,42897.6 103547,42897.6C103408,42897.6 103279,42854 103174,42779.7C103167,42801.5 103159,42822.8 103151,42843.5ZM102700,41942.8C102510,41942.8 102356,42170.6 102356,42451.1C102356,42731.7 102510,42959.4 102700,42959.4C102890,42959.4 103044,42731.7 103044,42451.1C103044,42170.6 102890,41942.8 102700,41942.8Z"/>
</g>
</g>
</g>
</svg>
</div>
<h1>Botascopia</h1>
</a>

68
species-list-by-families.html
View file

@ -131,7 +131,7 @@
</figure>
<div class="name">
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
</div>
@ -143,7 +143,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
</div>
@ -168,7 +168,7 @@
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
@ -179,7 +179,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -187,7 +187,7 @@
<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>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
</div>
@ -200,7 +200,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -208,7 +208,7 @@
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
</div>
@ -221,7 +221,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -229,7 +229,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Charme commun</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Charme commun</a></h3>
<p class="latin">Carpinus betulus L.</p>
</div>
@ -242,7 +242,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -250,7 +250,7 @@
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
@ -261,7 +261,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -269,7 +269,7 @@
<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>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
</div>
@ -282,7 +282,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -290,7 +290,7 @@
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
</div>
@ -303,7 +303,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -311,7 +311,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Charme commun</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Charme commun</a></h3>
<p class="latin">Carpinus betulus L.</p>
</div>
@ -324,7 +324,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
@ -348,7 +348,7 @@
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
@ -359,7 +359,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -367,7 +367,7 @@
<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>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
</div>
@ -380,7 +380,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -388,7 +388,7 @@
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
</div>
@ -401,7 +401,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -409,7 +409,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Charme commun</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Charme commun</a></h3>
<p class="latin">Carpinus betulus L.</p>
</div>
@ -422,7 +422,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -430,7 +430,7 @@
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
@ -441,7 +441,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -449,7 +449,7 @@
<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>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
</div>
@ -462,7 +462,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -470,7 +470,7 @@
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Gléchome lierre terrestre</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Gléchome lierre terrestre</a></h3>
<p class="latin">Glechoma hederacea</p>
</div>
@ -483,7 +483,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -491,7 +491,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Charme commun</a></h3>
<h3 class="vernacular"><a href="/species-list.html" target="_blank">Charme commun</a></h3>
<p class="latin">Carpinus betulus L.</p>
</div>
@ -504,7 +504,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>

68
species-list.html
View file

@ -89,7 +89,7 @@
</figure>
<div class="name">
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
</div>
@ -101,7 +101,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
@ -113,7 +113,7 @@
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
@ -124,7 +124,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -132,7 +132,7 @@
<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>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
</div>
@ -145,7 +145,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -153,7 +153,7 @@
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
</div>
@ -166,7 +166,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -174,7 +174,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Charme commun</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Charme commun</a></h3>
<p class="latin">Carpinus betulus L.</p>
</div>
@ -187,7 +187,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -195,7 +195,7 @@
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
@ -206,7 +206,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -214,7 +214,7 @@
<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>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
</div>
@ -227,7 +227,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -235,7 +235,7 @@
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
</div>
@ -248,7 +248,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -256,7 +256,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Charme commun</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Charme commun</a></h3>
<p class="latin">Carpinus betulus L.</p>
</div>
@ -269,7 +269,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
@ -282,7 +282,7 @@
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
@ -293,7 +293,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -301,7 +301,7 @@
<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>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
</div>
@ -314,7 +314,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -322,7 +322,7 @@
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Gouet d'Italie</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Gouet d'Italie</a></h3>
<p class="latin">Arum Italicum Mill.</p>
</div>
@ -335,7 +335,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -343,7 +343,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Charme commun</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Charme commun</a></h3>
<p class="latin">Carpinus betulus L.</p>
</div>
@ -356,7 +356,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -364,7 +364,7 @@
<img src="/images/Acorus_calamus_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Acore odorant</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Acore odorant</a></h3>
<p class="latin">Acorus calamus L.</p>
</div>
@ -375,7 +375,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -383,7 +383,7 @@
<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>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Aulne glutineux</a></h3>
<p class="latin">Alnus glutinosa</p>
</div>
@ -396,7 +396,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -404,7 +404,7 @@
<img src="/images/Arum_italicum_morphology_outlook_illustration_photo.png">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Gléchome lierre terrestre</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Gléchome lierre terrestre</a></h3>
<p class="latin">Glechoma hederacea</p>
</div>
@ -417,7 +417,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>
<article class="taxon">
@ -425,7 +425,7 @@
<img src="/images/Ballota_nigra_morphology_outlook_illustration_photo.jpeg">
</figure>
<div class="name">
<h3 class="vernacular"><a href="#" target="_blank">Charme commun</a></h3>
<h3 class="vernacular"><a href="/species-single.html" target="_blank">Charme commun</a></h3>
<p class="latin">Carpinus betulus L.</p>
</div>
@ -438,7 +438,7 @@
<span class="icon"><include src="/components/icons/edit.svg"></include></span> <span class="text">Éditer</span>
</a>
</button>
<a class="link-block" href="#" target="_blank"></a>
<a class="link-block" href="/species-single.html" target="_blank"></a>
</article>