Template:Section columns: Difference between revisions

From Unofficial Homecoming Wiki
Jump to navigation Jump to search
m (increased horizontal gap)
(made sections 3 & 4 optional)
Line 11: Line 11:
</div>
</div>


{{#if:{{{heading 3|}}}{{{section 3|}}}|
<div role="region" aria-labelledby="{{anchorencode:{{{heading 3}}}}}" style="width: 40%; min-width: 50ch; flex: 1 0 auto;">
<div role="region" aria-labelledby="{{anchorencode:{{{heading 3}}}}}" style="width: 40%; min-width: 50ch; flex: 1 0 auto;">
{{{heading 3}}}
{{{heading 3}}}
{{{section 3}}}
{{{section 3}}}
</div>
</div>
}}


{{#if:{{{heading 4|}}}{{{section 4|}}}|
<div role="region" aria-labelledby="{{anchorencode:{{{heading 4}}}}}" style="width: 40%; min-width: 50ch; flex: 1 0 auto;">
<div role="region" aria-labelledby="{{anchorencode:{{{heading 4}}}}}" style="width: 40%; min-width: 50ch; flex: 1 0 auto;">
{{{heading 4}}}
{{{heading 4}}}
{{{section 4}}}
{{{section 4}}}
</div>
</div>
}}


</div></includeonly><noinclude>__NOTOC__ {{Documentation}}</noinclude>
</div></includeonly><noinclude>__NOTOC__ {{Documentation}}</noinclude>

Revision as of 04:04, 26 September 2023

[edit] [purge] Documentation

Responsive layout for small subsections. Displays subsections side-by-side in two columns in large viewports (e.g. desktop). Displays subsections in a single vertical column in small viewports (e.g. mobile).

Usage

{{section columns
| heading 1 = ...
| section 1 = ...
| heading 2 = ...
| section 2 = ...
}}

Additional heading 3, section 3, heading 4, section 4, heading 5, section 5, heading 6, and section 6 parameters are optional.

Example

{{section columns
| heading 1 =
=== Paragon City ===
| section 1 =
* Atlas Park
* Kings Row
* Steel Canyon
* Skyway City
* Independence Port
* Talos Island
* Brickstown
* Founders Falls
* Peregrine Island

| heading 2 =
=== Shadow Shard ===
| section 2 =
* Firebase Zulu
* Cascade Archipelago
* The Chantry
* The Storm Palace

| heading 3 =
=== Praetoria ===
| section 3 =
* Nova Praetoria
* Imperial City
* Neutropolis

| heading 4 =
=== Rogue Isles ===
| section 4 =
* Mercy Island
* Port Oakes
* Cap Au Diable
* Sharkhead Isle
* St. Martial
* Grandville
}}

Paragon City

  • Atlas Park
  • Kings Row
  • Steel Canyon
  • Skyway City
  • Independence Port
  • Talos Island
  • Brickstown
  • Founders Falls
  • Peregrine Island

Shadow Shard

  • Firebase Zulu
  • Cascade Archipelago
  • The Chantry
  • The Storm Palace

Praetoria

  • Nova Praetoria
  • Imperial City
  • Neutropolis

Rogue Isles

  • Mercy Island
  • Port Oakes
  • Cap Au Diable
  • Sharkhead Isle
  • St. Martial
  • Grandville

See also