|
|
| 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>
| |
<!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>
</body>
</html>