Template:MainPage: Difference between revisions

From Geometry Dash Expanded Wiki
Jump to navigation Jump to search
geometrydash.wiki.gg>Jamasto
m Jamasto renamed page Template:Main page to Template:MainPage without leaving a redirect
geometrydash.wiki.gg>Jamasto
mNo edit summary
Line 1: Line 1:
<includeonly>{{#invoke:MainPage|main}}</includeonly><noinclude>
<includeonly>{{#invoke:MainPage|main}}</includeonly><noinclude>
;Description
;Description
:This template is used to create a dynamic [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout grid layout] on the main page using wiki.gg's Improved Main Page (IMP) framework, initiated with [[Module:Main page]] to then present with [[Template:Main page box]] header-body content containers.  
:This template is used to create a dynamic [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout grid layout] on the main page using wiki.gg's Improved Main Page (IMP) framework, initiated with [[Module:MainPage]] to then present with [[Template:MP-Box]] header-body content containers.  
:The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but ''must'' form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.).
:The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but ''must'' form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.).


For example, the following input to desktop would produce a grid resembling the table following.
For example, the following input to desktop would produce a grid resembling the table following.
Line 20: Line 19:
  | style="background-color:#F0F3;" |about  
  | style="background-color:#F0F3;" |about  
|}
|}
:Where <code>welcome</code> is the contents of [[{{SITENAME}}/welcome]], <code>about</code> is the contents of [[{{SITENAME}}/about]], and so on. See [[Template:Main page box]] for more information about creating your own boxes.
:Where <code>welcome</code> is the contents of [[{{SITENAME}}/welcome]], <code>about</code> is the contents of [[{{SITENAME}}/about]], and so on. See [[Template:MP-Box]] for more information about creating your own boxes.


If you enter a keyword that does not have a corresponding box already, you'll be prompted to create one when saving or previewing the page.
If you enter a keyword that does not have a corresponding box already, you'll be prompted to create one when saving or previewing the page.
Line 35: Line 34:
;Syntax
;Syntax
<pre>
<pre>
{{Main page
{{MainPage
  |desktop = (required) [requires 3 main page box titles per line]
  |desktop = (required) [requires 3 main page box titles per line]
  |tablet  = (required) [requires 2 main page box titles per line]
  |tablet  = (required) [requires 2 main page box titles per line]
Line 43: Line 42:
;Sample
;Sample
<pre>
<pre>
{{Main page
{{MainPage
  |desktop =
  |desktop =
welcome welcome welcome
welcome welcome welcome
Line 60: Line 59:
</pre>
</pre>
;Sample output
;Sample output
{{Main page
{{MainPage
  |desktop =
  |desktop =
welcome welcome welcome
welcome welcome welcome
Line 75: Line 74:
external
external
}}
}}
==Dependencies==
For this template to work properly, you need the following:
*[[Module:Main page]]
*All templates in [[:Category:Main page templates]].
*All CSS within the "Main page layout" section found in [[MediaWiki:Common.css]].
[[Category:Container templates]]</noinclude>
[[Category:Container templates]]</noinclude>

Revision as of 09:33, 12 February 2026

Description
This template is used to create a dynamic grid layout on the main page using wiki.gg's Improved Main Page (IMP) framework, initiated with Module:MainPage to then present with Template:MP-Box header-body content containers.
The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but must form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.).

For example, the following input to desktop would produce a grid resembling the table following.

welcome welcome welcome
external external about
contribute contribute about
Where welcome is the contents of Geometry Dash Expanded Wiki/welcome, about is the contents of Geometry Dash Expanded Wiki/about, and so on. See Template:MP-Box for more information about creating your own boxes.

If you enter a keyword that does not have a corresponding box already, you'll be prompted to create one when saving or previewing the page.

If you leave a keyword out of a certain layout, it will not be displayed on that layout. A warning will be given at the top of the edit preview in case this was an accident, but can be safely ignored if intentional.

For additional hints and information, see the comments that came on your main page or ask a wiki.gg staff member for help.

Technical explanation

For the CSS savvy, this section explains how it works a bit under the hood.

The input to desktop, tablet, and mobile create CSS variables which are then used as the value of grid-template-areas in media queries for screen widths >=1350px, >=990px, and <990px. The boxes are given an id based on their subpage name, which is then used by the module to find the template, as well as by the box templates to assign them a CSS id of mp-box-<keyword>. Since these keywords are used directly in the grid layout, they must follow the rules of <custom-ident> naming.

Syntax
{{MainPage
 |desktop = (required) [requires 3 main page box titles per line]
 |tablet  = (required) [requires 2 main page box titles per line]
 |mobile  = (required) [requires 1 main page box titles per line]
}}
Sample
{{MainPage
 |desktop =
welcome welcome welcome
about about links
contribute contribute links
 |tablet =
welcome welcome
about links
contribute contribute
 |mobile =
welcome
about
contribute
links
}}
Sample output
welcome

The welcome main page box does not exist. Check your spelling or create it here.
<inputbox> type = create width = 25 placeholder = name (no spaces, cannot start with a number) buttonlabel = Create this main page box default = welcome prefix = Geometry Dash Expanded Wiki/ preload = Template:MP-Box--Preload summary = Created using preload </inputbox> See Template:MP-Box for more information.
For inherent technical restrictions on valid names, see <custom-ident>.

about

The about main page box does not exist. Check your spelling or create it here.
<inputbox> type = create width = 25 placeholder = name (no spaces, cannot start with a number) buttonlabel = Create this main page box default = about prefix = Geometry Dash Expanded Wiki/ preload = Template:MP-Box--Preload summary = Created using preload </inputbox> See Template:MP-Box for more information.
For inherent technical restrictions on valid names, see <custom-ident>.

external

The external main page box does not exist. Check your spelling or create it here.
<inputbox> type = create width = 25 placeholder = name (no spaces, cannot start with a number) buttonlabel = Create this main page box default = external prefix = Geometry Dash Expanded Wiki/ preload = Template:MP-Box--Preload summary = Created using preload </inputbox> See Template:MP-Box for more information.
For inherent technical restrictions on valid names, see <custom-ident>.

contribute

The contribute main page box does not exist. Check your spelling or create it here.
<inputbox> type = create width = 25 placeholder = name (no spaces, cannot start with a number) buttonlabel = Create this main page box default = contribute prefix = Geometry Dash Expanded Wiki/ preload = Template:MP-Box--Preload summary = Created using preload </inputbox> See Template:MP-Box for more information.
For inherent technical restrictions on valid names, see <custom-ident>.