Template:KeitaArea: Difference between revisions

From Pokemon Revolution Online Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<noinclude>This is used to tabulate all basic area data.</noinclude>
<!DOCTYPE html>
<includeonly>{{#vardefine:border|#{{{{{Type}}}_color_dark}}}}{{#vardefine:background|#{{{{{Type}}}_color}}}}{{#vardefine:cell|#{{{{{Type}}}_color_light}}}}<table class="informational-box" align="right" style="width: 43%; background-color: {{#var:background}}; border: 5px solid {{#var:border}}; border-radius: 25px; padding: 5px; text-align: center;">
<html lang="en">
<tr><td colspan="3" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}}; color: {{#var:border}}; font-weight: bold; font-size: 20px;">{{PAGENAME}} - [[{{{Region}}}|<span style="color:{{#var:border}};">{{{Region}}}</span>]]</td></tr>
  <head>
<tr>{{#if:{{{Maps|}}} |
    <meta charset="UTF-8" />
{{#arraydefine:maps|{{{Maps}}}}}
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<div style="text-align: center; width: 100%; padding: 6px; color:{{#var:border}};">
    <link rel="stylesheet" href="style2.css" />
    <div style="color: {{#var:border}}; margin-bottom: 5px; font-weight: bold; border-radius: 25px; border: 3px solid {{#var:border}}; background-color:{{#var:cell}}; padding: 4px;">
  </head>
        Overviewing collage
  <body>
    </div>
    <includeonly>
    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%;">
      <div class="infobox" align="right">
        {{#vardefine:placeholder|1}}
        <div class="infobox-header">
        {{#loop: iterations|
          {{{Name|{{PAGENAME}}}}} - {{{Region|Unknown}}}
        1|
        </div>
        {{#arraysize:maps}}|
        <div class="infobox-content">
        {{#vardefine:vector|{{#expr:{{#var:iterations}} - 1}}}}
          {{#if: {{{Map|}}} |
        <div style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}}; padding: 10px;">
          [[File:{{{Map}}}.png|400px|alt={{{Name|{{PAGENAME}}}}}
             <div style="text-align: center; padding: 3px;">
          Map|class=map-image]] | ''No map provided'' }}
                 <div>
 
                    <img src="[[File:{{#arrayindex:maps|{{#var:vector}}}}.png]]" style="width: 100px;" alt="Image">
          <!-- Minimap section, shown only if Minimap is provided -->
                 </div>
          {{#if: {{{Minimap|}}} |
                 <div>{{#arrayindex:maps|{{#var:vector}}}}</div>
          <div class="minimap-area">
            <p class="MinimapLocation">Minimap Location</p>
            [[File:{{{Minimap}}}.gif|200px|alt={{{Name|{{PAGENAME}}}}}
            Minimap|class=map-image minimap]]
          </div>
          }}
          <hr />
          <!-- Gym section, shown only if Badge is provided -->
          {{#if: {{{Badge|}}} |
          <div class="infobox-section">
            <h3>{{{Name|{{PAGENAME}}}}} Gym</h3>
            <div class="table-container">
              <table>
                <tr>
                  <td>Gym-leader</td>
                  <td>{{{GymLeader|Unknown}}}</td>
                </tr>
                <tr>
                  <td>Type</td>
                  <td>
                    [[{{{GymType|Unknown}}}_(type)|{{{GymType|Unknown}}}]]
                  </td>
                </tr>
                <tr>
                  <td>Badge</td>
                  <td>{{{Badge|Unknown}}}</td>
                </tr>
              </table>
            </div>
          </div>
          }}
          <!-- Resources section, shown only if NPCs, Items, or BerryTrees > 0 -->
          {{#vardefine:resources|{{#expr:{{{NPCs|0}}}+{{{Items|0}}}+{{{BerryTrees|0}}}}}}}
          {{#ifexpr: {{#var:resources}} > 0 |
          <div class="infobox-section">
            <h3>Resources</h3>
             <div class="table-container">
              <table>
                 <tr>
                  <td>Battle NPCs</td>
                  <td>{{{NPCs|0}}}</td>
                </tr>
                <tr>
                  <td>Ground Items</td>
                  <td>{{{Items|0}}}</td>
                 </tr>
                 <tr>
                  <td>Berry Trees</td>
                  <td>{{{BerryTrees|0}}}</td>
                </tr>
              </table>
             </div>
             </div>
          </div>
          }}
          <div class="infobox-section">
            <h3>Adjacent areas</h3>
          </div>
          <div class="center-grid-keita">
            <div class="grid-keita">
              {{#if: {{{North|}}} |
              <div class="north box">[[{{{North}}}]]</div>
              }} {{#if: {{{West|}}} |
              <div class="west box">[[{{{West}}}]]</div>
              }}
              <div class="plus"><img src="arrow.webp" alt="" /></div>
              {{#if: {{{East|}}} |
              <div class="east box">[[{{{East}}}]]</div>
              }} {{#if: {{{South|}}} |
              <div class="south box">[[{{{South}}}]]</div>
              }}
            </div>
          </div>
         </div>
         </div>
        {{#ifexpr:{{#var:iterations}} / 3 = {{#var:placeholder}} |
      </div>
        {{#vardefine:placeholder|{{#expr:{{#var:placeholder}} + 1}}}}
      <!-- Categories -->
        }}
      [[Category:Locations]] {{#if: {{{Region|}}} | [[Category:{{{Region}}}
        {{#ifexpr:{{#var:iterations}} mod 3 = 0 | </div><div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%;">}}
      areas]]}} {{#if: {{{Badge|}}} | [[Category:Gyms]]}}
        }}
    </includeonly>
    </div>
  </body>
</div>
</html>
 
|
<td colspan="3" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}}; padding: 6px;"><p style="color: {{#var:border}}; margin-bottom: 5px; font-weight: bold;">Overview</p>[[File:{{PAGENAME}}.png|400px]]</td>
}}
</tr>
{{#ifexist:File:{{PAGENAME}}.gif|{{#vardefine:location|{{PAGENAME}}}}|{{#if:{{{Location|}}}|{{#vardefine:location|{{{Location}}}}}}}}}
{{#if:{{#var:location}}|<tr><td colspan="3" style="background-color: {{#var:cell}}; border-radius: 25px; border: 3px solid {{#var:border}};"><p style="color: {{#var:border}}; margin-bottom: 5px; font-weight: bold;">Location</p>[[File:{{#var:location}}.gif|200px]]<p style="font-color: 10px: margin-top: 4px;>A positional vantage point of {{PAGENAME}} in {{{Region}}}.</p></td></tr>}}
{{#if:{{{Badge|}}} |
{{#vardefine:badge|{{{Badge|}}}}}
{{#vardefine:leader|{{{Leader|}}}}}
<tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};">
<table style="width: 100%; padding: 7px;">
<tr><td colspan="3">[[File:{{{Badge}}}_Badge_Icon.png]]<p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">{{PAGENAME}} Gym</p></td></tr>
<tr>
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Gym-leader</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{Leader}}}</div></td>
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Type specialty</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">[[{{{GymType}}}_(type)|{{{GymType}}}]]</div></td>
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 3px; margin-bottom: 7px;">Badge</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 3px;">{{{Badge}}} Badge</div></td></tr>
</table>
</td>
</tr>
}}
{{#vardefine:resources|{{#expr:{{#expr:{{{Items|0}}}}}+{{{BerryTrees|0}}}+{{{BattleNPCs|0}}}}}}}
{{#ifexpr:{{#var:resources}} > 0 |
<tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};">
<table style="width: 100%; padding: 6px;">
<tr><td colspan="4"><p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">Resources</p></td></tr>
<tr>
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 5px; margin-bottom: 7px;">Battleable NPCs</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 5px;">{{{BattleNPCs|0}}}</div></td>
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 5px; margin-bottom: 7px;">Ground-lootable items</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 5px;">{{{Items|0}}}</div></td>
<td style="border-radius: 25px; padding: 5px;"><div style="background-color: {{#var:border}}; border-radius: 25px; font-weight: bold; color: {{#var:cell}}; padding: 5px; margin-bottom: 7px;">Berry trees</div><div style="background-color: #FFFFFF; border-radius: 25px; padding: 5px;">{{{BerryTrees|0}}}</div></td></tr>
</table>
</td>
</tr>
}}
{{#vardefine:placeholder|{{#iferror: {{#expr:{{{North|0}}}+{{{West|0}}}+{{{South|0}}}+{{{East|0}}}}}| 1 | 0 }}}}
{{#ifexpr:{{#var:placeholder}} > 0 |
<tr><td colspan="3" style="border-radius: 25px; margin: auto auto; background-color: {{#var:cell}}; border: 3px solid {{#var:border}};">
<table style="width: 100%; padding: 7px;">
<tr><td colspan="3"><p style="margin-bottom: 5px; margin: auto auto; color: {{#var:border}}; font-weight: bold; font-size: 18px;">Adjacent areas</p></td></tr>
<tr>
<td></td>
<td width="25%" style="background-color:#FFFFFF; border-radius: 100px 100px 1px 1px; border: 3px solid {{#var:border}}; margin: auto auto; padding: 5px;">↑{{#if:{{{North|}}} | <br>[[{{{North}}}]]}}</td></tr>
<td></td>
<tr>
<td width="25%" style="background-color:#FFFFFF; border-radius: 100px 1px 1px 100px; border: 3px solid {{#var:border}}; padding: 5px;">← {{#if:{{{West|}}} | [[{{{West}}}]]}}</td>
<td width="25%" style="background-color:#FFFFFF; border: 3px solid {{#var:border}}; margin: auto auto; padding: 5px;">'''{{PAGENAME}}'''</td>
<td width="25%" style="background-color:#FFFFFF; border-radius: 1px 100px 100px 1px; border: 3px solid {{#var:border}}; padding: 5px;">{{#if:{{{East|}}} | [[{{{East}}}]]}} →</td>
</tr>
<tr>
<td></td>
<td width="25%" style="background-color:#FFFFFF; border-radius: 1px 1px 100px 100px; border: 3px solid {{#var:border}}; padding: 8px;">{{#if:{{{South|}}} | [[{{{South}}}]]<br>}}↓</td>
<td></td>
</tr>
</table>
</td>
</tr>
}}
</table>
 
 
[[Category:Locations]] {{#if:{{{Region}}} | [[Category:{{{Region}}} areas]]}} {{#switch: {{ucfirst:{{{Type}}}}} | Cave = [[Category:Caves]] | Mountain = [[Category:Mountains]] | Forest = [[Category:Forests]] | Lake = [[Category:Lakes]] | #default = }} {{#if:{{{Badge|}}} | [[Category:Gyms]]}}
</includeonly>

Revision as of 11:20, 24 February 2025

<!DOCTYPE html> <html lang="en">

 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="style2.css" />
 </head>
 <body>
   <includeonly>
     <div class="infobox" align="right">
       <div class="infobox-header">
         {{{Name|{{PAGENAME}}}}} - {{{Region|Unknown}}}
       </div>
       <div class="infobox-content">
         {{#if: {{{Map|}}} |
         [[File:{{{Map}}}.png|400px|alt={{{Name|{{PAGENAME}}}}}
         Map|class=map-image]] | ''No map provided'' }}
         <!-- Minimap section, shown only if Minimap is provided -->
         {{#if: {{{Minimap|}}} |
         <div class="minimap-area">
           <p class="MinimapLocation">Minimap Location</p>
           [[File:{{{Minimap}}}.gif|200px|alt={{{Name|{{PAGENAME}}}}}
           Minimap|class=map-image minimap]]
         </div>
         }}
         <hr />
         <!-- Gym section, shown only if Badge is provided -->
         {{#if: {{{Badge|}}} |
         <div class="infobox-section">
           <h3>{{{Name|{{PAGENAME}}}}} Gym</h3>
           <div class="table-container">
             <table>
               <tr>
                 <td>Gym-leader</td>
                 <td>{{{GymLeader|Unknown}}}</td>
               </tr>
               <tr>
                 <td>Type</td>
                 <td>
                   [[{{{GymType|Unknown}}}_(type)|{{{GymType|Unknown}}}]]
                 </td>
               </tr>
               <tr>
                 <td>Badge</td>
                 <td>{{{Badge|Unknown}}}</td>
               </tr>
             </table>
           </div>
         </div>
         }}
         <!-- Resources section, shown only if NPCs, Items, or BerryTrees > 0 -->
         {{#vardefine:resources|{{#expr:{{{NPCs|0}}}+{{{Items|0}}}+{{{BerryTrees|0}}}}}}}
         {{#ifexpr: {{#var:resources}} > 0 |
         <div class="infobox-section">
           <h3>Resources</h3>
           <div class="table-container">
             <table>
               <tr>
                 <td>Battle NPCs</td>
                 <td>{{{NPCs|0}}}</td>
               </tr>
               <tr>
                 <td>Ground Items</td>
                 <td>{{{Items|0}}}</td>
               </tr>
               <tr>
                 <td>Berry Trees</td>
                 <td>{{{BerryTrees|0}}}</td>
               </tr>
             </table>
           </div>
         </div>
         }}
         <div class="infobox-section">
           <h3>Adjacent areas</h3>
         </div>
         <div class="center-grid-keita">
           <div class="grid-keita">
             {{#if: {{{North|}}} |
             <div class="north box">[[{{{North}}}]]</div>
             }} {{#if: {{{West|}}} |
             <div class="west box">[[{{{West}}}]]</div>
             }}
             <div class="plus"><img src="arrow.webp" alt="" /></div>
             {{#if: {{{East|}}} |
             <div class="east box">[[{{{East}}}]]</div>
             }} {{#if: {{{South|}}} |
             <div class="south box">[[{{{South}}}]]</div>
             }}
           </div>
         </div>
       </div>
     </div>
     <!-- Categories -->
     [[Category:Locations]] {{#if: {{{Region|}}} | [[Category:{{{Region}}}
     areas]]}} {{#if: {{{Badge|}}} | [[Category:Gyms]]}}
   </includeonly>
 </body>

</html>