Template:Zone Infobox: Difference between revisions

From HorizonXI Wiki
(fully reworked the template to make it mobile responsive)
mNo edit summary
 
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<noinclude>[[Category:Templates|{{PAGENAMEE}}]]</noinclude><includeonly><onlyinclude>
<noinclude>[[Category:Templates|{{PAGENAMEE}}]]</noinclude><includeonly><onlyinclude>
<!-- outer flex container for the entire Zone Infobox -->
<div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px;">
<div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px;">
<!-- Left part with description, TOC, map and connections-->
<!-- 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;">
<!-- inner flex container for the left side to arrange description, TOC, map and connections -->
<!-- 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;">
<!-- first row: description: full width -->
<!-- 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>
<!-- close first row: description-->
 
<!-- second row col 1: TOC and connections: half width-->
<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>
<!-- close second row col 1: TOC and connections -->
 
<!-- second row col 2: Map-->
<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>
{{{interactive map}}}
<!-- {{{interactive map}}} -->
<FFXIMap usepagename=true width=100% height=300px/>
</center></div>
</center></div>


<!-- CLOSE second row col 2: map-->
</div>
</div>
<!-- close second row col 2: map-->
 
</div></div>
<div style="flex-grow: 1; flex-basis: 100%;">
<!-- close inner flex container and left part: description, TOC, map, connections-->
<!-- OPEN third row: weather forecast -->
<!-- Start of right part: zone information -->
<div class="zone-section-header zone-infobox-header">Weather Forecast</div>
<div style="flex-grow: 1; flex-basis: 100%;"><center><ZoneForecast zone="{{{Zone|{{PAGENAMEE}}}}}"/></center></div>
<!-- CLOSE third row: weather forecast -->
</div>
 
