Grouse
TemplateList: Difference between revisions
From Grouse House Wiki
No edit summary |
No edit summary |
||
(7 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 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: | ||
= | <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 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: | ||
= | <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: | ||
= | <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: | ||
= | <h3 class="h-static">Applicator Preview</h3> | ||
Tables to show off applicators individually. | Tables to show off applicators individually. | ||
Line 196: | 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 311: | Line 328: | ||
{{CustomTimedEncounter2|alittledate|a/aa/Alittledatedawn.png|/images/f/f5/Icon-time-dawn.png|2/29/Alittledateday.png|/images/8/84/Icon-time-day.png}} | {{CustomTimedEncounter2|alittledate|2/29/Alittledateday.png|a/aa/Alittledatedawn.png|/images/f/f5/Icon-time-dawn.png|2/29/Alittledateday.png|/images/8/84/Icon-time-day.png}} | ||
<tr><td colspan=3>Two wolves are snuggled together, murmuring soft words and looking shyly at one another. It looks like you've come across a happy dating pair!</td></tr> | <tr><td colspan=3>Two wolves are snuggled together, murmuring soft words and looking shyly at one another. It looks like you've come across a happy dating pair!</td></tr> | ||
<tr class="encounter_options"> | <tr class="encounter_options"> | ||
Line 326: | Line 343: | ||
'''Encounter available in three times of day''' | '''Encounter available in three times of day''' | ||
<pre>{{CustomTimedEncounter1|Encounter Name|Image 1|Time of Day 1|Image 2|Time of Day 2|Image 3|Time of Day 3}}</pre> | <pre>{{CustomTimedEncounter1|Encounter Name|Default Image|Image 1|Time of Day 1|Image 2|Time of Day 2|Image 3|Time of Day 3}}</pre> | ||
{{CustomTimedEncounter3|Encounter Name|Image 1|Time of Day 1|Image 2|Time of Day 2|Image 3|Time of Day 3}}</table> | |||
{{CustomTimedEncounter3|Encounter Name|Default Image|Image 1|Time of Day 1|Image 2|Time of Day 2|Image 3|Time of Day 3}}</table> | |||
<div class="spoilerButton"><p>Example Use</p></div> | |||
<div class="spoilerContent" style="display: none;"> | |||
<pre>{{CustomTimedEncounter3|polycule|7/7f/Polyculeday.png|5/58/Polyculedawn.png|/images/f/f5/Icon-time-dawn.png|7/7f/Polyculeday.png|/images/8/84/Icon-time-day.png|2/29/Polyculedusk.png|/images/4/4a/Icon-time-dusk.png}} | |||
<tr><td colspan=3>You come across a group of wolves interacting warmly with each other. They seem close, like mates, and look very happy.</td></tr> | |||
<tr class="encounter_options"> | |||
<td style="width: 20%;">Say hello</td> | |||
<td style="width: 50%;">You approach the group, curious as to the nature of their relationship. At first they are wary, but quickly overcome their shyness and explain that they are all mates. They make room for you to sit for a while and enjoy each other's company. How nice!</td> | |||
<td style="width: 30%;">+1 [[File:icon-lovebug.png]] Lovebug<br>+2% energy</td></tr> | |||
<tr class="encounter_options"> | |||
<td style="width: 20%;">Watch</td> | |||
<td style="width: 50%;">They seem entirely focused on one another, and you feel like you shouldn't interrupt. You watch them for a few moments, smiling at the happiness on their faces and their tender gazes at one another. What a warm, inviting group they seem to be! They certainly love each other very much. You decide to move on as you begin to draw their attention, and leave them in peace.</td> | |||
<td style="width: 30%;">+1 [[File:icon-lovebug.png]] Lovebug<br>+1 event gemstone<br>+1 Bone</td></tr> | |||
</table></pre> | |||
{{CustomTimedEncounter3|polycule|7/7f/Polyculeday.png|5/58/Polyculedawn.png|/images/f/f5/Icon-time-dawn.png|7/7f/Polyculeday.png|/images/8/84/Icon-time-day.png|2/29/Polyculedusk.png|/images/4/4a/Icon-time-dusk.png}} | |||
<tr><td colspan=3>You come across a group of wolves interacting warmly with each other. They seem close, like mates, and look very happy.</td></tr> | |||
<tr class="encounter_options"> | |||
<td style="width: 20%;">Say hello</td> | |||
<td style="width: 50%;">You approach the group, curious as to the nature of their relationship. At first they are wary, but quickly overcome their shyness and explain that they are all mates. They make room for you to sit for a while and enjoy each other's company. How nice!</td> | |||
<td style="width: 30%;">+1 [[File:icon-lovebug.png]] Lovebug<br>+2% energy</td></tr> | |||
<tr class="encounter_options"> | |||
<td style="width: 20%;">Watch</td> | |||
<td style="width: 50%;">They seem entirely focused on one another, and you feel like you shouldn't interrupt. You watch them for a few moments, smiling at the happiness on their faces and their tender gazes at one another. What a warm, inviting group they seem to be! They certainly love each other very much. You decide to move on as you begin to draw their attention, and leave them in peace.</td> | |||
<td style="width: 30%;">+1 [[File:icon-lovebug.png]] Lovebug<br>+1 event gemstone<br>+1 Bone</td></tr> | |||
</table> | |||
</div> | |||
</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. | |||
<pre>{{ItemGrid}} | |||
{{ItemGridItem|Image|Name|Text Field 1|Text Field 2}} | |||
{{EndItemGrid}}</pre> | |||
{{ItemGrid}} | |||
{{ItemGridItem|Image|Name|Text Field 1|Text Field 2}} | |||
{{EndItemGrid}} | |||
<div class="spoilerButton"><p>Example Use</p></div> | |||
<div class="spoilerContent" style="display: none;"> | |||
<pre>{{ItemGrid}} | |||
{{ItemGridItem|[[File:arcticdraba.png]]|Arctic Draba|''Tundra''|Additional text}} | |||
{{ItemGridItem|[[File:fireweed.png]]|Fireweed|''Taiga''|Additional text}} | |||
{{ItemGridItem|[[File:goldenpoppy.png]]|Golden Poppy|''Grasslands''|Additional text}} | |||
{{ItemGridItem|[[File:mossysaxifrage.png]]|Mossy Saxifrage|''Glacier''|Additional text}} | |||
{{ItemGridItem|[[File:pelicanflower.png]]|Pelican Flower|''Rainforest''|Additional text}} | |||
{{ItemGridItem|[[File:phantomorchid.png]]|Phantom Orchid|''Coniferous Forest''|Additional text}} | |||
{{ItemGridItem|[[File:purplecornflower.png]]|Purple Cornflower|''Prairie''|Additional text}} | |||
{{ItemGridItem|[[File:scarletladiestresses.png]]|Scarlet Ladies' Tressers|''Desert''|Additional text}} | |||
{{ItemGridItem|[[File:siskyouiris.png]]|Siskiyou Iris|''Mountains''|Additional text}} | |||
{{ItemGridItem|[[File:snakemouthorchid.png]]|Snakemouth Orchid|''Swamp''|Additional text}} | |||
{{ItemGridItem|[[File:tularelavenderiris.png]]|Tulare Lavender Iris|''Riparian Woodland''|Additional text}} | |||
{{ItemGridItem|[[File:virginiabluebells.png]]|Virginia Bluebells|''Deciduous Forest''|Additional text}} | |||
{{EndItemGrid}}</pre> | |||
{{ItemGrid}} | |||
{{ItemGridItem|[[File:arcticdraba.png]]|Arctic Draba|''Tundra''|Additional text}} | |||
{{ItemGridItem|[[File:fireweed.png]]|Fireweed|''Taiga''|Additional text}} | |||
{{ItemGridItem|[[File:goldenpoppy.png]]|Golden Poppy|''Grasslands''|Additional text}} | |||
{{ItemGridItem|[[File:mossysaxifrage.png]]|Mossy Saxifrage|''Glacier''|Additional text}} | |||
{{ItemGridItem|[[File:pelicanflower.png]]|Pelican Flower|''Rainforest''|Additional text}} | |||
{{ItemGridItem|[[File:phantomorchid.png]]|Phantom Orchid|''Coniferous Forest''|Additional text}} | |||
{{ItemGridItem|[[File:purplecornflower.png]]|Purple Cornflower|''Prairie''|Additional text}} | |||
{{ItemGridItem|[[File:scarletladiestresses.png]]|Scarlet Ladies' Tressers|''Desert''|Additional text}} | |||
{{ItemGridItem|[[File:siskyouiris.png]]|Siskiyou Iris|''Mountains''|Additional text}} | |||
{{ItemGridItem|[[File:snakemouthorchid.png]]|Snakemouth Orchid|''Swamp''|Additional text}} | |||
{{ItemGridItem|[[File:tularelavenderiris.png]]|Tulare Lavender Iris|''Riparian Woodland''|Additional text}} | |||
{{ItemGridItem|[[File:virginiabluebells.png]]|Virginia Bluebells|''Deciduous Forest''|Additional text}} | |||
{{EndItemGrid}} | |||
</div> | |||
<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. | |||
<pre> | |||
{{ShopContent}} | |||
{{LunarShopItem|Name|Image|Cost|Additional Information|Preview Image}} | |||
{{MatchmakerShopItem|Name|Image|Cost|Additional Information|Preview Image}} | |||
{{EndShopContent}}</pre> | |||
{{ShopContent}} | |||
{{LunarShopItem|Name|Image|Cost|Additional Information|Preview Image}} | |||
{{MatchmakerShopItem|Name|Image|Cost|Additional Information|Preview Image}} | |||
{{EndShopContent}} | |||
<div class="spoilerButton"><p>Example Use</p></div> | |||
<div class="spoilerContent" style="display: none;"> | |||
<pre>{{ShopContent}} | |||
{{MatchmakerShopItem|Love Letter|[[File:loveletter.png]]|15|[[File:loveletter_preview.png]]}} | |||
{{MatchmakerShopItem|Dear Elk Heart|[[File:dearelkheart.png]]|20|[[File:dearelkheart_preview.png]]}} | |||
{{MatchmakerShopItem|Red Ribbon|[[File:redribbon.png]]|25|[[File:redribbon_preview.png]]}} | |||
{{MatchmakerShopItem|Romantic Candles|[[File:romanticcandles.png]]|25|[[File:romanticcandles_preview.png]]}} | |||
{{MatchmakerShopItem|Scattered Rose Petals|[[File:scatteredrosepetals.png]]|25|[[File:scatteredrosepetals_preview.png]]}} | |||
{{MatchmakerShopItem|Flower Bouquet|[[File:flowerbouqet.png]]|30|[[File:flowerbouquet_preview.png]]}} | |||
{{EndShopContent}} | |||
{{ShopContent}} | |||
{{LunarShopItem|Lunar Diamond Dust|[[File:lunardiamonddust.png]]|2|Only available during Wolvden winter<br><br>|[[File:lunardiamonddust_preview.png]]}} | |||
{{LunarShopItem|Lunar Rain|[[File:lunarrain.png]]|2|<br><br>|[[File:lunarrain_preview.png]]}} | |||
{{LunarShopItem|Lunar Blizzard|[[File:lunarblizzard.png]]|3|Only available during Wolvden winter when your home biome's weather is Snow|[[File:lunarblizzard_preview.png]]}} | |||
{{LunarShopItem|Lunar Ice Storm|[[File:lunaricestorm.png]]|3|Only available when your home biome's weather is Snow<br><br>|[[File:lunaricestorm_preview.png]]}} | |||
{{LunarShopItem|Lunar Lightning|[[File:lunarlightning.png]]|3|Only available when your home biome's weather is Rain|[[File:lunarlightning_preview.png]]}} | |||
{{LunarShopItem|Lunar Wisp|[[File:lunarwisp.png]]|3|<br>|[[File:lunarwisp_preview.png]]}} | |||
{{LunarShopItem|Blue Eye Discharge|[[File:lunardischarge.png]]|4|<br>|[[File:lunardischarge_preview.png]]}} | |||
{{EndShopContent}}</pre> | |||
{{ShopContent}} | |||
{{MatchmakerShopItem|Love Letter|[[File:loveletter.png]]|15|[[File:loveletter_preview.png]]}} | |||
{{MatchmakerShopItem|Dear Elk Heart|[[File:dearelkheart.png]]|20|[[File:dearelkheart_preview.png]]}} | |||
{{MatchmakerShopItem|Red Ribbon|[[File:redribbon.png]]|25|[[File:redribbon_preview.png]]}} | |||
{{MatchmakerShopItem|Romantic Candles|[[File:romanticcandles.png]]|25|[[File:romanticcandles_preview.png]]}} | |||
{{MatchmakerShopItem|Scattered Rose Petals|[[File:scatteredrosepetals.png]]|25|[[File:scatteredrosepetals_preview.png]]}} | |||
{{MatchmakerShopItem|Flower Bouquet|[[File:flowerbouqet.png]]|30|[[File:flowerbouquet_preview.png]]}} | |||
{{EndShopContent}} | |||
{{ShopContent}} | |||
{{LunarShopItem|Lunar Diamond Dust|[[File:lunardiamonddust.png]]|2|Only available during Wolvden winter<br><br>|[[File:lunardiamonddust_preview.png]]}} | |||
{{LunarShopItem|Lunar Rain|[[File:lunarrain.png]]|2|<br><br>|[[File:lunarrain_preview.png]]}} | |||
{{LunarShopItem|Lunar Blizzard|[[File:lunarblizzard.png]]|3|Only available during Wolvden winter when your home biome's weather is Snow|[[File:lunarblizzard_preview.png]]}} | |||
{{LunarShopItem|Lunar Ice Storm|[[File:lunaricestorm.png]]|3|Only available when your home biome's weather is Snow<br><br>|[[File:lunaricestorm_preview.png]]}} | |||
{{LunarShopItem|Lunar Lightning|[[File:lunarlightning.png]]|3|Only available when your home biome's weather is Rain|[[File:lunarlightning_preview.png]]}} | |||
{{LunarShopItem|Lunar Wisp|[[File:lunarwisp.png]]|3|<br>|[[File:lunarwisp_preview.png]]}} | |||
{{LunarShopItem|Blue Eye Discharge|[[File:lunardischarge.png]]|4|<br>|[[File:lunardischarge_preview.png]]}} | |||
{{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> | |||
<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 === | |||
=== Special | |||
<h3 class="h-static">Dateable Wolf Profiles</h3> | |||
Profile boxes for dateable wolves in the Matchmaker event, with name, images, flavor text, and preferences. | |||
<pre>{{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." | |||
}}</pre> | |||
{{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." | |||
}} | |||
<div class="spoilerButton"><p>Example Use</p></div> | |||
<div class="spoilerContent" style="display: none;"> | |||
<pre>{{DateableWolf|Axhayet|"I'm pleased to meet you. I'm Axhayet. What would you like to talk about?"|Trans Female|Lumino|Caelum|Quiet|Nonbinary|Friendly|Special|Medium Monochrome|Decoration|Taiga and Tundra|Romantic|Yellow|Medium Cool|Amusement|Desert and Swamp|[[File:axhayet-default.png]]|[[File:axhayet-eager.png]]|[[File:axhayet-happy.png]]|[[File:axhayet-overjoyed.png]]|[[File:axhayet-scowling.png]]|[[File:axhayet-avoidant.png]]|[[File:axhayet-disgust.png]]|[[File:axhayet-confused.png]]|[[File:axhayet-bedroomeyes.png]]|[[File:wolfaxhayet_preview.png]]|"Glad to see you again"<br>"Greetings."<br>"Welcome again."|"I enjoy spending time with you."<br>"Your eyes are unique."<br>"You're intriguing."|"I appreciate it."<br>"Not bad. Thank you."|"It's...a nice gesture."<br>"Please keep it to yourself."<br>"That's not my kind of thing."}}</pre> | |||
{{DateableWolf|Axhayet|"I'm pleased to meet you. I'm Axhayet. What would you like to talk about?"|Trans Female|Lumino|Caelum|Quiet|Nonbinary|Friendly|Special|Medium Monochrome|Decoration|Taiga and Tundra|Romantic|Yellow|Medium Cool|Amusement|Desert and Swamp|[[File:axhayet-default.png]]|[[File:axhayet-eager.png]]|[[File:axhayet-happy.png]]|[[File:axhayet-overjoyed.png]]|[[File:axhayet-scowling.png]]|[[File:axhayet-avoidant.png]]|[[File:axhayet-disgust.png]]|[[File:axhayet-confused.png]]|[[File:axhayet-bedroomeyes.png]]|[[File:wolfaxhayet_preview.png]]|"Glad to see you again"<br>"Greetings."<br>"Welcome again."|"I enjoy spending time with you."<br>"Your eyes are unique."<br>"You're intriguing."|"I appreciate it."<br>"Not bad. Thank you."|"It's...a nice gesture."<br>"Please keep it to yourself."<br>"That's not my kind of thing."}} | |||
</div> | |||
<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. | |||
<pre>{{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." | |||
}}</pre> | |||
{{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." | |||
}} | |||
<div class="spoilerButton"><p>Example Use</p></div> | |||
<div class="spoilerContent" style="display: none;"> | |||
<pre>{{SpecialDateableWolf|Inve|"Hello there, charming! I'm Inve. Fancy a chat? I'd love to know more about you. We could even go on a nice walk together."|Inve can only be obtained during February's Lunar Event.|Female|Bioluminescent Blue|Luna|Confident|Female|Aggressive|Yellow|Dark Warm|Amusement|Mountains and Desert|Stoic|Blue|Light Cool|Flower|Tundra and Glacier|[[File:inve-default.png]]|[[File:inve-eager.png]]|[[File:inve-happy.png]]|[[File:inve-overjoyed.png]]|[[File:inve-scowling.png]]|[[File:inve-avoidant.png]]|[[File:inve-disgust.png]]|[[File:inve-confused.png]]|[[File:inve-bedroomeyes.png]]|[[File:wolfinve_preview.png]]|"Good to see you! I was starting to miss you."<br>"Hi again! Come closer, I won't bite!"<br>"I was just thinking about you! It can't be a coincidence, you know. I feel such things."|"The more we talk, the more I feel like I've known you for years."<br>"I can't believe how shiny your fur is! Will you share the secret of your beauty?"<br>"Are you sure that you're not a Lunar wolf? Because you're dreamy..."|"So lovely! It feels as if you've known me for years. Thank you!"<br>"This is perfect. How did you know? I LOVE these things. Do you read minds or something?"<br>"Oh, wow, it's so cool! If you're able to guess my taste just like that, you have some sixth sense for sure."<br>"How did you know this is my favorite? I can't believe it!"<br>"I didn't expect something like this but... no no, don't take it away, it's good."|"Hmm...it's nice but not my taste. I'm sure that someone else will appreciate it more."<br>"I know you meant well but I can't take this." | |||
}}</pre> | |||
{{SpecialDateableWolf|Inve|"Hello there, charming! I'm Inve. Fancy a chat? I'd love to know more about you. We could even go on a nice walk together."|Inve can only be obtained during February's Lunar Event.|Female|Bioluminescent Blue|Luna|Confident|Female|Aggressive|Yellow|Dark Warm|Amusement|Mountains and Desert|Stoic|Blue|Light Cool|Flower|Tundra and Glacier|[[File:inve-default.png]]|[[File:inve-eager.png]]|[[File:inve-happy.png]]|[[File:inve-overjoyed.png]]|[[File:inve-scowling.png]]|[[File:inve-avoidant.png]]|[[File:inve-disgust.png]]|[[File:inve-confused.png]]|[[File:inve-bedroomeyes.png]]|[[File:wolfinve_preview.png]]|"Good to see you! I was starting to miss you."<br>"Hi again! Come closer, I won't bite!"<br>"I was just thinking about you! It can't be a coincidence, you know. I feel such things."|"The more we talk, the more I feel like I've known you for years."<br>"I can't believe how shiny your fur is! Will you share the secret of your beauty?"<br>"Are you sure that you're not a Lunar wolf? Because you're dreamy..."|"So lovely! It feels as if you've known me for years. Thank you!"<br>"This is perfect. How did you know? I LOVE these things. Do you read minds or something?"<br>"Oh, wow, it's so cool! If you're able to guess my taste just like that, you have some sixth sense for sure."<br>"How did you know this is my favorite? I can't believe it!"<br>"I didn't expect something like this but... no no, don't take it away, it's good."|"Hmm...it's nice but not my taste. I'm sure that someone else will appreciate it more."<br>"I know you meant well but I can't take this." | |||
}} | |||
</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>