User:Librarianmage/Sandbox: Difference between revisions

mom said it's my turn on the fp design
No edit summary
Tag: Manual revert
(mom said it's my turn on the fp design)
Line 1: Line 1:
{{Navbox
<!-- TEMPORARY: Using this custom CSS is required for this page to format right. I recommend using the Stylish extension for Chrome. You can also Inspect Element and then copy-paste this into a file in the Sources tab. Note: This seems to break the FP Link width options
| name = Pet Navbox
 
| title = Freehold Games [[Pets]]
#fp-2flex.fp-container {
| listclass = hlist
    display: grid;
| state     = {{{state|collapsed}}}
    grid-template-areas:"a" "b" "c" "d" "e";
| titlestyle = background:rgba(8,51,50,0.8); font-family:Source Code Pro;
    grid-template-columns: 100%
| groupstyle = background:rgba(8,51,50,0.8); font-family:Source Code Pro;
}
| liststyle = padding:0.6em;
 
| innerstyle = font-family:Source Code Pro;
@media screen and (min-width: 1050px) {
| list1 = {{favilink|Gru-wof-ufo, loyal snapjaw retainer}}
    #fp-2flex.fp-container {
        grid-template-areas: "c a" "c b" "c d" "e e";
        grid-template-columns: 50% 50%;
        grid-template-rows: auto auto 1fr;
           
    }
}
 
@media screen and (min-width: 1565px) {
    #fp-2flex.fp-container {
        grid-template-areas:"a b" "c b" "c d" "e e";
        grid-template-columns: 800px auto
    }
}
 
@media screen and (min-width: 1820px) {
    #fp-2flex.fp-container {
        grid-template-areas:"a b" "c b" "c d" "e e";
        grid-template-columns: auto 520px
    }
}       
#fp-welcome {
    grid-area: a;
}
 
#fp-extlinks {
    grid-area: b;
}
 
#fp-middle {
    grid-area: c;
}
 
#fp-bottomflex {
    grid-area: d;
    align-content: flex-start;
}
 
#fp-bottom {
    grid-area: e;
}
 
.fplink-outer {
    padding: 5px;
    flex-basis: calc(12.5% - 10px);
    width: calc(12.5% - 15px);
    min-width: 115px;
    display: inline-block;
    align-items: flex-start;
    vertical-align: middle;
    }
 
-->
<!-- This is a responsive front page design that adapts to the available width
    of the browser by showing content in 1 or 2 columns.
 
    This is done by dividing the main content of the page into 5 numbered sections,
    which are arranged as follows depending on screen width:
   
    Narrow  Medium/Wide
    Screen    Screen
      |_1_|  |    ||_2_|
      |_2_|  |  1  ||_3_|
      |_3_|  |    ||  |
      |_4_|  |_____||_4_|
      |_5_|  |____5_____|
 
     Please note that this is accomplished with custom CSS not natively packaged with MediaWiki. The required CSS is above.
-->
<div id="fp-2flex" class="fp-container">
 
