Template:Accession: Difference between revisions
Template page
More actions
| Eloise Zomia (talk | contribs) No edit summary Tag: Reverted | Eloise Zomia (talk | contribs)  Undo revision 1021 by Eloise Zomia (talk) Tag: Undo | ||
| Line 1: | Line 1: | ||
| <includeonly> | |||
| <templatestyles src="Template:Accession/styles.css" /> | <templatestyles src="Template:Accession/styles.css" /> | ||
| <div class="accession-simple"> | <div class="accession-simple"> | ||
| <div class="hero-header"> | |||
|   <!-- Top section with title and pills --> | |||
|   <div class="hero-top"> | |||
|     <h1 class="hero-title">{{PAGENAME}}</h1> | |||
|     <div class="hero-subtitle">{{#show: {{{1}}} | ?Has accession ID}}</div> | |||
|     <div style="position: absolute; top: 1rem; right: 1rem;"> | |||
|       <div class="hero-subtitle" style="margin: 0 0 0.25rem 0;">{{#show: {{{1}}} | ?Has current status}}</div> | |||
|       <div class="hero-subtitle" style="margin: 0 0 0.25rem 0;">{{#show: {{{1}}} | ?Has documentation status}}</div> | |||
|       <div class="hero-subtitle" style="margin: 0;">{{#show: {{{1}}} | ?Has conservation priority}}</div> | |||
|      </div> |      </div> | ||
|    </div> |    </div> | ||
|    <!--  |    <!-- Split layout section --> | ||
|    <div class="hero-split  |    <div class="hero-split"> | ||
|      <!-- Left: Plant Photography --> | |||
|      <!--  | |||
|      <div class="hero-image"> |      <div class="hero-image"> | ||
|        {{# |       <!-- Main habitat photo with improved fallback --> | ||
|        {{#if: {{#show: {{{1}}} | ?Has habitat photo filename}} | | |||
|        {{# |         [[File:{{#show: {{{1}}} | ?Has habitat photo filename}}|600x400px|{{PAGENAME}} in natural habitat]] | ||
|        |{{#if: {{#show: {{{1}}} | ?Has whole plant photo filename}} | | |||
|         [[File:{{#show: {{{1}}} | ?Has whole plant photo filename}}|600x400px|{{PAGENAME}} whole plant]] | |||
|       |{{#if: {{#show: {{{1}}} | ?Has landscape photo filename}} | | |||
|         [[File:{{#show: {{{1}}} | ?Has landscape photo filename}}|600x400px|{{PAGENAME}} landscape]] | |||
|        | |        | | ||
|          <div class="photo-placeholder"> |          <div class="photo-placeholder"> | ||
| Line 40: | Line 32: | ||
|              <span class="placeholder-icon">🌿</span> |              <span class="placeholder-icon">🌿</span> | ||
|              <div class="placeholder-title">Genetic Heritage Documentation</div> |              <div class="placeholder-title">Genetic Heritage Documentation</div> | ||
|              <div class="placeholder-subtitle">Visual documentation preserves morphology and cultivation context |              <div class="placeholder-subtitle">Visual documentation preserves the morphology and cultivation context of this landrace population</div> | ||
|              <div class="placeholder-instruction">Upload habitat photo →  |              <div class="placeholder-instruction">Upload habitat photo → Add filename to "Has habitat photo filename"</div> | ||
|            </div> |            </div> | ||
|          </div> |          </div> | ||
|        }} |        }}}}}} | ||
|        <div class="image-overlay"> |        <div class="image-overlay"> | ||
|          <p class="image-caption"> |          <p class="image-caption">{{PAGENAME}} growing in traditional cultivation at {{#show: {{{1}}} | ?Has elevation}}m elevation</p> | ||
|        </div> |        </div> | ||
|      </div> |      </div> | ||
|      <!--  |      <!-- Right: Map --> | ||
|      <div class="hero-map"> |      <div class="hero-map"> | ||
|        <div class="map-container">🗺️ Interactive Map</div> |        <div class="map-container"> | ||
|         <!-- Placeholder for interactive map --> | |||
|         🗺️ Interactive Map | |||
|       </div> | |||
|        <!-- Location overlay --> |        <!-- Location overlay --> | ||
|        <div class="map-overlay"> |        <div class="map-overlay"> | ||
|          <h4>Location</h4> |          <h4>Location</h4> | ||
|          <div class="location-hierarchy"> |          <div class="location-hierarchy"> | ||
|            <div class="location-primary"> |            <div class="location-primary">{{#show: {{{1}}} | ?Has locality}}, {{#show: {{{1}}} | ?Has district}}</div> | ||
|            <div class="location-secondary">{{#show: {{{1}}} | ?Has province}}, {{#show: {{{1}}} | ?Has country}}</div> | |||
|            <div class="location-secondary"> | |||
|          </div> |          </div> | ||
|        </div> |        </div> | ||
|        <!-- Coordinates  |        <!-- Coordinates --> | ||
|        <div class="coordinates"> |        <div class="coordinates"> | ||
|          {{#show: {{{1}}} | ?Has GPS coordinates}} | |||
|        </div> |        </div> | ||
|      </div> |      </div> | ||
|    </div> |    </div> | ||
|    <!--  |    <!-- Bottom details strip --> | ||
|    <div class="hero-details"> |    <div class="hero-details"> | ||
|      <div class="detail-group"> |      <div class="detail-group"> | ||
|        <div class="detail-label">Collection Date</div> |        <div class="detail-label">Collection Date</div> | ||
|        <div class="detail-value">{{#show: {{{1}}} | ?Has collection date  |        <div class="detail-value">{{#show: {{{1}}} | ?Has collection date}}</div> | ||
|      </div> |      </div> | ||
|      <div class="detail-group"> |      <div class="detail-group"> | ||
|        <div class="detail-label">Type</div> |        <div class="detail-label">Type</div> | ||
|        <div class="detail-value">{{#show: {{{1}}} | ?Has collection type  |        <div class="detail-value">{{#show: {{{1}}} | ?Has collection type}}</div> | ||
|      </div> |      </div> | ||
|      <div class="detail-group"> |      <div class="detail-group"> | ||
|        <div class="detail-label">Classification</div> |        <div class="detail-label">Classification</div> | ||
|        <div class="detail-value highlight">{{#show: {{{1}}} | ?Has classification  |        <div class="detail-value highlight">{{#show: {{{1}}} | ?Has classification}}</div> | ||
|      </div> |      </div> | ||
|      <div class="detail-group"> |      <div class="detail-group"> | ||
|        <div class="detail-label">Elevation</div> |        <div class="detail-label">Elevation</div> | ||
|        <div class="detail-value"> |        <div class="detail-value">{{#show: {{{1}}} | ?Has elevation}}m</div> | ||
|      </div> |      </div> | ||
|      <div class="detail-group"> |      <div class="detail-group"> | ||
|        <div class="detail-label">Collector</div> |        <div class="detail-label">Collector</div> | ||
|        <div class="detail-value">{{#show: {{{1}}} | ?Has collector  |        <div class="detail-value">{{#show: {{{1}}} | ?Has collector}}</div> | ||
|      </div> |      </div> | ||
|     <!-- Geographic hierarchy breadcrumb --> | |||
|     <div class="geographic-path"> | |||
|       <h4>Geographic Hierarchy</h4> | |||
|       <div class="breadcrumb"> | |||
|          <span class="level">{{#show: {{{1}}} | ?Has regional complex}}</span> | |||
|          <span class="separator">→</span> | |||
|          <span class="level">{{#show: {{{1}}} | ?Has regional complex}}</span>  |         <span class="level">{{#show: {{{1}}} | ?Has growing region}}</span> | ||
|          <span class="separator">→</span> | |||
|          <span class="separator">→</span><span class="level">{{#show: {{{1}}} | ?Has growing region}}</span>  |         <span class="level">{{#show: {{{1}}} | ?Has growing area}}</span> | ||
|          <span class="separator">→</span> | |||
|          <span class="separator">→</span><span class="level">{{#show: {{{1}}} | ?Has growing area}}</span>  |         <span class="level">{{#show: {{{1}}} | ?Has appellation}}</span> | ||
|       </div> | |||
|          <span class="separator">→</span><span class="level">{{#show: {{{1}}} | ?Has appellation}}</span>  | |||
|      </div> |      </div> | ||
|    </div> |    </div> | ||
| </div> | </div> | ||
| <!--  | <!-- Content sections --> | ||
| {{BotanicalDescription|{{{1}}}}} | {{BotanicalDescription|{{{1}}}}} | ||
| {{EnvironmentalContext|{{{1}}}}} | {{EnvironmentalContext|{{{1}}}}} | ||
| </div> | |||
| </includeonly> | |||
| </ | |||