Line 1: | Line 1: | ||
+ | <!-- This is a responsive front page design that adapts to the available width |
||
− | <!-- TO EDIT MAIN PAGE CONTENT, see "Templates used on this page" below and edit: |
||
+ | of the browser by showing content in 1, 2, or 3 columns. |
||
− | * {{SITENAME}}/Top section |
||
− | * {{SITENAME}}/Flex section |
||
− | * {{SITENAME}}/Bottom section |
||
− | This is |
+ | This is done by dividing the main content of the page into four numbered sections. |
+ | When the window is narrow, as on low-res displays, the content is displayed in a |
||
− | rearranging the sections themselves as well as content within each section. When narrow, the three sections |
||
− | + | single column in order: 1, 2, 3, 4 |
|
⚫ | |||
+ | When the window is medium, as on medium-res displays, there are two columns. |
||
− | Much of the layout and appearance is determined through styles defined in these pages: |
||
+ | Section 1 and 2 are on top with 1 on the left and 2 on the right. |
||
− | * MediaWiki:Hydradark.css (for the desktop view) |
||
+ | Sections 3 and 4 are on the bottom with 3 at the left and 4 at the right. |
||
− | * MediaWiki:Mobile.css (for the mobile view) |
||
+ | |||
+ | 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. |
||
⚫ | |||
+ | |||
+ | Or, visually... |
||
+ | Narrow Medium Wide |
||
+ | |1| |1| |2| |1| | | | | |
||
+ | |2| |3| |4| | | |2| |3| |
||
+ | |3| |4| | | | | |
||
+ | |4| |
||
--> |
--> |
||
− | <div id=" |
+ | <div id="fp-3column" class="fp-container"> |
+ | |||
+ | <div id="fp-1" class="fp-section"> |
||
+ | {{/Section 1}} |
||
⚫ | |||
+ | |||
+ | <div id="fp-2" class="fp-section"> |
||
+ | {{/Section 2}} |
||
+ | </div> |
||
+ | <div id="fp-3" class="fp-section"> |
||
− | <div id="fptopsection"><!-- BEGIN TOP SECTION --> |
||
+ | {{/Section 3}} |
||
− | {{:{{SITENAME}}/Top section}} |
||
− | </div |
+ | </div> |
+ | <div id="fp-4" class="fp-section"> |
||
− | <div id="fpflexsection"><!-- BEGIN FLEX SECTION --> |
||
+ | {{/Section 4}} |
||
− | {{:{{SITENAME}}/Flex section}} |
||
+ | </div> |
||
− | </div><!--END FLEX OTHER SECTION--> |
||
+ | </div> |
||
− | <div id="fpbottomsection"><!-- BEGIN BOTTOM SECTION --> |
||
− | {{:{{SITENAME}}/Bottom section}} |
||
− | </div><!--END BOTTOM OTHER SECTION--> |
||
⚫ | |||
⚫ | |||
+ | __NOTITLE__ |
||
+ | [[Category:{{SITENAME}}| ]] |
||
⚫ | |||
--><metadesc>The #1 official community generated wiki resource for Between the Stars</metadesc>__NOTITLE__[[Category:{{SITENAME}}| ]] |
--><metadesc>The #1 official community generated wiki resource for Between the Stars</metadesc>__NOTITLE__[[Category:{{SITENAME}}| ]] |
Revision as of 19:05, 8 June 2021
Between the Stars Wiki/Section 1
Between the Stars Wiki/Section 2
Between the Stars Wiki/Section 3
Between the Stars Wiki/Section 4
Main page sections: 1 · 2 · 3 · 4. Changes for the main page can be proposed here.
-->