Template:Zone Infobox: Difference between revisions
From HorizonXI Wiki
Starfox9507 (talk | contribs) No edit summary |
m (fixed missing closing elements and improved code comments) |
||
| Line 1: | Line 1: | ||
<noinclude>[[Category:Templates|{{PAGENAMEE}}]]</noinclude><includeonly><onlyinclude> | <noinclude>[[Category:Templates|{{PAGENAMEE}}]]</noinclude><includeonly><onlyinclude> | ||
<div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px;"> | <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px;"> | ||
<!-- | <!-- OPEN outer flex container for the entire Zone Infobox --> | ||
<div style="flex-grow: 9; flex-basis: 300px; background-color: #eddce7; padding: 8px;"> | <div style="flex-grow: 9; flex-basis: 300px; background-color: #eddce7; padding: 8px;"> | ||
<!-- | <!-- OPEN left part with description, TOC, map and connections--> | ||
<div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px;"> | <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px;"> | ||
<!-- | <!-- OPEN inner flex container for the left side to arrange description, TOC, map and connections --> | ||
<div style="flex-grow: 1; flex-basis: 100%;"> | <div style="flex-grow: 1; flex-basis: 100%;"> | ||
<!-- OPEN first row: description: full width --> | |||
<div class="zone-section-header zone-infobox-header">Description</div> | <div class="zone-section-header zone-infobox-header">Description</div> | ||
<div class="zone-section-body zone-infobox-body">{{{Description}}}</div> | <div class="zone-section-body zone-infobox-body">{{{Description}}}</div> | ||
<!-- CLOSE first row: description--> | |||
</div> | </div> | ||
<div style="flex-grow: 99; flex-basis: 200px; style="background-color: #eddce7"> | <div style="flex-grow: 99; flex-basis: 200px; style="background-color: #eddce7"> | ||
<!-- OPEN second row col 1: TOC and connections: half width--> | |||
<div class="zone-section-header zone-infobox-header">Table of Contents</div> | <div class="zone-section-header zone-infobox-header">Table of Contents</div> | ||
| Line 23: | Line 29: | ||
{{{Connections}}}</div> | {{{Connections}}}</div> | ||
<!-- CLOSE second row col 1: TOC and connections --> | |||
</div> | </div> | ||
<div style="flex-grow: 1; flex-basis: 330px; background-color: #eddce7"> | <div style="flex-grow: 1; flex-basis: 330px; background-color: #eddce7"> | ||
<!-- OPEN second row col 2: Map--> | |||
<div class="zone-section-header zone-infobox-header">Interactive Map</div> | <div class="zone-section-header zone-infobox-header">Interactive Map</div> | ||
<div class="zone-section-body zone-infobox-body"><center> | <div class="zone-section-body zone-infobox-body"><center> | ||
| Line 33: | Line 41: | ||
</center></div> | </center></div> | ||
<!-- | <!-- CLOSE second row col 2: map--> | ||
</div> | </div> | ||
<div style="flex-grow: 1; flex-basis: 100%;"> | <div style="flex-grow: 1; flex-basis: 100%;"> | ||
<!-- OPEN third row: weather forecast --> | |||
<div class="zone-section-header zone-infobox-header">Weather Forecast</div> | <div class="zone-section-header zone-infobox-header">Weather Forecast</div> | ||
<div class="zone-section-body zone-infobox-body"><center><ZoneForecast /></center></div> | <div class="zone-section-body zone-infobox-body"><center><ZoneForecast /></center></div> | ||
<!-- CLOSE third row: weather forecast --> | |||
</div> | |||
<!-- CLOSE inner flex container for left side --> | |||
</div> | </div> | ||
<!-- | <!-- CLOSE left part: description, TOC, map, connections--> | ||
</div> | |||
<!-- | <!-- OPEN right part: zone information --> | ||
<div style="flex-grow: 1; flex-basis: 300px; background-color: #eddce7; padding: 8px;"> | <div style="flex-grow: 1; flex-basis: 300px; background-color: #eddce7; padding: 8px;"> | ||
| Line 98: | Line 112: | ||
| {{{Notes|None}}} | | {{{Notes|None}}} | ||
|} | |} | ||
<!-- CLOSE right part: zone information--> | |||
</div> | </div> | ||
<!-- | |||
<!-- CLOSE outer flex container --> | |||
</div> | </div> | ||
__NOTOC__{{categorize|{{{1|}}}|<!-- | __NOTOC__{{categorize|{{{1|}}}|<!-- | ||
-->[[Category:Areas]][[Category:{{{Region}}}]]}} | -->[[Category:Areas]][[Category:{{{Region}}}]]}} | ||
Revision as of 09:58, 13 August 2024
Usage
Example 1: Valkurm Dunes
Description
This enormous expanse of dunes can be found along the Bhefhel Gulf. While a majority of the surrounding coastline is too shallow for larger sea vessels, one natural harbor does exist. Near this harbor lies the independent port town of Selbina.
Table of Contents
Connections
- Konschtat Highlands: (M-11)
- Gustav Tunnel: (B-8)
- Lufaise Meadows: (I-9)
- Selbina: (G-9)
- La Theine Plateau: (L-5)
- Dynamis - Valkurm: Hieroglyphics at (H-7)
Abyssea - Misareaux via Cavernous Maw at (I-9)
Interactive Map
Weather Forecast
Error: Forecast for ' Template:Zone_Infobox ' not found. Please report to Wiki devs on Discord.
Example 2: Bastok Markets
Description
The main thoroughfare of The Republic of Bastok, the markets is home to a wide number of shops, including the goldsmithing guild and the west Auction House (accessible just off of Firewater Circle). This is the center of town, and provides access to all of the other sections of Bastok.
Table of Contents
Connections
Interactive Map
Weather Forecast
Error: Forecast for ' Template:Zone_Infobox ' not found. Please report to Wiki devs on Discord.
| Zone Information | |
|---|---|
| Area Name | Bastok Markets |
| Type | City |
| Maps |  |
| Map Acquisition | Purchase |
| Miscellaneous | None |
| Hobbies | 
|
| Weather | None |
| Region | Bastok |
| Expansion | Final Fantasy XI |
| Requirements | None |
| Restrictions | None |
| Background music | "The Republic of Bastok" |
| Notes | None |
