Toggle search
Toggle menu
84
103
34
3.2K
Landrace.Wiki - The Landrace Cannabis Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Home/ConservationPanel: Difference between revisions

Template page
More actions
← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 2: Line 2:


<div class="lw-cons-panel" role="region" aria-label="Conservation overview">
<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">Landrace Cannabis Conservation Overview</div>
<!-- KPI cards - now with auto-counting -->


  <!-- KPI cards -->
<div class="lw-kpis" role="group" aria-label="Key metrics">
  <div class="lw-kpis" role="group" aria-label="Key metrics">
    <div class="lw-kpi">
      <div class="lw-kpi__num">{{{regions|0}}}</div>
      <div class="lw-kpi__label">Growing regions</div>
    </div>
    <div class="lw-kpi">
      <div class="lw-kpi__num">{{{areas|0}}}</div>
      <div class="lw-kpi__label">Growing Areas</div>
    </div>
    <div class="lw-kpi">
      <div class="lw-kpi__num">{{{accessions|0}}}</div>
      <div class="lw-kpi__label">Accessions </div>
    </div>
  </div>


  <!-- Proportional status bar 1 -->
<div class="lw-kpi" style="position:relative;">
<div class="lw-cons-title">Growing Regions Status</div>
[[:Category:Growing Regions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
  <div class="lw-statusbar" role="img"
<div class="lw-kpi__num">{{PAGESINCATEGORY:Growing Regions|pages}}</div>
      aria-label="Status distribution across known regions (Stable {{{stable|0}}}, Vulnerable {{{vulnerable|0}}}, Endangered {{{endangered|0}}}, Critical {{{critical|0}}}, Extinct {{{extinct|0}}})">
<div class="lw-kpi__label">Growing regions</div>
    <div class="lw-seg lw-s-stable"    style="flex-grow:{{{stable|0}}}"    title="Stable • {{{stable|0}}}"></div>
</div>
    <div class="lw-seg lw-s-vulnerable"  style="flex-grow:{{{vulnerable|0}}}" title="Vulnerable • {{{vulnerable|0}}}"></div>
    <div class="lw-seg lw-s-endangered"  style="flex-grow:{{{endangered|0}}}" title="Endangered • {{{endangered|0}}}"></div>
    <div class="lw-seg lw-s-critical"   style="flex-grow:{{{critical|0}}}"  title="Critical • {{{critical|0}}}"></div>
    <div class="lw-seg lw-s-extinct"    style="flex-grow:{{{extinct|0}}}"    title="Extinct • {{{extinct|0}}}"></div>
  </div>


<!-- Flat legend -->
<div class="lw-kpi" style="position:relative;">
  <ul class="lw-legend" role="list" aria-label="Conservation legend">
[[:Category:Growing Areas|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
    <li class="lw-legend__item"><span class="dot dot--stable" aria-hidden="true"></span><span class="lbl">Stable</span><span class="count">{{{stable|0}}}</span></li>
<div class="lw-kpi__num">{{PAGESINCATEGORY:Growing Areas|pages}}</div>
    <li class="lw-legend__item"><span class="dot dot--vuln"  aria-hidden="true"></span><span class="lbl">Vulnerable</span><span class="count">{{{vulnerable|0}}}</span></li>
<div class="lw-kpi__label">Growing Areas</div>
    <li class="lw-legend__item"><span class="dot dot--end"    aria-hidden="true"></span><span class="lbl">Endangered</span><span class="count">{{{endangered|0}}}</span></li>
</div>
    <li class="lw-legend__item"><span class="dot dot--crit"  aria-hidden="true"></span><span class="lbl">Critical</span><span class="count">{{{critical|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--ext"    aria-hidden="true"></span><span class="lbl">Extinct</span><span class="count">{{{extinct|0}}}</span></li>
  </ul>


<!-- Proportional status bar 2 -->
<div class="lw-kpi" style="position:relative;">
<div class="lw-cons-title">Growing Areas Status</div>
[[:Category:Accessions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
  <div class="lw-statusbar" role="img"
<div class="lw-kpi__num">{{PAGESINCATEGORY:Accessions|pages}}</div>
      aria-label="Status distribution across known regions (Stable {{{stable|0}}}, Vulnerable {{{vulnerable|0}}}, Endangered {{{endangered|0}}}, Critical {{{critical|0}}}, Extinct {{{extinct|0}}})">
<div class="lw-kpi__label">Accessions</div>
    <div class="lw-seg lw-s-stable"    style="flex-grow:{{{stable|0}}}"    title="Stable • {{{stable|0}}}"></div>
</div>
    <div class="lw-seg lw-s-vulnerable"  style="flex-grow:{{{vulnerable|0}}}" title="Vulnerable • {{{vulnerable|0}}}"></div>
    <div class="lw-seg lw-s-endangered"  style="flex-grow:{{{endangered|0}}}" title="Endangered • {{{endangered|0}}}"></div>
    <div class="lw-seg lw-s-critical"   style="flex-grow:{{{critical|0}}}"  title="Critical • {{{critical|0}}}"></div>
    <div class="lw-seg lw-s-extinct"    style="flex-grow:{{{extinct|0}}}"    title="Extinct • {{{extinct|0}}}"></div>
  </div>


<!-- Flat legend -->
</div>
  <ul class="lw-legend" role="list" aria-label="Conservation legend">
   <!-- Proportional status bar - auto-calculated -->
    <li class="lw-legend__item"><span class="dot dot--stable" aria-hidden="true"></span><span class="lbl">Stable</span><span class="count">{{{stable|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--vuln"   aria-hidden="true"></span><span class="lbl">Vulnerable</span><span class="count">{{{vulnerable|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--end"    aria-hidden="true"></span><span class="lbl">Endangered</span><span class="count">{{{endangered|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--crit"  aria-hidden="true"></span><span class="lbl">Critical</span><span class="count">{{{critical|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--ext"    aria-hidden="true"></span><span class="lbl">Extinct</span><span class="count">{{{extinct|0}}}</span></li>
  </ul>


<!-- Proportional status bar 3 -->
<div class="lw-statusbar" role="img"
<div class="lw-cons-title">Accessions Status</div>
 
  <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}})">
      aria-label="Status distribution across known regions (Stable {{{stable|0}}}, Vulnerable {{{vulnerable|0}}}, Endangered {{{endangered|0}}}, Critical {{{critical|0}}}, Extinct {{{extinct|0}}})">
 
    <div class="lw-seg lw-s-stable"    style="flex-grow:{{{stable|0}}}"    title="Stable • {{{stable|0}}}"></div>
<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:{{{vulnerable|0}}}" title="Vulnerable • {{{vulnerable|0}}}"></div>
 
    <div class="lw-seg lw-s-endangered"  style="flex-grow:{{{endangered|0}}}" title="Endangered • {{{endangered|0}}}"></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-critical"    style="flex-grow:{{{critical|0}}}"  title="Critical • {{{critical|0}}}"></div>
 
    <div class="lw-seg lw-s-extinct"    style="flex-grow:{{{extinct|0}}}"    title="Extinct • {{{extinct|0}}}"></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>
 
<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>


  <!-- Flat legend -->
  <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">{{{stable|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--vuln"  aria-hidden="true"></span><span class="lbl">Vulnerable</span><span class="count">{{{vulnerable|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--end"    aria-hidden="true"></span><span class="lbl">Endangered</span><span class="count">{{{endangered|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--crit"  aria-hidden="true"></span><span class="lbl">Critical</span><span class="count">{{{critical|0}}}</span></li>
    <li class="lw-legend__item"><span class="dot dot--ext"    aria-hidden="true"></span><span class="lbl">Extinct</span><span class="count">{{{extinct|0}}}</span></li>
  </ul>
</div>
</div>

Latest revision as of 19:33, 15 January 2026

Landrace Cannabis Conservation Overview

7
Growing regions

10
Growing Areas

35
Accessions
  • Stable0
  • Vulnerable0
  • Endangered0
  • Critical0
  • Extinct0
Retrieved from "https://landrace.wiki/index.php?title=Template:Home/ConservationPanel&oldid=2309"