Grouse

TemplateList: Difference between revisions

From Grouse House Wiki

No edit summary
No edit summary
 
(5 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>
=== 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.
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:




=== Crowdsourcing ===
<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:




=== Custom Notice ===
<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 28: Line 29:




=== Grouse Tip ===
<div class="spoilerButton"><p>Custom notices used previously</p></div>
<div class="spoilerContent" style="display: none;">
<pre>{{CustomNotice|Welcome to the 2024 Matchmaking event!|Since this event is actively ongoing, we're still working on getting all of the new information from this year. We apologize if there's anything missing, but feel free to let us know if you find anything that you think we should know!}}</pre>
 
 
{{CustomNotice|Welcome to the 2024 Matchmaking event!|Since this event is actively ongoing, we're still working on getting all of the new information from this year. We apologize if there's anything missing, but feel free to let us know if you find anything that you think we should know!}}
</div>
 
 
<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 38: Line 48:




=== Wiki Update ===
<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 ==
=== Achievement Box ===
 
<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 68: 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 90: Line 107:




=== Crafting Recipe ===
<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 107: Line 124:




=== NPC Profile Box ===
<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 126: Line 143:




=== Applicator Previews ===
<h3 class="h-static">Applicator Preview</h3>
Tables to show off applicators individually.
Tables to show off applicators individually.


Line 196: Line 213:




=== Explore Encounters ===
<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 361: Line 378:




</div>
<h2 class="c-header active">Image Templates</h2>
<div class="c-content" style="display: block;">
== Image Templates ==
== Image Templates ==
=== Item Grid ===
 
 
<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 410: Line 452:




=== Shop Content ===
<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 467: 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 ==
=== Dateable Wolf Profiles ===
 
 
<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 490: Line 653:




=== Special Dateable Wolf Profiles ===
<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 510: 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}}


Excuse the mess...
This article is currently in development. We'll post on the main page when it's complete. Check back later!


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}}


Warning: Crowdsourcing!
This article is created largely with the help of crowdsourcing. Due to this, some information may be incomplete or not yet verified. If you find an error or missing information, feel free to submit a Contribution!


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}}


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
IconAchievement 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 ThumbnailRecipe 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


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
ClawsNoseSkin
Claw App IconNose App IconSkin App Icon
ObtentionObtentionObtention
Claw App PreviewNose App PreviewSkin 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>


Image
Image
Image
Image


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}}


Name
Image
Text Field 1
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}}


Name
Image
Cost LT
Additional Information
Name
Image
Cost LB


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.pngIntro text
Name's TraitsLikesDislikes
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.pngIntro text
Unlock requirement
Name's TraitsLikesDislikes
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>


Month Year
Preview image source|class="img_appmonth"]]
Base icon source
Base Applicator [Name]
500 LT
Claw icon source
Claw Applicator [Name]
80 LT
Noce icon source
Nose Applicator [Name]
80 LT
Skin icon source
Skin Applicator [Name]
80 LT
Eyes icon source
Eye Applicator [Name]
200 LT


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>