|
|
(6 intermediate revisions by 3 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_| |
| | |_3_| | || | |
| | |_4_| |_____||_4_| |
| | |_5_| |____5_____| |
|
| |
|
| When the window is medium-sized, there are two columns.
| | --> |
| | | <div id="fp-2flex" class="fp-container"> |
| Section 1 serves as a header.
| | {{/Welcome}} |
| Sections 2 and 4 make up the left column.
| | {{/Main_Content}} |
| Section 3 makes up the right column.
| | {{/Misc Wiki}} |
| | | {{/External Links}} |
| | |
| 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:favicon.png|link=Main Page]]</div><!--this is to update the preview image for this page-->
| |
| <div class="fpbox"><!-- BEGIN Welcome box-->
| |
| {{FP heading|Users migrating from the old fandom wiki, [[User:Teamtoto/On_Merging|read this]]!|type=subheading}} | |
| </div> | | </div> |
| <div class="fp-container">
| | <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> |
| <div class="fp-section" id="fp-section1"><!-- BEGIN SECTION 1 -->
| | __NOTITLE__ |
| {{:{{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>
| |
| <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> | |
| | |
| <metadesc>The official wiki resource for the game Caves of Qud, a science fantasy RPG and roguelike epic by Freehold Games.</metadesc>
| |
| | |
| [[Category:{{SITENAME}}| ]] | | [[Category:{{SITENAME}}| ]] |