Difference between revisions of "Main Page"

From GodWiki
Jump to: navigation, search
(JanuWiki banner going LIVE!)
(8 intermediate revisions by one other user not shown)
Line 1: Line 1:
__NOTOC__
+
__NOTOC__ __NOEDITSECTION__
<div style="border: 1px solid #aaa; margin-top:1.2em; background-color:#fcfcfc; overflow: auto;">
+
<div style="border: 1px solid #aaa; margin:0.1rem; background-color:#f8f8f8; overflow: auto; padding:0 width: 100%;">
 
<!------------------ Grey block at the top  ----------------------->
 
<!------------------ Grey block at the top  ----------------------->
<div style="text-align:center; padding: 0 5px;">
+
<div style="text-align:center; padding: 2px;">
<p style="font-size:1.7rem; line-height: 1.4; padding:.1em; color:#000;">Welcome to the '''[[GodWiki]]''', the [[divine|divine]] encyclopedia of [[Godville]] that can be edited by anyone.</p>
+
<p style="font-size:1.4rem; line-height: 1.4; padding:.1em; color:#000;">Welcome to the '''[[GodWiki]]''', the [[divine|divine]] encyclopedia of [[Godville]] that can be edited by anyone.</p>
<p style="font-size:1.2rem; line-height: 1.4;"> Now the GodWiki has '''[[Special:Statistics|{{NUMBEROFARTICLES}} {{plural:{{NUMBEROFARTICLES}}|article|articles}}]]''', and [[gods|gods]] are continuing their divine work, enriching [[Godville|Godville's]] pages with the threads of their ingenious creations.</p></div>
+
<p style="font-size:1.05rem; line-height: 1.2; margin:0.3em 0;"> Now the GodWiki has '''[[Special:Statistics|{{NUMBEROFARTICLES}} {{plural:{{NUMBEROFARTICLES}}|article|articles}}]]''', and [[gods|gods]] are continuing their divine work, enriching [[Godville|Godville's]] pages with the threads of their ingenious creations.</p></div><!--
<!----------------Categories-------------------------------------->
+
------------------ Banner message ---------------------------
<div style="margin: 2px auto; columns: 3 8em; column-gap: 2em; overflow: auto;">
+
-->{{Godwiki event banner}}
<ul style="margin: 0">
+
<!---------------------- Categories -------------------------------->
<li style="margin-left: 3em;">[[:Category:Gameplay|Gameplay]]</li>
+
<div style="margin: 0.1rem 0.4rem; columns: 3 9em; column-gap: 0; overflow: auto;">
<li style="margin-left: 3em;">[[:Category:Pantheons|Pantheons]]</li>
+
<ul style="margin: 0 auto; width: 9em;">
<li style="margin-left: 3em;">[[:Category:Galleries|Galleries]]</li>
+
<li>[[:Category:Gameplay|Gameplay]]</li>
<li style="margin-left: 3em;">[[:Category:Backstage|Backstage]]</li>
+
<li>[[:Category:Pantheons|Pantheons]]</li>
<li style="margin-left: 3em;">[[:Category:Technical|Technical]]</li>
+
<li>[[:Category:Galleries|Galleries]]</li>
<li style="margin-left: 3em;">[[:Category:Gods|Gods]]</li>
+
<li>[[:Category:Backstage|Backstage]]</li>
<li style="margin-left: 3em;">[[:Category:Heroes|Heroes]]</li>
+
<li>[[:Category:Technical|Technical]]</li>
<li style="margin-left: 3em;">[[:Category:Guilds|Guilds]]</li>
+
<li>[[:Category:Gods|Gods]]</li>
<li style="margin-left: 3em;">[[:Category:Quests|Quests]]</li>
+
<li>[[:Category:Heroes|Heroes]]</li>
<li style="margin-left: 3em;">[[:Category:Geography|Geography]]</li>
+
<li>[[:Category:Guilds|Guilds]]</li>
<li style="margin-left: 3em;">[[:Category:Monsters|Monsters]]</li>
+
<li>[[:Category:Quests|Quests]]</li>
<li style="margin-left: 3em;">[[:Category:Artifacts|Artifacts]]</li>
+
<li>[[:Category:Geography|Geography]]</li>
<li style="margin-left: 3em;">[[:Category:Skills|Skills]]</li>
+
<li>[[:Category:Monsters|Monsters]]</li>
<li style="margin-left: 3em;">[[:Category:Auras|Auras]]</li>
+
<li>[[:Category:Artifacts|Artifacts]]</li>
<li style="margin-left: 3em;">[[:Category:Equipment|Equipment]]</li>
+
<li>[[:Category:Skills|Skills]]</li>
 +
<li>[[:Category:Auras|Auras]]</li>
 +
<li>[[:Category:Equipment|Equipment]]</li>
 
</ul></div>
 
</ul></div>
----
 
 
<div style="clear: both"></div>
 
<div style="clear: both"></div>
<div style="width: auto; overflow: auto; vertical-align: top; box-sizing: border-box; margin: 2px 0;">
+
 
<ul style="width: auto; box-sizing: border-box; list-style: none; display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 0 1em">
+
<div style="width: auto; overflow: auto; vertical-align: top; box-sizing: border-box; margin:0; padding:0.2rem 0; border-top: 1px solid #aaa;">
 +
<ul style="width: auto; box-sizing: border-box; list-style: none; display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 0 1em;">
 
<li style="flex: 1 0 auto; padding: 0 8px;">[[Godwiki_Guidebook|Guidebook]]</li>
 
<li style="flex: 1 0 auto; padding: 0 8px;">[[Godwiki_Guidebook|Guidebook]]</li>
 
<li style="flex: 1 0 auto; padding: 0 8px;">[[Creators Manual]]</li>
 
<li style="flex: 1 0 auto; padding: 0 8px;">[[Creators Manual]]</li>
Line 37: Line 39:
 
</div></div>
 
</div></div>
 
<div style="clear: both"></div>
 
<div style="clear: both"></div>
 +
<!--
 +
PAGE LAYOUT NOTE:
 +
 +
The next section leverages CSS flexbox styling in somewhat-esoteric ways, the main
 +
goal being that it conforms to mobile displays in a way that's readable and well-
 +
organized. As a result, the four sections are laid out in two separate flexbox rows
 +
of two items each. The first row is configured row-reverse wrap, so that the Intro box
 +
is placed ABOVE the Featured box when stacked. The second is row wrap, so that the
 +
Random Image box is the last item on the page. Please think carefully before making
 +
changes to this design, and consider the needs of both mobile and desktop screens.
  
<!-- Top row flexbox -->
+
When in doubt, discuss first at Talk:Main page. -User:FeRDNYC
<div class="mp-left" style="width: 100%; box-sizing: border-box; margin: 2px auto 0 auto; display: flex; flex-flow: row-reverse wrap;">
+
-->
 +
<!---------------------- Top row flexbox -------------------------->
 +
<div class="mp-left" style="width: 100%; box-sizing: border-box; margin: 0; display: flex; flex-flow: row-reverse wrap;">
 
<!-- INTRO TEXT -->
 
<!-- INTRO TEXT -->
<div style="padding: 2px 10px 2px 4px; border:1px solid #cedff2; background: #f5faff; vertical-align: baseline; flex: 1 1 20em;">
+
<div style="margin: 0.1rem; padding: 0; border:1px solid #99c2e6; background: #ecf3f9; vertical-align: baseline; flex: 1 1 20rem; box-sizing: border-box;">
<h2 class="mp-tfa-h2" style="margin:3px; background:#add6e8; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; padding:0.2em 0.4em; box-sizing: border-box;">Introduction to the GodWiki&ensp;</h2>
+
<h2 class="mp-tfa-h2" style="margin:0; padding:0.2em 0.5em; background:#99c2e6; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; box-sizing: border-box;">Introduction to the GodWiki&ensp;</h2>
{{mainpageintro}}
+
<div style="padding:0 0.5rem;">{{mainpageintro}}</div>
 
</div>
 
</div>
 
<!-- FEATURED ARTICLE -->
 
<!-- FEATURED ARTICLE -->
<div style="padding: 2px 10px 2px 4px; display: block; background:#f5fffa; border: 1px solid #cef2e0; vertical-align: baseline; flex: 2 1 25em;">
+
<div style="margin: 0.1rem; padding: 0; display: block; background:#ecfce9; border: 1px solid #aadf9f; vertical-align: baseline; flex: 2 1 25rem; box-sizing:border-box;">
<h2 class="mp-tfa-h2" style="margin:3px; background:#cef2e0; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; padding:0.2em 0.4em; width: 100%; box-sizing: border-box;">Featured Article&ensp;</h2>
+
<h2 class="mp-tfa-h2" style="margin:0; padding: 0.2rem 0.5rem; background:#aadf9f; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; width: 100%; box-sizing: border-box;">Featured Article&ensp;</h2>
 +
<div style="padding:0 0.5rem;">
 
{{featured}}
 
{{featured}}
<span style="text-align: left;" class="noprint">Help choose the next featured article: '''[[Template talk:featured|Nominate an article ]]''' today</span>
+
<span style="text-align: left;" class="noprint">Help choose the next featured article: '''[[Template talk:featured|Nominate an article ]]''' today</span></div>
 
</div>
 
</div>
 
</div><!-- End top row flexbox -->
 
</div><!-- End top row flexbox -->
 
+
<!--------------------- Bottom row flexbox ------------------------>
<!-- Bottom row flexbox -->
+
<div class="mp-left" style="width: 100%; box-sizing: border-box; margin: 0; display: flex; flex-flow: row wrap;">
<div class="mp-left" style="width: 100%; box-sizing: border-box; margin: 0 auto 4px auto; display: flex; flex-flow: row wrap;">
 
 
<!-- DID YOU KNOW -->
 
<!-- DID YOU KNOW -->
<div style="padding: 2px 10px 2px 4px; background:#f5fffa; border: 1px solid #cef2e0; vertical-align: baseline; flex: 2 1 25em;">
+
<div style="margin: 0.1rem; padding: 0; background:#fcf2e9; border: 1px solid #f5cca3; vertical-align: baseline; flex: 2 1 25rem; box-sizing:border-box;">
<h2 class="mp-tfa-h2" style="margin:3px; background:#cef2e0; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; padding:0.2em 0.4em; width: 100%; box-sizing: border-box;">Did you know...&ensp;</h2>
+
<h2 class="mp-tfa-h2" style="margin:0; padding:0.2rem 0.5rem; background:#f5cca3; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; width: 100%; box-sizing: border-box;">Did you know...&ensp;</h2>
{{didyouknow}}
+
<div style="padding:0 0.5rem;">{{didyouknow}}</div>
 
</div>
 
</div>
 
<!-- RANDOM IMAGE -->
 
<!-- RANDOM IMAGE -->
<div style="padding: 2px 10px 2px 4px; border:1px solid #cedff2; background:#f5faff; vertical-align: baseline; flex: 1 1 20em;">
+
<div style="margin: 0.1rem; padding:0; border:1px solid #ddcef2; background:#f4f1f8; vertical-align: baseline; flex: 1 1 20rem; box-sizing: border-box;">
<h2 class="mp-tfa-h2" style="margin:3px; background:#ddcef2; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; padding:0.2em 0.4em; box-sizing: border-box;">Random Image&ensp;</h2>
+
<h2 class="mp-tfa-h2" style="margin:0; padding:0.2rem 0.5rem; background:#ddcef2; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; box-sizing: border-box;">Random Image&ensp;</h2>
<randomimage size="250" float="center">&nbsp;</randomimage>
+
<div style="padding-top:0.5rem;"><randomimage size="250" float="center">&nbsp;</randomimage></div></div>
</div>
 
 
</div><!-- End bottom row flexbox -->
 
</div><!-- End bottom row flexbox -->
<div style="clear:both;"></div>
+
<div style="clear:both; height:1rem;"></div>
 
 
 
 
 
----
 
----
 
 
''You will be logged in automatically if your hero has reached level 15. Your divine name shall be written at the top of the screen. If that didn't happen, try to login again and open this page. There is no need to register separately for the wiki.''
 
''You will be logged in automatically if your hero has reached level 15. Your divine name shall be written at the top of the screen. If that didn't happen, try to login again and open this page. There is no need to register separately for the wiki.''
  

Revision as of 19:42, 28 December 2018

Welcome to the GodWiki, the divine encyclopedia of Godville that can be edited by anyone.

Now the GodWiki has 2,724 articles, and gods are continuing their divine work, enriching Godville's pages with the threads of their ingenious creations.

Introduction to the GodWiki 

Welcome to the source of all Godville information.

Anybody can edit any article here, especially you! Why not write a short article on a particular Monster, Artifact, Skill, Tavern, Quest or piece of Equipment that's caught your eye?

Want to create an article from scratch, but don't know where to get started? Take a look at the Creators Manual and topic Guidelines for advice on creating great GodWiki content.

You can Ask at Help:Requests if you'd like an assist with something you're working on — whether it's to check your spelling and grammar, or something technical about GodWiki features.

The frontpage — this one you're reading — has a Discussion area that's a good place to look for wiki-wide announcements and notes of interest to GodWiki editors. It's also where you can ask general questions that don't pertain to any specific article. (For those, use the article's own Discussion page.)

For Godville game-related questions, the forums are usually better.

Thank you for all your contributions!

Featured Article 

Zombie survival kit

Brown.jpg

The zombie survival kit is a bold artifact carried by monsters. Heroes may acquire this artifact by killing a monster with it in its possession. Merchant purchase prices range from 43 to 657 gold coins. The zombie survival kit comes with a free handy-dandy canvas bag.

A complete kit also contains the following:

(More...)


Recently featured: Progress Bar -- Fool's goldfish

Help choose the next featured article: Nominate an article today

Did you know... 

(Compiled from the newest Godwiki content and news from the blog)
Edition: December 20th, 2018

Random Image 

 

You will be logged in automatically if your hero has reached level 15. Your divine name shall be written at the top of the screen. If that didn't happen, try to login again and open this page. There is no need to register separately for the wiki.

Switch back to the mobile skin.