Grouse
Grouse:EditingGuide
From Grouse House Wiki
General Editing Guide and Templates
Templates and Styles Available for Use
Crowdsourcing Notice
{{Crowdsourcing}}
Single column list box like here
<html><table class="TB-basic-list"> <th style="text-align:center;">List Title</th> <tr style="background-color: gray; text-align: center; font-weight: bold;"><td>List Subtitle</td></tr> <tr><td>List Content</td></tr> </table></html>
Basic Responsive Image Grid
Used on the Main page-this format is best for larger images.
<div class="imagegrid"> <div class="gridimage">[[File: IMAGE SOURCE]]</div> <div class="gridimage">[[File: IMAGE SOURCE]]</div> <div class="gridimage">[[File: IMAGE SOURCE]]</div> <div class="gridimage">[[File: IMAGE SOURCE]]</div> </div>
Small Image Grid
This grid format is best used for lists of items like [[here.
In this template, Fields 1 and 2 can be used to share any text, like the item's obtention or cost.
{{ItemGrid}}
{{ItemGridItem|[[File: IMAGE SOURCE]]|ITEM NAME|FIELD 1|FIELD 2}}
{{EndItemGrid}}
Lunar Explore Encounters
Explore encounter tables follow a simple format. These templates do not have time of day indicators like other explore encounters would need.
Image and text
<html><table class="explore_encounter"><tr><td colspan=3 style="background:white;">[[File: IMAGE SOURCE.png]]</td></tr> <tr><td colspan=3>ENCOUNTER TEXT</td></tr>
Multiple choice options
<tr class="encounter_options"> <td style="width: 20%;">OPTION 1</td> <td style="width: 50%;">RESULT 1</td> <td style="width: 30%;">REWARD 1</td></tr> <tr class="encounter_options"> <td style="width: 20%;">OPTION 2</td> <td style="width: 50%;">RESULT 2</td> <td style="width: 30%;">REWARD 2</td></tr>
If an option has multiple results, you can use a rowspan.
<tr class="encounter_options"> <td style="width: 20%;" rowspan=2>OPTION 1</td> <td style="width: 50%;">RESULT 1a</td> <td style="width: 30%;">REWARD 1a</td></tr> <tr class="encounter_options"> <td style="width: 50%;">RESULT 1b</td> <td style="width: 30%;">REWARD 1b</td></tr>
Be sure to close the table when you're done!
</table></html>
Shopkeeper Table
This table is used at the top of any shops to share the shopkeeper's image and text.
<table class="shopkeeper" style="background-color:#dedede;border:1px solid black;"> <tr style="border: 1px solid black;"> <td style="background-color:#c7c7c7;"><b>SHOPKEEPER NAME</b></td><td style="text-align:right;background-color:#c7c7c7;"></td></tr> <tr><td><img src="IMAGE SOURCE"></td> <td>SHOPKEEPER TEXT</td></tr> </table></html>
Shop Content
Shop content templates are separated by shop to make updating easier.
Lunar Shop Content
{{ShopContent}}
{{LunarShopItem||ITEM NAME|[[File: IMAGE THUMB SOURCE]]|COST (DIGIT ONLY)|ADDITIONAL REQUIREMENTS|[[FILE: PREVIEW IMAGE SOURCE]]}}
{{EndShopContent}}
Lunar Event Applicators
Monthly lunar event applicators.
Base month
<table class="lunar_applicators"> <tr style="border: 1px solid black;"> <td style="background-color:#c7c7c7;" colspan=4><b>MONTH YEAR</b></td> </tr><tr style="border: 1px solid black;"> <td colspan=4>[[File: PREVIEW IMAGE SOURCE|class="img_appmonth"]]</td> </tr><tr style="border: 1px solid black;"> <td style="width: 25%;">[[File: BASE ICON SOURCE]]<br>'''Base Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 500 LT</td> <td style="width: 25%;">[[File: CLAW ICON SOURCE.png]]<br>'''Claw Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> <td style="width: 25%;">[[File: NOSE ICON SOURCE.png]]<br>'''Nose Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> <td style="width: 25%;">[[File: SKIN ICON SOURCE.png]]<br>'''Skin Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> </tr><tr style="border: 1px solid black;"> <td>[[File: EYES ICON SOURCE.png]]<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td> <td></td><td></td><td></td></tr></table>
Markings month
<table class="lunar_applicators"> <tr style="border: 1px solid black;"> <td style="background-color:#c7c7c7;" colspan=4><b>MONTH YEAR</b></td> </tr><tr style="border: 1px solid black;"> <td colspan=4>[[File: PREVIEW IMAGE SOURCE.png|class="img_appmonth"]]</td> </tr><tr style="border: 1px solid black;"> <td style="width: 25%;"></td> <td style="width: 25%;">[[File: MARKINGS ICON SOURCE.png]]<br>'''Markings Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 250 LT</td><td style="width: 25%;">[[File: EYES ICON SOURCE.png]]<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 25%;"></td></tr></table>
Special event with eye applicator
<table class="lunar_applicators"> <tr style="border: 1px solid black;"> <td style="background-color:#c7c7c7;" colspan=4><b>MONTH YEAR</b></td> </tr><tr> <td colspan=3>During this Special Lunar Event, every previous applicator returned, so only an eye applicator was introduced.</td> </tr><tr style="border: 1px solid black;"> <td colspan=3>[[File: PREVIEW IMAGE SOURCE.png]]</td> </tr><tr style="border: 1px solid black;"> <td style="width: 33%;"></td> <td style="width: 33%;">[[File: EYES ICON SOURCE.png]]<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td> <td style="width: 33%;"></td></tr></table>
Special event with no new applicators
<table class="lunar_applicators"> <tr style="border: 1px solid black;"> <td style="background-color:#c7c7c7;" colspan=4><b>MONTH YEAR</b></td> </tr><tr> <td colspan=3>No new applicators were released during this Special Lunar Event.</td> </tr></table>
Crafting Recipe
{{CraftingRecipe
|RECIPE NAME
|[[File: RECIPE THUMB SOURCE]]
|INGREDIENTS - with images and separated by breaks (example below)
|OBTENTION METHOD
|[[File: PREVIEW IMAGE SOURCE]]
}}
Ingredients formatting example
{{CraftingRecipe
|RECIPE NAME
|[[File: RECIPE THUMB SOURCE]]
|[[File:chargedcore.png]] x1 Charged Core<br>[[File:charged_eyeball.png]] x2 Charged Eyeball<br>[[File:essence-covered-furclump.png]] x10 Essence-Covered Fur Clump<br>[[File:glowing_spores.png]] x15 Glowing Spores
|OBTENTION METHOD
|[[File: PREVIEW IMAGE SOURCE]]
}}
Tips and Tricks
Making a section collapsible
Article sections are not collapsible by default on the desktop version of the wiki. In order to make a caption collapse, the header must be an h2 header, and the content in the section must be surrounded by a classed div.<
== HEADER == <div class="c-content"> CONTENT </div>
Adding a caption to an image
Mediawiki's built-in Frame format helps you add a caption to an image. By default, the framed image will be off to the side of the page, but adding a "center" parameter will move it to the center.
[[File: IMAGE SOURCE|frame|CAPTION]] [[File: IMAGE SOURCE|center|frame|CAPTION]]