No edit summary |
(move main page content into subpages and use responsive layout) |
||
(7 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
+ | <!-- 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. |
||
+ | This is done by dividing the main content of the page into four numbered sections. |
||
− | {| style="width: 100%;" cellspacing=10 |
||
+ | When the window is narrow, as on low-res displays, the content is displayed in a |
||
− | |-valign="top" |
||
+ | single column in order: 1, 2, 3, 4 |
||
− | | <div style="padding:0.5em; width:100%; font-variant: small-caps; text-align: center; vertical-align=:top;"> |
||
+ | |||
− | <div id="mf-welcomeheader" style="font-size: 150%;">'''Welcome to {{SITENAME}}.'''<br> |
||
+ | When the window is medium, as on medium-res displays, there are two columns. |
||
− | [[File:banner.png|650px|center|link=Magicka Wiki|alt=Magicka Wiki]]<br> |
||
+ | Section 1 and 2 are on top with 1 on the left and 2 on the right. |
||
− | </div><br> |
||
+ | Sections 3 and 4 are on the bottom with 3 at the left and 4 at the right. |
||
− | <div id="mf-welcome">Help us create a guide to ''[[Magicka|Magicka]]'', [[Magicka: Wizard Wars|Wizard Wars]], and [[Magicka 2|Magicka 2]]! |
||
− | </div> |
||
− | </div> |
||
+ | When the window is wide, as on high-res displays, there are three columns. |
||
− | <div id="mf-links" style="margin-bottom: 0.5em; text-align:center;">[[Special:Newpages|New pages]] • [[Special:Newimages|New files]] • [[Special:Recentchanges|Recent changes]] • [[Special:Categories|Categories]] • [[Help:Contents|Help pages]] |
||
+ | 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 id="fp-3column" class="fp-container"> |
||
+ | |||
+ | <div id="fp-1" class="fp-section"> |
||
+ | {{/Section 1}} |
||
</div> |
</div> |
||
− | <div id=" |
+ | <div id="fp-2" class="fp-section"> |
+ | {{/Section 2}} |
||
− | <div style="margin: auto; text-align:center;"> |
||
− | {{Content_icons|Achievements.png|Achievements (Magicka 2)|Achievements}} |
||
− | {{Content_icons|Challenges Magicka 2.png|:Category:Challenges (Magicka 2)|Challenges}} |
||
− | {{Content_icons|DLC.png|:Category:DLC (Magicka 2)|DLC}} |
||
− | {{Content_icons|Game 2.png|Magicka 2|Game}} |
||
− | {{Content_icons|Locations.png|:Category:Locations (Magicka 2)|Locations}} |
||
− | {{Content_icons|Weapons.png|:Category:Weapons (Magicka 2)|Weapons}} |
||
− | </div> |
||
</div> |
</div> |
||
− | <div id=" |
+ | <div id="fp-3" class="fp-section"> |
+ | {{/Section 3}} |
||
− | <div style="margin: auto; text-align:center;"> |
||
− | {{Content_icons|Wizard Wars.png|Magicka: Wizard Wars|Game}} |
||
− | {{Content_icons|Magicks WW.png|Magicks (Wizard Wars)|Magicks}} |
||
− | {{Content_icons|Patches WW.png|:Category:Patches (Wizard Wars)|Patches}} |
||
− | {{Content_icons|Robes WW.png|Robes (Wizard Wars)|Robes}} |
||
− | {{Content_icons|Weapons WW.png|:Category:Weapons (Wizard Wars)|Weapons}} |
||
− | </div> |
||
</div> |
</div> |
||
− | <div id=" |
+ | <div id="fp-4" class="fp-section"> |
+ | {{/Section 4}} |
||
− | <div style="margin: auto; text-align:center;"> |
||
− | {{Content_icons|Achievements.png|Achievements (Magicka)|Achievements}} |
||
− | {{Content_icons|Bosses Magicka.png|:Category:Bosses (Magicka)|Bosses}} |
||
− | {{Content_icons|Challenges Magicka.png|:Category:Challenges (Magicka)|Challenges}} |
||
− | {{Content_icons|Enemies Magicka.png|:Category:Enemies (Magicka)|Enemies}} |
||
− | {{Content_icons|Magicka icon.png|Magicka|Game}} |
||
− | {{Content_icons|Items Magicka.png|:Category:Items (Magicka)|Items}} |
||
− | {{Content_icons|Locations Magicka.png|:Category:Locations (Magicka)|Locations}} |
||
− | {{Content_icons|Magicks Magicka.png|:Category:Magicks (Magicka)|Magicks}} |
||
− | {{Content_icons|NPCs.png|:Category:NPCs (Magicka)|NPCs}} |
||
− | {{Content_icons|Patches Magicka.png|:Category:Patches (Magicka)|Patches}} |
||
− | {{Content_icons|Walkthroughs.png|:Category:Walkthrough (Magicka)|Walkthroughs}} |
||
− | {{Content_icons|Weapons Magicka.png|:Category:Weapons (Magicka)|Weapons}} |
||
− | </div> |
||
</div> |
</div> |
||
− | <div id="mf-article">{{Header|Featured Article}} |
||
− | [[Image:Aldratraz.png|right|200px]] |
||
− | '''Aldratraz''' is one of the challenges in [[Magicka 2]]. The Aldratraz Night Tour is a unique program limited to just a few hundred visitors per evening that includes tours and activities not offered during the day. |
||
− | <br> |
||
− | <span style="float:right">[[Aldratraz|read more]]...</span> |
||
− | </div> |
||
− | <br> |
||
− | <div id="mf-community>{{Header|Community}} |
||
− | We are currently maintaining [[Special:Statistics|{{NUMBEROFARTICLES}}]] [[Special:Allpages|articles]]!<br> |
||
− | :<small>[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small> |
||
− | [[Help:Contents|How to help]] |
||
− | : See how you can help contribute to the Magicka Wiki! Remember to maintain a standard for grammar and punctuation in your contributions, please. |
||
− | [[Special:Userlogin|Register]] |
||
− | : Register an account to keep track of your contributions. |
||
− | </div> |
||
− | | width=350px | |
||
− | <div id="mf-video">{{Featured video}} |
||
− | </div> |
||
− | <br> |
||
− | <div class="mf-images">{{Header|Featured images}} |
||
− | {{Featured images}} |
||
</div> |
</div> |
||
− | <br> |
||
− | <div id="mf-twitter">{{Twitter}}</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> |
||
− | |} |
||
⚫ | |||
− | __NOTOC__ __NOEDITSECTION__ |
||
+ | __NOTITLE__ |
||
+ | [[Category:{{SITENAME}}| ]] |