Home

Revision as of 18:26, 21 January 2019

The Block Box Wiki/Top section

The Block Box Wiki/Flex section

The Block Box Wiki/Bottom section

Main page sections: Top · Flex · Bottom. Changes for the main page can be proposed here.

@@ Line 1: / Line 1: @@
+<!-- TO EDIT MAIN PAGE CONTENT, see "Templates used on this page" below and edit:
-<!-- This is a responsive front page design that adapts to the available width
+     * {{SITENAME}}/Top section
-     of the browser by showing content in 1, 2, or 3 columns.
+     * {{SITENAME}}/Flex section
+     * {{SITENAME}}/Bottom section
-     This is done by dividing the main content of the page into four numbered sections.
+     This is a basic responsive front page design that adapts to the available width of the browser by
+     rearranging the sections themselves as well as content within each section. When narrow, the three sections
-     When the window is narrow, as on low-res displays, the content is displayed in a
-     single column in order: 1, 2, 3, 4
+     line up vertically in a single column. When wide enough, the middle (flex) section is pulled out to become a
+     right column.
+     Much of the layout and appearance is determined through styles defined in these pages:
-     When the window is medium, as on medium-res displays, there are two columns.
+     * MediaWiki:Hydradark.css (for the desktop view)
-     Section 1 and 2 are on top with 1 on the left and 2 on the right.
+     * MediaWiki:Mobile.css (for the mobile view)
-     Sections 3 and 4 are on the bottom with 4 at the left and 3 at the right.
-     When the window is wide, as on high-res displays, there are three columns.
-     Sections 1 and 4 take up the left column, with section 1 on top.
-     Section 2 takes up the middle column.
-     Section 3 takes up the right column.
-     Or, visually...
-       Narrow        Medium         Wide
-        |1|          |1| |2|        |1| | | | |
-        |2|          |4| |3|        | | |2| |3|
-        |3|                         |4| | | | |
-        |4|
 -->
 <div id="mf-home" class="fpmain">
-<div class="fpsection1"><!-- BEGIN SECTION 1 -->
+<div id="fptopsection"><!-- BEGIN TOP SECTION -->
-{{:{{SITENAME}}/Section 1}}
+{{:{{SITENAME}}/Top section}}
-</div><!--END SECTION 1-->
+</div><!--END TOP SECTION-->
-<div class="fpmidsections"><!--BEGIN LAYOUT WRAPPER FOR SECTIONS 2 and 3-->
+<div id="fpflexsection"><!-- BEGIN FLEX SECTION -->
+{{:{{SITENAME}}/Flex section}}
+</div><!--END FLEX OTHER SECTION-->
-<div class="fpsection2"><!-- BEGIN SECTION 2 -->
+<div id="fpbottomsection"><!-- BEGIN BOTTOM SECTION -->
-{{:{{SITENAME}}/Section 2}}
+{{:{{SITENAME}}/Bottom section}}
-</div><!--END SECTION 2-->
+</div><!--END BOTTOM OTHER SECTION-->
+</div>
-<div class="fpsection3"><!-- BEGIN SECTION 3 -->
-{{:{{SITENAME}}/Section 3}}
-</div><!--END SECTION 3-->
+<div class="nomobile" style="text-align: right; margin-right: 10px;"><small>Main page sections: [[{{SITENAME}}/Top section|Top]] &#183; [[{{SITENAME}}/Flex section|Flex]] &#183; [[{{SITENAME}}/Bottom section|Bottom]]. Changes for the main page can be proposed [[Talk:{{SITENAME}}|here]]. </small></div>
-</div><!--END LAYOUT WRAPPER FOR SECTIONS 2 and 3 -->
-<div class="fpsection4"><!-- BEGIN SECTION 4 -->
-{{:{{SITENAME}}/Section 4}}
-</div><!--END SECTION 4-->
-</div>
+<metadesc>The #1 community generated wiki resource for the game, The Block Box.</metadesc>
-<div class="nomobile" style="text-align: right;"><small>Main page sections: [[/Section 1|1]] &#183; [[/Section 2|2]] &#183; [[/Section 3|3]] &#183; [[/Section 4|4]]. Changes for the main page can be proposed [[Talk:{{SITENAME}}|here]]. </small></div>
-<metadesc>The comprehensive wiki resource for the game</metadesc>
-__NOTITLE__
 [[Category:{{SITENAME}}| ]]