Template:Home/ConservationPanel: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) No edit summary |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<templatestyles src="Template:Home/ConservationPanel.css" /> | <templatestyles src="Template:Home/ConservationPanel.css" /> | ||
<div class="lw- | <div class="lw-cons-wrap"> | ||
<div class="lw- | <div class="lw-cons-panel" role="region" aria-label="Conservation overview"> | ||
<div class="lw- | <div class="lw-cons-eyebrow">Conservation status</div> | ||
<div class="lw- | <div class="lw-cons-row"> | ||
<div class="lw- | <div class="lw-cons-bar" role="img" aria-label="Conservation priority distribution"> | ||
< | <div class="lw-bar-seg lw-bar--critical" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}}" title="Critical"></div> | ||
< | <div class="lw-bar-seg lw-bar--high" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}" title="High"></div> | ||
< | <div class="lw-bar-seg lw-bar--medium" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Medium]]|format=count}}" title="Medium"></div> | ||
< | <div class="lw-bar-seg lw-bar--low" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Low]]|format=count}}" title="Low"></div> | ||
</div> | </div> | ||
<div class="lw- | <div class="lw-cons-callout"> | ||
<span class="lw- | <span class="lw-cons-pct">{{#expr: ({{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}} + {{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}) * 100 / {{#ifexpr: {{PAGESINCATEGORY:Accessions|pages}} > 0 | {{PAGESINCATEGORY:Accessions|pages}} | 1}} round 0}}%</span> | ||
<span class="lw- | <span class="lw-cons-pct-label">of landrace accessions documented are assessed as critical or high conservation priority</span> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="lw- | <div class="lw-cons-kpis" role="group" aria-label="Key metrics"> | ||
<div class="lw- | <div class="lw-cons-kpi" style="position:relative;"> | ||
<div class="lw- | [[:Category:Accessions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]] | ||
<div class="lw- | <div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Accessions|pages}}</div> | ||
<div class="lw-cons-kpi__label">Accessions</div> | |||
</div> | </div> | ||
<div class="lw- | <div class="lw-cons-kpi" style="position:relative;"> | ||
<div class="lw- | [[:Category:Growing Areas|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]] | ||
<div class="lw- | <div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Growing Areas|pages}}</div> | ||
<div class="lw-cons-kpi__label">Growing Areas</div> | |||
</div> | |||
<div class="lw-cons-kpi" style="position:relative;"> | |||
[[:Category:Growing Regions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]] | |||
<div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Growing Regions|pages}}</div> | |||
<div class="lw-cons-kpi__label">Growing Regions</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||