Template:KeitaArea: Difference between revisions

From Pokemon Revolution Online Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 6: Line 6:
       </div>
       </div>
       <div class="infobox-content">
       <div class="infobox-content">
      <div class="infobox-content collage">
<!-- Map section - handles both single and multiple maps -->
      <!-- Header for the collage -->
{{#if:{{{Maps|}}} |
      <div class="collage-title">Map Overview</div>
  <!-- Multiple maps display when Maps parameter is provided -->
  <div class="multiple-maps">
    <p class="maps-title">Area Maps</p>
    <div class="maps-grid">
      <!-- Define array from Maps parameter -->
      {{#arraydefine:mapArray|{{{Maps}}}}}
        
        
       <!-- Maps grid container -->
       <!-- Loop through each map in the array -->
      <div class="maps-grid">
      {{#loop: i | 1 | {{#arraysize:mapArray}} |
        <!-- Loop through all maps in the array -->
        <!-- Calculate 0-based index -->
        {{#loop: iterations| 1| {{#arraysize:maps}}|  
        {{#vardefine:index|{{#expr:{{#var:i}} - 1}}}}
          <!-- Calculate vector index (0-based) from iteration (1-based) -->
       
          {{#vardefine:vector|{{#expr:{{#var:iterations}} - 1}}}}
        <!-- Create div for each map -->
         
        <div class="map-item">
          <!-- Create a div for each map with styling -->
          [[File:{{#arrayindex:mapArray|{{#var:index}}}}.png|200px|alt={{#arrayindex:mapArray|{{#var:index}}}}|class=map-thumbnail]]
          <div class="map-item">
          <p class="map-caption">{{#arrayindex:mapArray|{{#var:index}}}}</p>
            <img src="{{#arrayindex:maps|{{#var:vector}}}}.png" alt="{{#arrayindex:maps|{{#var:vector}}}} Map" class="map-thumbnail" />
        </div>
            <div class="map-caption">{{#arrayindex:maps|{{#var:vector}}}}</div>
      }}
          </div>
        }}
      </div>
     </div>
     </div>
      </div>
  </div>
  <!-- END: COLLAGE VIEW -->
|  
|  
   <!-- BEGIN: OVERVIEW VIEW - This code runs when Maps parameter is NOT provided -->
   <!-- Single map display when Map parameter is provided, or default to page name -->
   <div class="infobox">
   {{#if:{{{Map|}}} |
    <div class="infobox-header">{{PAGENAME}} - {{{Region|}}}</div>
     <div class="single-map">
     <div class="infobox-content">
       <p class="map-title">Area Map</p>
       <img src="{{PAGENAME}}.png" alt="{{PAGENAME}} Map" class="map-image" />
      [[File:{{{Map}}}.png|400px|alt={{{Name|{{PAGENAME}}}}} Map|class=map-image]]
     </div>
     </div>
   </div>
   |
  <!-- END: OVERVIEW VIEW -->
    <!-- Default map (uses page name as filename) -->
    <div class="single-map">
      <p class="map-title">Area Map</p>
      [[File:{{PAGENAME}}.png|400px|alt={{PAGENAME}} Map|class=map-image]]
    </div>
  }}
}}
}}
         <div class="minimap-area">
         <div class="minimap-area">

Revision as of 19:43, 25 February 2025