imported>Kittymmeow |
|
(9 intermediate revisions by 4 users not shown) |
Line 1: |
Line 1: |
| <!-- This is a responsive front page design that adapts to the available width | | <!-- This is a responsive front page design that adapts to the available width |
| of the browser by showing content in 1, 2, or 3 columns. | | of the browser by showing content in 1, or 2 columns. |
|
| |
|
| This is done by dividing the main content of the page into three numbered sections.
| | Narrow Medium/Wide |
| When the window is narrow, as on low-res displays, the content is displayed in a
| | Screen Screen |
| single column in order: 1, 2, 3, 4
| | |_1_| | ||_2_| |
| | | |_2_| | 1 ||_3_| |
| When the window is medium-sized, there are two columns.
| | |_3_| | || | |
| | | |_4_| |_____||_4_| |
| Section 1 serves as a header.
| | |_5_| |____5_____| |
| Sections 2 and 4 make up the left column.
| |
| Section 3 makes up the right column.
| |
| | |
| | |
| When the window is wide, there are three columns.
| |
| | |
| Sections 1 and 2 make up the left column.
| |
| Section 3 makes up the middle column.
| |
| Section 4 makes up the right column.
| |
| | |
| | |
| Or, visually...
| |
| Narrow: Medium: Wide: | |
| | 1 | |___1___| | 1 | | | | |
| | 2 | | 2 | | |–––| 3 | 4 | | |
| | 3 | |–––| 3 | | 2 | | | | |
| | 4 | | 4 | | | |
| --><div style="width:0;height:0;overflow:hidden;">__NOTITLE__
| |
| [[File:Wiki.png|link=Main Page]]</div><!--this is to update the preview image for this page-->
| |
| <div class="fp-container">
| |
| | |
| <div class="fp-section" id="fp-section1"><!-- BEGIN SECTION 1 -->
| |
| {{:{{FULLPAGENAME}}/Section 1}}
| |
| </div><!--END SECTION 1-->
| |
| | |
| <div class="fp-section" id="fp-section2"><!-- BEGIN SECTION 2 -->
| |
| {{:{{FULLPAGENAME}}/Section 2}}
| |
| </div><!--END SECTION 2-->
| |
| | |
| <div class="fp-section" id="fp-section3"><!-- BEGIN SECTION 3 -->
| |
| {{:{{FULLPAGENAME}}/Section 3}}
| |
| </div><!--END SECTION 3-->
| |
| | |
| <div class="fp-section" id="fp-section4"><!-- BEGIN SECTION 4 -->
| |
| {{:{{FULLPAGENAME}}/Section 4}}
| |
| </div><!--END SECTION 4-->
| |
|
| |
|
| | --> |
| | <div id="fp-2flex" class="fp-container"> |
| | {{/Welcome}} |
| | {{/Main_Content}} |
| | {{/Misc Wiki}} |
| | {{/External Links}} |
| </div> | | </div> |
| <div class="nomobile" style="text-align: right;"><small>Main page sections: [[/Section 1|1]] · [[/Section 2|2]] · [[/Section 3|3]] · [[/Section 4|4]]. Changes for the main page can be proposed [[Talk:{{SITENAME}}|here]]. </small></div> | | <div class="nomobile" style="text-align: right;"><small>Main page sections: [[/Main Content|Main Content]] · [[/Welcome|Welcome]] · [[/Misc Wiki|Misc Wiki]] · [[/External Links|External Links]] ·. Changes for the main page can be proposed [[Talk:{{SITENAME}}|here]]. </small></div> |
| | | __NOTITLE__ |
| <metadesc>The ultimate wiki resource for , ...</metadesc>
| |
| | |
| [[Category:{{SITENAME}}| ]] | | [[Category:{{SITENAME}}| ]] |