Grouse
TemplateList: Difference between revisions
From Grouse House Wiki
No edit summary |
No edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
This page contains a list of all templates and tables available to use in wiki articles and some information on how they're used, so that all of the information is in one place. When you make a new template, please add its information to this page and let everyone know that you added it in the Discord! | This page contains a list of all templates and tables available to use in wiki articles and some information on how they're used, so that all of the information is in one place. When you make a new template, please add its information to this page and let everyone know that you added it in the Discord! | ||
<h2 class="c-header active">Notices</h2> | |||
<div class="c-content" style="display: block;"> | |||
== Notices == | == Notices == | ||
<h3 class="h-static">Coming Soon</h3> | |||
A notice for the top of an article to let visitors know that the article is in development and will be finished soon. | A notice for the top of an article to let visitors know that the article is in development and will be finished soon. | ||
<pre>{{ComingSoon}}</pre> | <pre>{{ComingSoon}}</pre> | ||
Line 12: | Line 13: | ||
= | <h3 class="h-static">Crowdsourcing</h3> | ||
A notice for the top of an article to let visitors know that some of the content in the article is crowdsourced. Should be placed on any article with potentially unconfirmed crowdsourced information. If all of the information is developer-confirmed or confirmed individually by one of us, the notice is not necessary. | A notice for the top of an article to let visitors know that some of the content in the article is crowdsourced. Should be placed on any article with potentially unconfirmed crowdsourced information. If all of the information is developer-confirmed or confirmed individually by one of us, the notice is not necessary. | ||
<pre>{{Crowdsourcing}}</pre> | <pre>{{Crowdsourcing}}</pre> | ||
Line 20: | Line 21: | ||
= | <h3 class="h-static">Custom Notice</h3> | ||
A notice for the top of an article which you can edit the text of to say anything you'd like. | A notice for the top of an article which you can edit the text of to say anything you'd like. | ||
<pre>{{CustomNotice|Notice Title|Notice Text}}</pre> | <pre>{{CustomNotice|Notice Title|Notice Text}}</pre> | ||
Line 37: | Line 38: | ||
= | <h3 class="h-static">Grouse Tip</h3> | ||
A small dialogue box with a Grouse Tip header, where you can place gameplay tips you want to emphasize. | A small dialogue box with a Grouse Tip header, where you can place gameplay tips you want to emphasize. | ||
Line 47: | Line 48: | ||
= | <h3 class="h-static">Wiki Update</h3> | ||
The template for adding a wiki update to the Recent Wiki Updates section of the Main Page. | The template for adding a wiki update to the Recent Wiki Updates section of the Main Page. | ||
<pre>{{WikiUpdate|Update Text|Update Date}}</pre> | <pre>{{WikiUpdate|Update Text|Update Date}}</pre> | ||
</div> | |||
<h2 class="c-header active">Basic Game Content Templates</h2> | |||
<div class="c-content" style="display: block;"> | |||
== Basic Game Content Templates == | == Basic Game Content Templates == | ||
= | |||
<h3 class="h-static">Achievement Box</h3> | |||
A simple table containing one achievement with an image, name, guidelines, and tips section. If you want to leave the tips section blank, just put a space in the final parameter. | A simple table containing one achievement with an image, name, guidelines, and tips section. If you want to leave the tips section blank, just put a space in the final parameter. | ||
<pre>{{Achievement|Icon|Achievement Name|Achievement Text|Tips for Completing}}</pre> | <pre>{{Achievement|Icon|Achievement Name|Achievement Text|Tips for Completing}}</pre> | ||
Line 77: | Line 84: | ||
[[File:achievement_fishing.png]] <pre>[[File:achievement_fishing.png]]</pre> | [[File:achievement_fishing.png]] <pre>[[File:achievement_fishing.png]]</pre> | ||
[[File:achievement_friends.png]] <pre>[[File:achievement_friends.png]]</pre> | [[File:achievement_friends.png]] <pre>[[File:achievement_friends.png]]</pre> | ||
[[File:achievement_gc.png]] <pre>[[File:achievement_gc.png]]</pre> | |||
[[File:achievement_general.png]] <pre>[[File:achievement_general.png]]</pre> | [[File:achievement_general.png]] <pre>[[File:achievement_general.png]]</pre> | ||
[[File:achievement_herbalism.png]] <pre>[[File:achievement_herbalism.png]]</pre> | [[File:achievement_herbalism.png]] <pre>[[File:achievement_herbalism.png]]</pre> | ||
Line 99: | Line 107: | ||
<h3 class="h-static">Crafting Recipe</h3> | |||
< | |||
A table for displaying a crafting recipe with thumbnail, name, ingredients, obtention method, and preview. | A table for displaying a crafting recipe with thumbnail, name, ingredients, obtention method, and preview. | ||
<pre>{{CraftingRecipe|Recipe Name|Recipe Thumbnail|Recipe Ingredients|Obtention Method|Preview Image}}</pre> | <pre>{{CraftingRecipe|Recipe Name|Recipe Thumbnail|Recipe Ingredients|Obtention Method|Preview Image}}</pre> | ||
Line 146: | Line 124: | ||
= | <h3 class="h-static">NPC Profile Box</h3> | ||
A table for displaying a simple NPC profile with name, species, pronouns, default image, biography, and an image gallery. | A table for displaying a simple NPC profile with name, species, pronouns, default image, biography, and an image gallery. | ||
<pre>{{NPCProfile|NPC Name|Species|Default Image|Pronouns|Biography|Additional images}}</pre> | <pre>{{NPCProfile|NPC Name|Species|Default Image|Pronouns|Biography|Additional images}}</pre> | ||
Line 165: | Line 143: | ||
= | <h3 class="h-static">Applicator Preview</h3> | ||
Tables to show off applicators individually. | Tables to show off applicators individually. | ||
Line 235: | Line 213: | ||
= | <h3 class="h-static">Explore Encounters</h3> | ||
==== '''Explore Encounters with Time of Day Buttons''' ==== | ==== '''Explore Encounters with Time of Day Buttons''' ==== | ||
Explore encounter tables with buttons that change the image displayed based on the time of day. | Explore encounter tables with buttons that change the image displayed based on the time of day. | ||
Line 400: | Line 378: | ||
</div> | |||
<h2 class="c-header active">Image Templates</h2> | |||
<div class="c-content" style="display: block;"> | |||
== Image Templates == | == Image Templates == | ||
=== | |||
<h3 class="h-static">Image Grid</h3> | |||
Display larger images in a flexible grid format. | |||
<pre> | |||
<div class="imagegrid"> | |||
<div class="gridimage">Image</div> | |||
<div class="gridimage">Image</div> | |||
<div class="gridimage">Image</div> | |||
<div class="gridimage">Image</div> | |||
</div></pre> | |||
<div class="imagegrid"> | |||
<div class="gridimage">Image</div> | |||
<div class="gridimage">Image</div> | |||
<div class="gridimage">Image</div> | |||
<div class="gridimage">Image</div> | |||
</div> | |||
<h3 class="h-static">Item Grid</h3> | |||
A flexible item grid great for displaying a single item thumbnail with one or two short text descriptions. | A flexible item grid great for displaying a single item thumbnail with one or two short text descriptions. | ||
Line 449: | Line 452: | ||
= | <h3 class="h-static">Shop Content</h3> | ||
Location-specific flexible shop item boxes with name, image, item preview, and cost with automatic currency icon added. Currently available for the Lunar and Matchmaker event shops. | Location-specific flexible shop item boxes with name, image, item preview, and cost with automatic currency icon added. Currently available for the Lunar and Matchmaker event shops. | ||
<pre> | <pre> | ||
Line 506: | Line 509: | ||
{{LunarShopItem|Blue Eye Discharge|[[File:lunardischarge.png]]|4|<br>|[[File:lunardischarge_preview.png]]}} | {{LunarShopItem|Blue Eye Discharge|[[File:lunardischarge.png]]|4|<br>|[[File:lunardischarge_preview.png]]}} | ||
{{EndShopContent}} | {{EndShopContent}} | ||
</div> | |||
</div> | |||
<h2 class="c-header active">Text Templates</h2> | |||
<div class="c-content" style="display: block;"> | |||
== Text Templates == | |||
<h3 class="h-static">Text List with Rows</h3> | |||
A table to display single words or short text in flexible rows. | |||
<pre><table class="rowlist"> | |||
<th>Header</th> | |||
<tr class="rowlistsubheader"><td>Subheader</td></tr> | |||
<tr class="rowlistcontent"> | |||
<td class="rowlistitems"> | |||
<div class="rowlistitem">Item</div> | |||
<div class="rowlistitem">Item</div> | |||
<div class="rowlistitem">Item</div> | |||
<div class="rowlistitem">Item</div> | |||
<div class="rowlistitem">Item</div> | |||
</td> | |||
</tr></table></pre> | |||
<table class="rowlist"> | |||
<th>Header</th> | |||
<tr class="rowlistsubheader"><td>Subheader</td></tr> | |||
<tr class="rowlistcontent"> | |||
<td class="rowlistitems"> | |||
<div class="rowlistitem">Item</div> | |||
<div class="rowlistitem">Item</div> | |||
<div class="rowlistitem">Item</div> | |||
<div class="rowlistitem">Item</div> | |||
<div class="rowlistitem">Item</div> | |||
</td> | |||
</tr></table> | |||
<h3 class="h-static">Table Type A</h3> | |||
Table with a colored header and left column. | |||
<pre><table class="tableA"> | |||
<tr> | |||
<th colspan=2>Header</td> | |||
</tr> | |||
<tr> | |||
<th>Header</th> | |||
<td></td> | |||
</tr> | |||
<tr> | |||
<th>Header</th> | |||
<td></td> | |||
</tr> | |||
</table></pre> | |||
<table class="tableA"> | |||
<tr> | |||
<th colspan=2>Header</td> | |||
</tr> | |||
<tr> | |||
<th>Header</th> | |||
<td></td> | |||
</tr> | |||
<tr> | |||
<th>Header</th> | |||
<td></td> | |||
</tr> | |||
</table> | |||
<h3 class="h-static">Table Type A</h3> | |||
Table with a colored header. | |||
<pre><table class="tableA"> | |||
<tr> | |||
<th>Header</td> | |||
</tr> | |||
<tr> | |||
<td></td> | |||
</tr> | |||
<tr> | |||
<td></td> | |||
</tr> | |||
</table></pre> | |||
<table class="tableA"> | |||
<tr> | |||
<th>Header</td> | |||
</tr> | |||
<tr> | |||
<td></td> | |||
</tr> | |||
<tr> | |||
<td></td> | |||
</tr> | |||
</table> | |||
<h3 class="h-static">Single Column List</h3> | |||
Display text in a single column in list format. | |||
<pre><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></pre> | |||
<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> | |||
</div> | |||
</div> | </div> | ||
<h2 class="c-header active">Event-Specific Templates</h2> | |||
<div class="c-content" style="display: block;"> | |||
== Event-Specific Templates == | == Event-Specific Templates == | ||
= | |||
<h3 class="h-static">Dateable Wolf Profiles</h3> | |||
Profile boxes for dateable wolves in the Matchmaker event, with name, images, flavor text, and preferences. | Profile boxes for dateable wolves in the Matchmaker event, with name, images, flavor text, and preferences. | ||
Line 529: | Line 653: | ||
= | <h3 class="h-static">Special Dateable Wolf Profiles</h3> | ||
Profile boxes for dateable wolves in the Matchmaker event, with name, images, flavor text, preferences, and an extra text field to define a special parameter required for unlocking this dateable wolf. | Profile boxes for dateable wolves in the Matchmaker event, with name, images, flavor text, preferences, and an extra text field to define a special parameter required for unlocking this dateable wolf. | ||
Line 549: | Line 673: | ||
}} | }} | ||
</div> | </div> | ||
<h3 class="h-static">Lunar Event Applicators</h3> | |||
Tables for monthly lunar event applicators. | |||
'''Base month''' | |||
<pre><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>Preview image source|class="img_appmonth"]]</td> | |||
</tr><tr style="border: 1px solid black;"> | |||
<td style="width: 25%;">Base icon source<br>'''Base Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 500 LT</td> | |||
<td style="width: 25%;">Claw icon source<br>'''Claw Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> | |||
<td style="width: 25%;">Noce icon source<br>'''Nose Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> | |||
<td style="width: 25%;">Skin icon source<br>'''Skin Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> | |||
</tr><tr style="border: 1px solid black;"> | |||
<td>Eyes icon source<br>'''Eye Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 200 LT</td> | |||
<td></td><td></td><td></td></tr></table></pre> | |||
<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>Preview image source|class="img_appmonth"]]</td> | |||
</tr><tr style="border: 1px solid black;"> | |||
<td style="width: 25%;">Base icon source<br>'''Base Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 500 LT</td> | |||
<td style="width: 25%;">Claw icon source<br>'''Claw Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> | |||
<td style="width: 25%;">Noce icon source<br>'''Nose Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> | |||
<td style="width: 25%;">Skin icon source<br>'''Skin Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> | |||
</tr><tr style="border: 1px solid black;"> | |||
<td>Eyes icon source<br>'''Eye Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 200 LT</td> | |||
<td></td><td></td><td></td></tr></table> | |||
<div class="spoilerButton"><p>Example Use</p></div> | |||
<div class="spoilerContent" style="display: none;"> | |||
<pre><table class="lunar_applicators"><tr style="border: 1px solid black;"><td style="background-color:#c7c7c7;" colspan=4><b>February 2021</b></td></tr><tr style="border: 1px solid black;"><td colspan=4>[[File:Lunarapps_feb2021.png|class="img_appmonth"]]</td></tr><tr style="border: 1px solid black;"><td style="width: 25%;">[[File:Base_selene.png]]<br>'''Base Applicator [Selene]'''<br>[[File:Icon-lunartear.png]] 500 LT</td><td style="width: 25%;">[[File:Claw_selenite.png]]<br>'''Claw Applicator [Selenite]'''<br>[[File:Icon-lunartear.png]] 80 LT</td><td style="width: 25%;">[[File:Nose_selenite.png]]<br>'''Nose Applicator [Selenite]'''<br>[[File:Icon-lunartear.png]] 80 LT</td><td style="width: 25%;">[[File:Skin_selenite.png]]<br>'''Skin Applicator [Selene]'''<br>[[File:Icon-lunartear.png]] 80 LT</td></tr><tr style="border: 1px solid black;"><td>[[File:Eyes_violet.png]]<br>'''Eye Applicator [Violet]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td></td><td></td><td></td></tr></table></pre> | |||
<table class="lunar_applicators"><tr style="border: 1px solid black;"><td style="background-color:#c7c7c7;" colspan=4><b>February 2021</b></td></tr><tr style="border: 1px solid black;"><td colspan=4>[[File:Lunarapps_feb2021.png|class="img_appmonth"]]</td></tr><tr style="border: 1px solid black;"><td style="width: 25%;">[[File:Base_selene.png]]<br>'''Base Applicator [Selene]'''<br>[[File:Icon-lunartear.png]] 500 LT</td><td style="width: 25%;">[[File:Claw_selenite.png]]<br>'''Claw Applicator [Selenite]'''<br>[[File:Icon-lunartear.png]] 80 LT</td><td style="width: 25%;">[[File:Nose_selenite.png]]<br>'''Nose Applicator [Selenite]'''<br>[[File:Icon-lunartear.png]] 80 LT</td><td style="width: 25%;">[[File:Skin_selenite.png]]<br>'''Skin Applicator [Selene]'''<br>[[File:Icon-lunartear.png]] 80 LT</td></tr><tr style="border: 1px solid black;"><td>[[File:Eyes_violet.png]]<br>'''Eye Applicator [Violet]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td></td><td></td><td></td></tr></table> | |||
</div> | |||
'''Markings month''' | |||
<pre><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>Preview image source|class="img_appmonth"]]</td> | |||
</tr><tr style="border: 1px solid black;"> | |||
<td style="width: 25%;"></td> | |||
<td style="width: 25%;">Markings icon source<br>'''Markings Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 250 LT</td><td style="width: 25%;">Eyes icon source<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 25%;"></td></tr></table></pre> | |||
<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>Preview image source|class="img_appmonth"]]</td> | |||
</tr><tr style="border: 1px solid black;"> | |||
<td style="width: 25%;"></td> | |||
<td style="width: 25%;">Markings icon source<br>'''Markings Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 250 LT</td><td style="width: 25%;">Eyes icon source<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 25%;"></td></tr></table> | |||
<div class="spoilerButton"><p>Example Use</p></div> | |||
<div class="spoilerContent" style="display: none;"> | |||
<pre><table class="lunar_applicators"><tr style="border: 1px solid black;"><td style="background-color:#c7c7c7;" colspan=4><b>March 2021</b></td></tr><tr style="border: 1px solid black;"><td colspan=4>[[File:Lunarapps_mar2021.png|class="img_appmonth"]]</td></tr><tr style="border: 1px solid black;"><td style="width: 25%;"></td><td style="width: 25%;">[[File:Markings_selene.png]]<br>'''Markings Applicator [Selene]'''<br>[[File:Icon-lunartear.png]] 250 LT</td><td style="width: 25%;">[[File:Eyes_indigo.png]]<br>'''Eye Applicator [Indigo]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 25%;"></td></tr></table></pre> | |||
<table class="lunar_applicators"><tr style="border: 1px solid black;"><td style="background-color:#c7c7c7;" colspan=4><b>March 2021</b></td></tr><tr style="border: 1px solid black;"><td colspan=4>[[File:Lunarapps_mar2021.png|class="img_appmonth"]]</td></tr><tr style="border: 1px solid black;"><td style="width: 25%;"></td><td style="width: 25%;">[[File:Markings_selene.png]]<br>'''Markings Applicator [Selene]'''<br>[[File:Icon-lunartear.png]] 250 LT</td><td style="width: 25%;">[[File:Eyes_indigo.png]]<br>'''Eye Applicator [Indigo]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 25%;"></td></tr></table> | |||
</div> | |||
'''Special event with eye applicator''' | |||
<pre><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>Preview image source</td> | |||
</tr><tr style="border: 1px solid black;"> | |||
<td style="width: 33%;"></td> | |||
<td style="width: 33%;">Eye icon source<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td> | |||
<td style="width: 33%;"></td></tr></table></pre> | |||
<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>Preview image source</td> | |||
</tr><tr style="border: 1px solid black;"> | |||
<td style="width: 33%;"></td> | |||
<td style="width: 33%;">Eye icon source<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td> | |||
<td style="width: 33%;"></td></tr></table> | |||
<div class="spoilerButton"><p>Example Use</p></div> | |||
<div class="spoilerContent" style="display: none;"> | |||
<pre><table class="lunar_applicators"><tr style="border: 1px solid black;"><td style="background-color:#c7c7c7;" colspan=4><b>August 2021</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:Lunarapps_aug2021.png]]</td></tr><tr style="border: 1px solid black;"><td style="width: 33%;"></td><td style="width: 33%;">[[File:Eyes_saeculorum.png]]<br>'''Eye Applicator [Saeculorum]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 33%;"></td></tr></table></pre> | |||
<table class="lunar_applicators"><tr style="border: 1px solid black;"><td style="background-color:#c7c7c7;" colspan=4><b>August 2021</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:Lunarapps_aug2021.png]]</td></tr><tr style="border: 1px solid black;"><td style="width: 33%;"></td><td style="width: 33%;">[[File:Eyes_saeculorum.png]]<br>'''Eye Applicator [Saeculorum]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 33%;"></td></tr></table> | |||
</div> | |||
'''Special event with no new applicators''' | |||
<pre><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></pre> | |||
<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> | |||
<h2 class="c-header active">Color Scales</h2> | |||
<div class="c-content" style="display: block;"> | |||
== Color Scales == | |||
Color scales for use in tables or other content. | |||
<h3 class="h-static">Color Scale A</h3> | |||
<pre><table style="width: 100%;"> | |||
<tr> | |||
<td class="scaleA0"></td> | |||
<td class="scaleA25"></td> | |||
<td class="scaleA50"></td> | |||
<td class="scaleA75"></td> | |||
<td class="scaleA100"></td> | |||
</tr> | |||
</table></pre> | |||
<table style="width: 100%;"> | |||
<tr> | |||
<td class="scaleA0"></td> | |||
<td class="scaleA25"></td> | |||
<td class="scaleA50"></td> | |||
<td class="scaleA75"></td> | |||
<td class="scaleA100"></td> | |||
</tr> | |||
</table> |
Latest revision as of 16:32, 25 March 2024
This page contains a list of all templates and tables available to use in wiki articles and some information on how they're used, so that all of the information is in one place. When you make a new template, please add its information to this page and let everyone know that you added it in the Discord!
Notices
Notices
Coming Soon
A notice for the top of an article to let visitors know that the article is in development and will be finished soon.
{{ComingSoon}}
Crowdsourcing
A notice for the top of an article to let visitors know that some of the content in the article is crowdsourced. Should be placed on any article with potentially unconfirmed crowdsourced information. If all of the information is developer-confirmed or confirmed individually by one of us, the notice is not necessary.
{{Crowdsourcing}}
Custom Notice
A notice for the top of an article which you can edit the text of to say anything you'd like.
{{CustomNotice|Notice Title|Notice Text}}
Custom notices used previously
Grouse Tip
A small dialogue box with a Grouse Tip header, where you can place gameplay tips you want to emphasize.
Currently one variant:
{{GrouseTipRight|Tip Text}}
Grouse Tip! | |
Tip Text |
Wiki Update
The template for adding a wiki update to the Recent Wiki Updates section of the Main Page.
{{WikiUpdate|Update Text|Update Date}}
Basic Game Content Templates
Basic Game Content Templates
Achievement Box
A simple table containing one achievement with an image, name, guidelines, and tips section. If you want to leave the tips section blank, just put a space in the final parameter.
{{Achievement|Icon|Achievement Name|Achievement Text|Tips for Completing}}
Achievement Name | |
Icon | Achievement Text |
Tips for Completing |
All achievement icons available to use are below. Copy and paste the text directly into the Icon section to use the image.
Achievement icons
Example Use
Crafting Recipe
A table for displaying a crafting recipe with thumbnail, name, ingredients, obtention method, and preview.
{{CraftingRecipe|Recipe Name|Recipe Thumbnail|Recipe Ingredients|Obtention Method|Preview Image}}
Recipe Name | |
Recipe Thumbnail | Recipe Ingredients |
Obtention Method | |
Preview Image |
Example Use
NPC Profile Box
A table for displaying a simple NPC profile with name, species, pronouns, default image, biography, and an image gallery.
{{NPCProfile|NPC Name|Species|Default Image|Pronouns|Biography|Additional images}}
NPC Name | ||
Default Image | Biography |
|
Species |
Pronouns |
|
Additional images
|
Example Use
Applicator Preview
Tables to show off applicators individually.
Base Applicator Preview
Preview table for base applicators with name, genetics, thumbnail, obtention, and large preview.
{{BaseApplicatorPreview|Base Name|Base Genetics|Applicator Icon|Obtention|Preview Image}}
Base Name | |||
Base genetics | |||
Applicator Icon | |||
Obtention | |||
Preview Image | |||
Example Use
Claw and Leathers Applicator Preview
A table with three sections for claws, nose, and skin applicators of the same name.
{{ClawLeathersApplicatorPreview|Applicator Name|Claw App Icon|Nose App Icon|Skin App Icon|Obtention|Claw App Preview|Nose App Preview|Skin App Preview}}
Applicator Name | ||
Claws | Nose | Skin |
Claw App Icon | Nose App Icon | Skin App Icon |
Obtention | Obtention | Obtention |
Claw App Preview | Nose App Preview | Skin App Preview |
Example Use
Markings Applicator Preview
A table with previews for individual marking shapes. Currently available for applicators which provide four different marking shapes.
{{MarkingsApplicatorPreview|Marking Color|Applicator Icon|Obtention|Shape 1 Preview|Shape 1 Name|Shape 2 Preview|Shape 2 Name|Shape 3 Preview|Shape 3 Name|Shape 4 Preview|Shape 4 Name}}
Marking Color | |
Applicator Icon | |
Obtention | |
Shape 1 Preview Shape 1 Name | Shape 2 Preview Shape 2 Name |
Shape 3 Preview Shape 3 Name | Shape 4 Preview Shape 4 Name |
Example Use
Eye Applicator Preview
A table for eye applicators with fail colors and explore eye section.
{{EyeApplicatorPreview|Eye Name|Applicator Icon|Fail Colors|Obtention|Preview on Wolf|Explore Eyes}}
Eye Name | |||
Applicator Icon | |||
Fails to Fail Colors | |||
Obtention | |||
Preview Image | |||
Explore Eyes |
Example Use
Explore Encounters
Explore Encounters with Time of Day Buttons
Explore encounter tables with buttons that change the image displayed based on the time of day. Currently available in four variations. To fill out these templates, you must obtain the direct link to the image by opening the image separately in a new tab. These templates will be used on top of a normal encounter table; options and rewards aren't included here, just the image at the top of the table.
Encounter available in all times of day
{{TimedEncounter|Encounter Name|Dawn Image|Day Image|Dusk Image|Night Image}}
Example Use
In the following templates, you must pick the icon representing the time(s) of day the encounter is(are) found in. The links you will paste for each time of day are below.
Dawn: /images/f/f5/Icon-time-dawn.png Day: /images/8/84/Icon-time-day.png Dusk: /images/4/4a/Icon-time-dusk.png Night: /images/f/ff/Icon-time-night.png
Encounter available in one time of day
{{CustomTimedEncounter1|Encounter Name|Image|Time of Day Icon}}
Example Use
Encounter available in two times of day
{{CustomTimedEncounter1|Encounter Name|Default Image|Image 1|Time of Day 1|Image 2|Time of Day 2}}
|
Example Use
Encounter available in three times of day
{{CustomTimedEncounter1|Encounter Name|Default Image|Image 1|Time of Day 1|Image 2|Time of Day 2|Image 3|Time of Day 3}}
|
Example Use
Image Templates
Image Templates
Image Grid
Display larger images in a flexible grid format.
<div class="imagegrid"> <div class="gridimage">Image</div> <div class="gridimage">Image</div> <div class="gridimage">Image</div> <div class="gridimage">Image</div> </div>
Item Grid
A flexible item grid great for displaying a single item thumbnail with one or two short text descriptions.
{{ItemGrid}} {{ItemGridItem|Image|Name|Text Field 1|Text Field 2}} {{EndItemGrid}}
Text Field 2
Example Use
Shop Content
Location-specific flexible shop item boxes with name, image, item preview, and cost with automatic currency icon added. Currently available for the Lunar and Matchmaker event shops.
{{ShopContent}} {{LunarShopItem|Name|Image|Cost|Additional Information|Preview Image}} {{MatchmakerShopItem|Name|Image|Cost|Additional Information|Preview Image}} {{EndShopContent}}
Example Use
Text Templates
Text Templates
Text List with Rows
A table to display single words or short text in flexible rows.
<table class="rowlist"> <th>Header</th> <tr class="rowlistsubheader"><td>Subheader</td></tr> <tr class="rowlistcontent"> <td class="rowlistitems"> <div class="rowlistitem">Item</div> <div class="rowlistitem">Item</div> <div class="rowlistitem">Item</div> <div class="rowlistitem">Item</div> <div class="rowlistitem">Item</div> </td> </tr></table>
Header |
---|
Subheader |
Item
Item
Item
Item
Item
|
Table Type A
Table with a colored header and left column.
<table class="tableA"> <tr> <th colspan=2>Header</td> </tr> <tr> <th>Header</th> <td></td> </tr> <tr> <th>Header</th> <td></td> </tr> </table>
Header | |
---|---|
Header | |
Header |
Table Type A
Table with a colored header.
<table class="tableA"> <tr> <th>Header</td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> </table>
Header |
---|
Single Column List
Display text in a single column in list format.
<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>
List Title |
---|
List Subtitle |
List Content |
Event-Specific Templates
Event-Specific Templates
Dateable Wolf Profiles
Profile boxes for dateable wolves in the Matchmaker event, with name, images, flavor text, and preferences.
{{DateableWolf|Name|Intro text|Gender|Eye color|Base color|Personality|Sexuality|Personality like|Eye like|Base like|Gift like|Biome like|Personality dislike|Eye dislike|Base dislike|Gift dislike|Biome dislike|[[File:name-default.png]]|[[File:name-eager.png]]|[[File:name-happy.png]]|[[File:name-overjoyed.png]]|[[File:name-scowling.png]]|[[File:name-avoidant.png]]|[[File:name-disgust.png]]|[[File:name-confused.png]]|[[File:name-bedroomeyes.png]]|[[File:wolfname.png]]|"Basic greeting."<br><br>"Basic greeting."<br><br>"Basic greeting."|"2+ heart greeting."<br><br>"2+ heart greeting."<br><br>"2+ heart greeting."|"Positive gift text."<br><br>"Positive gift text."|"Negative gift text."<br><br>"Negative gift text."<br><br>"Negative gift text." }}
Name | |||||
File:Name-default.png | Intro text | ||||
Name's Traits | Likes | Dislikes | |||
Gender | Personality like personalities | Personality dislike personalities | |||
Eye color | Eye like eyes | Eye dislike eyes | |||
Base color | Base like bases | Base dislike bases | |||
Personality | Gift like gifts | Gift dislike gifts | |||
Sexuality | Biome like | Biome dislike | |||
Name expressions | |||||
Name decor |
Name flavor text
Basic Greetings |
"Basic greeting." "Basic greeting." "Basic greeting." |
2+ Heart Greetings |
"2+ heart greeting." "2+ heart greeting." "2+ heart greeting." |
Liked Gift Responses |
"Positive gift text." "Positive gift text." |
Neutral Gift Responses |
"Negative gift text." "Negative gift text." "Negative gift text." |
Disliked Gift Responses |
{{{32}}} |
Example Use
Special Dateable Wolf Profiles
Profile boxes for dateable wolves in the Matchmaker event, with name, images, flavor text, preferences, and an extra text field to define a special parameter required for unlocking this dateable wolf.
{{SpecialDateableWolf|Name|Intro text|Unlock requirement|Gender|Eye color|Base color|Personality|Sexuality|Personality like|Eye like|Base like|Gift like|Biome like|Personality dislike|Eye dislike|Base dislike|Gift dislike|Biome dislike|[[File:name-default.png]]|[[File:name-eager.png]]|[[File:name-happy.png]]|[[File:name-overjoyed.png]]|[[File:name-scowling.png]]|[[File:name-avoidant.png]]|[[File:name-disgust.png]]|[[File:name-confused.png]]|[[File:name-bedroomeyes.png]]|[[File:wolfname.png]]|"Basic greeting."<br><br>"Basic greeting."<br><br>"Basic greeting."|"2+ heart greeting."<br><br>"2+ heart greeting."<br><br>"2+ heart greeting."|"Positive gift text."<br><br>"Positive gift text."|"Negative gift text."<br><br>"Negative gift text."<br><br>"Negative gift text." }}
Name | |||||
File:Name-default.png | Intro text | ||||
Unlock requirement | |||||
Name's Traits | Likes | Dislikes | |||
Gender | Personality like personalities | Personality dislike personalities | |||
Eye color | Eye like eyes | Eye dislike eyes | |||
Base color | Base like bases | Base dislike bases | |||
Personality | Gift like gifts | Gift dislike gifts | |||
Sexuality | Biome like | Biome dislike | |||
Name expressions | |||||
Name decor |
Name flavor text
Basic Greetings |
"Basic greeting." "Basic greeting." "Basic greeting." |
2+ Heart Greetings |
"2+ heart greeting." "2+ heart greeting." "2+ heart greeting." |
Liked Gift Responses |
"Positive gift text." "Positive gift text." |
Neutral Gift Responses |
"Negative gift text." "Negative gift text." "Negative gift text." |
Disliked Gift Responses |
{{{33}}} |
Example Use
Lunar Event Applicators
Tables for 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>Preview image source|class="img_appmonth"]]</td> </tr><tr style="border: 1px solid black;"> <td style="width: 25%;">Base icon source<br>'''Base Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 500 LT</td> <td style="width: 25%;">Claw icon source<br>'''Claw Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> <td style="width: 25%;">Noce icon source<br>'''Nose Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> <td style="width: 25%;">Skin icon source<br>'''Skin Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 80 LT</td> </tr><tr style="border: 1px solid black;"> <td>Eyes icon source<br>'''Eye Applicator [Name]'''<br>[[File:Icon-lunartear.png]] 200 LT</td> <td></td><td></td><td></td></tr></table>
Example Use
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>Preview image source|class="img_appmonth"]]</td> </tr><tr style="border: 1px solid black;"> <td style="width: 25%;"></td> <td style="width: 25%;">Markings icon source<br>'''Markings Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 250 LT</td><td style="width: 25%;">Eyes icon source<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td><td style="width: 25%;"></td></tr></table>
Month Year | |||
Preview image source|class="img_appmonth"]] | |||
Markings icon source Markings Applicator [NAME] 250 LT | Eyes icon source Eye Applicator [NAME] 200 LT |
Example Use
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>Preview image source</td> </tr><tr style="border: 1px solid black;"> <td style="width: 33%;"></td> <td style="width: 33%;">Eye icon source<br>'''Eye Applicator [NAME]'''<br>[[File:Icon-lunartear.png]] 200 LT</td> <td style="width: 33%;"></td></tr></table>
Month Year | |||
During this Special Lunar Event, every previous applicator returned, so only an eye applicator was introduced. | |||
Preview image source | |||
Eye icon source Eye Applicator [NAME] 200 LT |
Example Use
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>
Month Year | |||
No new applicators were released during this Special Lunar Event. |
Color Scales
Color Scales
Color scales for use in tables or other content.
Color Scale A
<table style="width: 100%;"> <tr> <td class="scaleA0"></td> <td class="scaleA25"></td> <td class="scaleA50"></td> <td class="scaleA75"></td> <td class="scaleA100"></td> </tr> </table>