Template:Home/ConservationPanel: Difference between revisions

← Older edit Newer edit →

Revision as of 12:04, 1 April 2026

Conservation overview

39% of documented accessions are at critical or high conservation priority

Critical76
High94
Medium161
Low54

431

Accessions

13

Growing areas

6

Countries

@@ Line 1: / Line 1: @@
 <templatestyles src="Template:Home/ConservationPanel.css" />
 <div class="lw-cons-panel" role="region" aria-label="Conservation overview">
-<div class="lw-cons-title">Landrace Cannabis Conservation Overview</div>
+<div class="lw-cons-title">Conservation overview</div>
-<!-- KPI cards - now with auto-counting -->
+<div class="lw-cons-headline">
+<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 / {{PAGESINCATEGORY:Accessions|pages}} round 0}}%</span>
-<div class="lw-kpis" role="group" aria-label="Key metrics">
+<span class="lw-cons-pct-label">of documented accessions are at critical or high conservation priority</span>
-<div class="lw-kpi" style="position:relative;">
-[[:Category:Growing Regions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
-<div class="lw-kpi__num">{{PAGESINCATEGORY:Growing Regions|pages}}</div>
-<div class="lw-kpi__label">Growing regions</div>
 </div>
+<div class="lw-cons-bar" role="img" aria-label="Conservation priority distribution">
-<div class="lw-kpi" style="position:relative;">
+<div class="lw-bar-seg lw-bar--critical" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}}" title="Critical · {{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}}"></div>
+<div class="lw-bar-seg lw-bar--high" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}" title="High · {{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}"></div>
+<div class="lw-bar-seg lw-bar--medium" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Medium]]|format=count}}" title="Medium · {{#ask:[[Category:Accessions]][[Has conservation priority::Medium]]|format=count}}"></div>
+<div class="lw-bar-seg lw-bar--low" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Low]]|format=count}}" title="Low · {{#ask:[[Category:Accessions]][[Has conservation priority::Low]]|format=count}}"></div>
+</div>
+<ul class="lw-cons-legend" role="list" aria-label="Priority legend">
+<li class="lw-cons-legend__item"><span class="lw-ldot lw-ldot--critical"></span><span class="lw-llbl">Critical</span><span class="lw-lcount">{{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}}</span></li>
+<li class="lw-cons-legend__item"><span class="lw-ldot lw-ldot--high"></span><span class="lw-llbl">High</span><span class="lw-lcount">{{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}</span></li>
+<li class="lw-cons-legend__item"><span class="lw-ldot lw-ldot--medium"></span><span class="lw-llbl">Medium</span><span class="lw-lcount">{{#ask:[[Category:Accessions]][[Has conservation priority::Medium]]|format=count}}</span></li>
+<li class="lw-cons-legend__item"><span class="lw-ldot lw-ldot--low"></span><span class="lw-llbl">Low</span><span class="lw-lcount">{{#ask:[[Category:Accessions]][[Has conservation priority::Low]]|format=count}}</span></li>
+</ul>
+<div class="lw-cons-kpis-sep"></div>
+<div class="lw-cons-kpis" role="group" aria-label="Key metrics">
+<div class="lw-cons-kpi" style="position:relative;">
+[[:Category:Accessions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
+<div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Accessions|pages}}</div>
+<div class="lw-cons-kpi__label">Accessions</div>
+</div>
+<div class="lw-cons-kpi" style="position:relative;">
 [[:Category:Growing Areas|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
-<div class="lw-kpi__num">{{PAGESINCATEGORY:Growing Areas|pages}}</div>
+<div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Growing Areas|pages}}</div>
-<div class="lw-kpi__label">Growing Areas</div>
+<div class="lw-cons-kpi__label">Growing areas</div>
 </div>
+<div class="lw-cons-kpi" style="position:relative;">
-<div class="lw-kpi" style="position:relative;">
+[[:Category:Countries|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
-[[:Category:Accessions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
+<div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Countries|pages}}</div>
-<div class="lw-kpi__num">{{PAGESINCATEGORY:Accessions|pages}}</div>
+<div class="lw-cons-kpi__label">Countries</div>
-<div class="lw-kpi__label">Accessions</div>
 </div>
 </div>
-  <!-- Proportional status bar - auto-calculated -->
-<div class="lw-statusbar" role="img"
-aria-label="Status distribution across known regions (Stable {{PAGESINCATEGORY:Conservation Status - Stable|pages}}, Vulnerable {{PAGESINCATEGORY:Conservation Status - Vulnerable|pages}}, Endangered {{PAGESINCATEGORY:Conservation Status - Endangered|pages}}, Critical {{PAGESINCATEGORY:Conservation Status - Critical|pages}}, Extinct {{PAGESINCATEGORY:Conservation Status - Extinct|pages}})">
-<div class="lw-seg lw-s-stable"     style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Stable|pages}}"     title="Stable • {{PAGESINCATEGORY:Conservation Status - Stable|pages}}"></div>
-<div class="lw-seg lw-s-vulnerable"  style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Vulnerable|pages}}" title="Vulnerable • {{PAGESINCATEGORY:Conservation Status - Vulnerable|pages}}"></div>
-<div class="lw-seg lw-s-endangered"  style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Endangered|pages}}" title="Endangered • {{PAGESINCATEGORY:Conservation Status - Endangered|pages}}"></div>
- <div class="lw-seg lw-s-critical"    style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Critical|pages}}"   title="Critical • {{PAGESINCATEGORY:Conservation Status - Critical|pages}}"></div>
- <div class="lw-seg lw-s-extinct"     style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Extinct|pages}}"    title="Extinct • {{PAGESINCATEGORY:Conservation Status - Extinct|pages}}"></div>
- </div>
- <!-- Flat legend - auto-calculated -->
- <ul class="lw-legend" role="list" aria-label="Conservation legend">
- <li class="lw-legend__item"><span class="dot dot--stable" aria-hidden="true"></span><span class="lbl">Stable</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Stable|pages}}</span></li>
- <li class="lw-legend__item"><span class="dot dot--vuln"   aria-hidden="true"></span><span class="lbl">Vulnerable</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Vulnerable|pages}}</span></li>
- <li class="lw-legend__item"><span class="dot dot--end"    aria-hidden="true"></span><span class="lbl">Endangered</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Endangered|pages}}</span></li>
- <li class="lw-legend__item"><span class="dot dot--crit"   aria-hidden="true"></span><span class="lbl">Critical</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Critical|pages}}</span></li>
- <li class="lw-legend__item"><span class="dot dot--ext"    aria-hidden="true"></span><span class="lbl">Extinct</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Extinct|pages}}</span></li>
-</ul>
 </div>