<div id="fp-welcome" class="fp-section"> <!--BEGIN Top Section-->
<div class="fpbox"> <!-- BEGIN Welcome Box-->
<!-- {{#invoke:Sandbox/User:Teamtoto/LuaModule|getRandomChara|seed={{#time:yjs|now}} }} -->
{{Qud dialogue
| title = Wiki Editors
| text = Welcome to the official wiki for ''[[{{Gamename}}]]'', a Science-Fantasy Roguelike RPG developed by [https://www.freeholdgames.com/ Freehold Games] and set in the exotic, deeply-simulated, far-future world of Qud.
 
This wiki is run and maintained by the players, and graciously hosted by the developers. Infoboxes updated every patch.
 
Live and Drink, knowledge-seeker.}}
</div> <!--END Welcome Box-->
</div> <!--END Top Section-->
 
<div id="fp-middle" class="fp-section"> <!-- BEGIN Middle Section -->
<div class="fpbox mobilecollapsible"> <!-- BEGIN Content Box-->
{{FP heading|'''Wiki Contents'''| type = main}}
 
<div class="qud-box-wrapper"><div class="qud-box"><div class="qud-box-header"><b><span style="color: #b1c9c3;">[[Player Character|Character]]</span></b></div><div class="qud-box-content" style="line-height:1.5em;font-weight:bold;padding:0em0em"><div class="poem"><span style="font-size: calc(1em * 0.875)">
<div class="fplinks">
{{FP link | Presets | {{qud text|Preset Characters}}
| image = Aetalag.png
| plain = true
}}
}}
{{FP link | Build Library | {{qud text|Build Library}}
| image = Me, Myself, and I.png
| plain = true
}}
{{FP link | Mutations | {{qud text|Mutations}}
| image = Mutagenic Mastery.png
| plain = true
}}
{{FP link | Cybernetics | {{qud text|Cybernetics}}
| image = You Are Becoming.png
| plain = true
}}
{{FP link | Callings | {{qud text|Callings}}
| image = What's Eating the Watervine?.png
| plain = true
}}
{{FP link | Castes | {{qud text|Castes}}
| image = You Became.png
| plain = true
}}
{{FP link | Attributes | {{qud text|Attributes}}
| image = Synolymb.png
| plain = true
}}
{{FP link | Skills | {{qud text|Skills}}
| image = Leap, Frog.png
| plain = true
}}
</div>
</span></div></div><span class="qud-box-footer-left"></span></div></div>
<div class="qud-box-wrapper"><div class="qud-box"><div class="qud-box-header"><b><span style="color: #b1c9c3;">[[Items]]</span></b></div><div class="qud-box-content" style="line-height:1.5em;font-weight:bold;padding:0em0em"><div class="poem"><span style="font-size: calc(1em * 0.875)">
<div class="fplinks">
{{FP link | Item Mods | {{qud text|Item Mods}}
| image = Rocket Bear.png
| plain = true}}
{{FP link | Artifact | {{qud text|Artifacts}}
| image = Cubic and Wisest Human.png
| plain = true
}}
{{FP link | Equipment | {{qud text|Equipment}}
| image = The Narrowing Sky.png
| plain = true
}}
{{FP link | Weapons | {{qud text|Weapons}}
| image = Gemini.png
| plain = true
}}
{{FP link | Books | {{qud text|Books}}
| image = So Powerful is the Charm of Words.png
| plain = true
}}
{{FP link | Light source | {{qud text|Light Sources}}
| image = The Laws of Physics Are Mere Suggestions, Vol. 2.png
| plain = true
}}
{{FP link | :Category:Energy Cells | {{qud text|Energy Cells}}
| image = Pyramid Scheme.png
| plain = true
}}
{{FP link | Liquid | {{qud text|Liquids}}
| image = Your Thirst Is Mine, My Water Is Yours.png
| plain = true
}}
</div>
</span></div></div><span class="qud-box-footer-left"></span></div></div>
<div class="qud-box-wrapper"><div class="qud-box"><div class="qud-box-header"><b><span style="color: #b1c9c3;">[[Mechanics]]</span></b></div><div class="qud-box-content" style="line-height:1.5em;font-weight:bold;padding:0em0em"><div class="poem"><span style="font-size: calc(1em * 0.875)">
<div class="fplinks">
{{FP link | Combat | {{qud text|Combat}}
| image = Oathbreaker.png
| plain = true
}}
{{FP link | Cooking | {{qud text|Cooking}}
| image = Sultan of Salt.png
| plain = true
}}
{{FP link | Trading | {{qud text|Trading}}
| image = Psst..png
| plain = true
}}
{{FP link | Effects | {{qud text|Status Effects}}
| image = Auroral.png
| plain = true
}}
{{FP link | Fungal Infections | {{qud text|Fungal Infections}}
| image = Friend to Fungi.png
| plain = true
}}
{{FP link | Illness | {{qud text|Illnesses}}
| image = Say No More.png
| plain = true
}}
{{FP link | Glimmer | {{qud text|Glimmer}}
| image = The Quasar Mind.png
| plain = true
}}
{{FP link | Experience | {{qud text|Experience}}
| image = Donation Level Kasaphescence.png
| plain = true
}}
</div>
</span></div></div><span class="qud-box-footer-left"></span></div></div>
<div class="qud-box-wrapper"><div class="qud-box"><div class="qud-box-header"><b><span style="color: #b1c9c3;">[[Guides]]</span></b></div><div class="qud-box-content" style="line-height:1.5em;font-weight:bold;padding:0em0em"><div class="poem"><span style="font-size: calc(1em * 0.875)">
<div class="fplinks">
{{FP link | Early Game Checklist | {{qud text|Early Game Guide}}
| image = Red Rock Hazing Ritual.png
| plain = true
}}
{{FP link | Terminology | {{qud text|Terminology}}
| image = Live and Ink.png
| plain = true
}}
{{FP link | Game Concepts | {{qud text|Game Concepts}}
| image = Become as Gods.png
| plain = true
}}
{{FP link | Wish | {{qud text|Wish}}
| image = Go on. Do it..png
| plain = true
}}
{{FP link | Achievements | {{qud text|Achievements}}
| image = Welcome to Qud.png
| plain = true
}}
{{FP link | Modding | {{qud text|Modding}}
| image = Two Cats Are Better Than One.png
| plain = true
}}
</div>
</span></div></div><span class="qud-box-footer-left"></span></div></div>
<div class="qud-box-wrapper"><div class="qud-box"><div class="qud-box-header"><b><span style="color: #b1c9c3;">[[World]]</span></b></div><div class="qud-box-content" style="line-height:1.5em;font-weight:bold;padding:0em0em"><div class="poem"><span style="font-size: calc(1em * 0.875)">
<div class="fplinks">
{{FP link | World Map | {{qud text|World Map}}
| image = Belong, Friends.png
| plain = true
}}
{{FP link | Locations | {{qud text|Locations}}
| image = Tourist.png
| plain = true
}}
{{FP link | Zone Tier | {{qud text|Zone Tier}}
| image = All Those Who Wander.png
| plain = true
}}
{{FP link | Factions | {{qud text|Factions}}
| image = A Bond Knit with Trust.png
| plain = true
}}
{{FP link | Creatures | {{qud text|Creatures}}
| image = Shoot..png
| plain = true
}}
{{FP link | NPCs | {{qud text|Characters}}
| image = That Was Nice.png
| plain = true
}}
{{FP link | Quests | {{qud text|Quests}}
| image = Close the Loop.png
| plain = true
}}
{{FP link | Lore | {{qud text|Lore}}
| image = Biographer.png
| plain = true
}}
</div>
</span></div></div><span class="qud-box-footer-left"></span></div></div>
</div> <!-- END Content box-->
</div> <!-- END Middle Section -->
<div id="fp-extlinks" class="fp-section">
<div class="fpbox mobilecollapsible"> <!-- BEGIN Links box -->
{{FP heading|'''Links'''|}}
<!-- Discussion Links -->
{|  style="width: 100%;border-spacing:0.5em 0.3em;"
|rowspan="2" style="vertical-align: top; width:64px; padding:5px"| [[File:Was It Something I Said?.png|64px|frameless]]
|style="font-size:medium; vertical-align: top; height:1.5em;"| <b>Discussion</b>
|-
|style="vertical-align: top; height:3em;"| [https://discordapp.com/invite/cavesofqud Official Discord] &#183; [https://www.reddit.com/r/cavesofqud/ CoQ Subreddit] &#183; [https://steamcommunity.com/app/333640/discussions/ Steam Forums] &#183; [https://www.gog.com/forum/caves_of_qud/ GOG Forums]
|}
<hr>
<!-- Purchase & Download Links -->
{|  style="width: 100%;border-spacing:0.5em 0.3em;"
|rowspan="2" style="vertical-align: top; width:64px; padding:5px"| [[File:Jeweled Dusk.png|64px|frameless]]
|style="font-size:medium; vertical-align: top; height:1.5em;"| <b>Purchase & Download</b>
|-
|style="vertical-align: top; height:3em;"| [https://store.steampowered.com/app/333640/Caves_of_Qud/ Steam] &#183; [https://freeholdgames.itch.io/cavesofqud itch.io] &#183; [https://www.gog.com/game/caves_of_qud GOG]
|}
<hr>
<!-- Other Resource Links -->
{|  style="width: 100%;border-spacing:0.5em 0.3em;"
|rowspan="2" style="vertical-align: top; width:64px; padding:5px"| [[File:Litteratus.png|64px|frameless]]
|style="font-size:medium; vertical-align: top; height:1.5em;"| <b>Other Resources</b>
|-
|style="vertical-align: top; height:3em;"| [https://www.qudzoo.com/ Qudzoo] &#183; [https://steamcommunity.com/app/333640/guides/ Steam Guides]
|}
<hr>
<!-- Misc. Links -->
{|  style="border-spacing:0.5em 0.3em;"
|rowspan="2" style="vertical-align: top; width:64px; padding:5px"| [[File:Ten-Sludge Monte.png|64px|frameless]]
|style="font-size:medium; vertical-align: top; height:1.5em;"| <b>Miscellaneous</b>
|-
|style="vertical-align: top; height:3em;"| [http://www.cavesofqud.com/ Official Website] &#183; [https://www.facebook.com/freeholdgames Developer Facebook] &#183; [https://twitter.com/FreeholdGames Developer Twitter] &#183; [https://www.patreon.com/freeholdgames Developer Patreon]
|}
</div></div> <!-- END Links Box -->
<div id="fp-bottomflex" class="fp-section"> <!-- BEGIN Bottom Flex Section -->
<div class="fpbox"> <!-- BEGIN Patch Notes Box -->
{{FP heading|'''Latest Patch Notes'''}}
<div style="background-color:#26282d; padding:10px; max-height:400px; overflow:auto">
<rss max=5 item-max-length=10000>https://store.steampowered.com/feeds/news/app/333640/</rss>
</div>
</div> <!-- END Patch Notes Box -->
<div class="fpbox nomobile"> <!-- BEGIN Images Box -->
{{FP heading|'''Featured Images'''}}
<div class="body">
{{Featured images}}
</div>
</div> <!-- END Images Box -->
<div class="fpbox"> <!-- BEGIN Wiki Tools Section -->
{{FP heading|'''Wiki Tools'''}}
<center>
[[Special:RunQuery/IteratedProbability|Iterated Probability]]&nbsp;&nbsp;&#183;&nbsp;&nbsp;
[[Special:RunQuery/CompareDice|Compare Dice]]&nbsp;&nbsp;&#183;&nbsp;&nbsp;
[[Special:RunQuery/Random_Name|Random Name Generator]]
</div> <!-- END Wiki Tools Section -->
<div class="fpbox mobilecollapsible"> <!-- BEGIN Wiki Box -->
{{FP heading|'''Wiki Community'''}}
<div class="body"><div class="wikihelp">
<div class="wikihelp-info">
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!<br>
<small style="margin-left:2em;">[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]</small>
;[[Project:Community portal|How to help]]
: See how you can help contribute to the {{Gamename}} Wiki! Remember to maintain a standard for grammar and punctuation in your contributions according to the [[Style Guide]] and [[Caves of Qud Wiki:Policy and Rules|Policy and Rules]], please.
;[[Special:RequestAccount|Register]]
: Request an account to keep track of your contributions.
[https://discord.gg/cavesofqud '''Join our Discord''']
:To communicate directly with the core wiki team, you may join our Discord server and send a message in <code>#wiki-requests</code>, or to <code>@Dij#7584 or Dij</code>. You can also use the [https://steamcommunity.com/app/333640/discussions/0/3053988806895768554/ steam wiki thread].
</div>
</div></div>
</div> <!--END Wiki box -->
</div> <!-- END Bottom Flex Section -->
<div id="fp-bottom" class="fp-section"> <!-- BEGIN Bottom Section -->
<div class="fpbox">
</div>
</div> <!-- END Bottom Section -->
<div class="nomobile" style="text-align: right;"><small>Main page sections: [[/Top|Top]] &#183; [[/Top Flex|Top Flex]] &#183; [[/Middle|Middle]] &#183; [[/Bottom Flex|Bottom Flex]] &#183; [[/Bottom|Bottom]]. Changes for the main page can be proposed [[Talk:{{SITENAME}}|here]]. </small></div>
__NOTITLE__
[[Category:{{SITENAME}}| ]]