<!-- CLOSE inner flex container for left side -->
</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 47: Line 67:
|-
|-
! Type
! Type
| {{{Type}}}
| {{#switch:{{lc:{{{Type}}}}}
| city = [[:Category:Cities|City]]{{categorize|{{{1|}}}|[[Category:Cities]]}}
| outdoor | outdoors | outside = [[:Category:Outdoor Areas|Outdoor]]{{categorize|{{{1|}}}|[[Category:Outdoor Areas]]}}
| battlefield = [[:Category:Battlefields|Battlefield]]{{categorize|{{{1|}}}|[[Category:Battlefields]]}}
| dungeon = [[:Category:Dungeons|Dungeon]]{{categorize|{{{1|}}}|[[Category:Dungeons]]}}
| #default = {{{Type}}}
}}
|-
|-
! Maps
! Maps
| {{{Maps|{{:{{{Zone|{{PAGENAME}}}}}}/Maps}}}}}
| {{{Maps|{{:{{{Zone|{{PAGENAME}}}}}/Maps}}}}}
|-
|-
! Map Acquisition
! Map Acquisition
Line 65: Line 91:
|-
|-
! Region
! Region
| [[{{{Region}}}]]
| [[{{{Region}}}]]{{categorize|{{{1|}}}|<!--
-->[[Category:{{{Region}}}]]}}
|-
|-
! Expansion
! Expansion
| {{{Expansion}}}
|{{#ifeq:{{#sub:{{{Expansion}}}|0|1}}|[ <!-- if is link -->
|{{{Expansion}}}{{categorize|{{{1|}}}|[[Category:{{#sub:{{{Expansion}}}|2|-2}}]]}} <!-- just display and strip brackets before categorization -->
|[[{{{Expansion}}}]]{{categorize|{{{1|}}}|[[Category:{{{Expansion}}}]]}} <!-- if its plain text, display in brackets and categorize as is -->
}}
|-
|-
! Requirements
! Requirements
| {{{Requirements}}}
| {{{Requirements|None}}}
|-
|-
! Restrictions
! Restrictions
| {{{Restrictions}}}
| {{{Restrictions|None}}}
|-
|-
! Background music
! Background music
Line 82: Line 112:
| {{{Notes|None}}}
| {{{Notes|None}}}
|}
|}
<!-- CLOSE right part: zone information-->
</div>
</div>
<!-- close right part: zone information-->
 
<!-- CLOSE outer flex container -->
</div>
</div>
<!-- close outer flex container -->
__NOTOC__{{categorize|{{{1|}}}|<!--
__NOTOC__{{categorize|{{{1|}}}|<!--
-->[[Category:Areas]][[Category:{{{Region}}}]]}}
-->[[Category:Areas]][[Category:{{{Region}}}]]}}
Line 94: Line 126:
{{Zone Infobox|nc
{{Zone Infobox|nc
| Zone = Valkurm Dunes
| Zone = Valkurm Dunes
| interactive map = <FFXIMap mapID=63 width=100% height=300px/>
| ToC =
| ToC =
*[[#Involved in Quests/Missions|Quests/Missions]]  
*[[#Involved in Quests/Missions|Quests/Missions]]  
Line 130: Line 163:
| interactive map = <FFXIMap mapID=1 width=100% height=300px/>
| interactive map = <FFXIMap mapID=1 width=100% height=300px/>
| ToC = [[#Involved in Quests/Missions|Quests/Missions]] • [[#fishing|Fishing]] • [[#NPCs Found Here|NPCs]] • [[#Area Layout|Area Layout]]
| ToC = [[#Involved in Quests/Missions|Quests/Missions]] • [[#fishing|Fishing]] • [[#NPCs Found Here|NPCs]] • [[#Area Layout|Area Layout]]
| Description = The main thoroughfare of [[Bastok|The Republic of Bastok]], the markets is home to a wide number of [[:category:architecture|shops]], including the [[:category:goldsmithing|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.
| Description = The main thoroughfare of [[Bastok|The Republic of Bastok]], the markets is home to a wide number of shops, including the [[:category:goldsmithing|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.
[[File:Bastok-markets-pic.jpg|left|320px]]
[[File:Bastok-markets-pic.jpg|left|320px]]
| Connections =   
| Connections =   

Latest revision as of 22:44, 27 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.
Valkurm-dunes-pic.jpg
Interactive Map
Weather Forecast
VanaDays from Today Normal (50%) Common (35%) Rare (15%)
Today
Sunshine
Dust Storms Dust Storm
Dust Storms Dust Storm
Tomorrow
No Change
2
No Change
3
No Change
4
Sunshine
Clouds.png Clouds
Clouds.png Clouds
5
Sunshine
Sunshine
Sunshine
6
No Change
7
No Change
8
Sunshine
Clouds.png Clouds
Clouds.png Clouds
9
Sunshine
Dust Storms Dust Storm
Dust Storms Dust Storm
10
Sunshine
Sunshine
Sunshine
11
Sunshine
Dust Storms Dust Storm
Dust Storms Dust Storm
12
No Change
13
No Change
14
Sunshine
Sunshine
Sunshine
15
No Change
Zone Information
Area Name Valkurm Dunes
Type Outdoor
Maps
Valkurm Dunes.png
Map Acquisition Purchase
Miscellaneous Able to ride Mounts Able to use Tractor Able to call Adventuring Fellow
Hobbies

Ffxi gld 01.png

Chocodig.png

Ffxi hby 10.PNG

Weather

Trans Earth.png

Trans Fire.png

Region Zulkheim
Expansion Original
Requirements None
Restrictions None
Background music
Notes None


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.
Bastok-markets-pic.jpg
Table of Contents
Quests/Missions • Fishing • NPCs • Area Layout
Connections
Metalworks: H-6, H-7
Port Bastok: G-3
Bastok Mines: H-13
South Gustaberg: D-11
Interactive Map
Weather Forecast
VanaDays from Today Normal (50%) Common (35%) Rare (15%)
Today
Sunshine
Sunshine
Sunshine
Tomorrow
No Change
2
No Change
3
No Change
4
No Change
5
No Change
6
No Change
7
No Change
8
No Change
9
No Change
10
No Change
11
No Change
12
No Change
13
No Change
14
No Change
15
No Change
Zone Information
Area Name Bastok Markets
Type City
Maps
Bastok-markets.png
Map Acquisition Purchase
Miscellaneous None
Hobbies Ffxi gld 01.png
Weather None
Region Bastok
Expansion Final Fantasy XI
Requirements None
Restrictions None
Background music "The Republic of Bastok"
Notes None


Retrieved from "https://horizonffxi.wiki/w/index.php?title=Template:Zone_Infobox&oldid=60685"