|
|
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 four 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, as on medium-res displays, there are two columns.
| |
| Section 1 and 2 are on top with 1 on the left and 2 on the right.
| |
| Sections 3 and 4 are on the bottom with 3 at the left and 4 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| |3| |4| | | |2| |3|
| |
| |3| |4| | | | |
| |
| |4|
| |
| --> | | --> |
| <div class="fpbox"><!-- BEGIN Welcome box-->
| | <div id="fp-2flex" class="fp-container"> |
| {{FP heading|Dear users, as of August 2021 the official Caves of Qud wiki has migrated here, to <b>wiki.cavesofqud.com</b>, from Fandom.|type=subheading}}
| | {{/Welcome}} |
| </div>
| | {{/Main_Content}} |
| <div id="fp-3column" class="fp-container"> | | {{/Misc Wiki}} |
| | | {{/External Links}} |
| <div id="fp-1" class="fp-section">
| |
| {{/Section 1}} | |
| </div> | | </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> |
| <div id="fp-2" class="fp-section">
| |
| {{/Section 2}}
| |
| </div>
| |
| | |
| <div id="fp-3" class="fp-section">
| |
| {{/Section 3}}
| |
| </div>
| |
| | |
| <div id="fp-4" class="fp-section">
| |
| {{/Section 4}}
| |
| </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> | |
| __NOTITLE__ | | __NOTITLE__ |
| [[Category:{{SITENAME}}| ]] | | [[Category:{{SITENAME}}| ]] |