Talk:Achievements

Style Guide and Design Rationale

When reading this guide, text displayed in blue is text which you will replace.

Each achievement is given its own subsection so that that achievement can be linked to specifically using [[Achievements#Specific Achievement Here]].

Most of these subsections are alphebatized, but achievements in a "sequence" are all put after each other, alphebatized by the first achievement in the sequence. Currently, the sequences are Litteratus and So Powerful is the Charm of Words, Say No More and Tongue in Cheek, Metal Pedal and Footloose, and Three-Sludge Monte, Five-Sludge Monte, and Ten-Sludge Monte.

Below each subsection header is a 2-column, 1-row table containing the achievement image and information about the achievement.

It will look something like this in source code:

{| class="wikitable"

|[[File:Achievement Image.png Here|frameless]]

|style="width: 1400px;"|''Description of the achievement from Steam's Global Achievement Stats Page Here''

<br>

Explanation, likely in plainer terms than the description, of how to get the achievement.

Notes or clarifications about the Explanation

More notes or clarifications about the Explanation

|}

When previewed, it should look something like this:

Description of the achievement from Steam's Global Achievement Stats Page Explanation, likely in plainer terms than the description, of how to get the achievement. Notes or clarifications about the Explanation More notes or clarifications about the Explanation

A couple more rules about using the table:

• If you don't have enough notes to fill up both of the rows dedicated to notes, or even don't have any notes, make sure to replace any empty lines with <br> so that the text will be spaced the same.
• If you have enough text in either of the notes lines that it needs to wrap, you either need to delete some or move it to a different notes line. Otherwise, the spacing gets weird and off of the standard.
• There always need to be 5 lines in the text section of each table. None can be added and none can be deleted. Otherwise, the spacing gets weird and off the standard.

Pokedragonboy (talk) 03:47, 18 August 2019 (UTC)

• Paying attention to how many lines are in the text can be worked around by adding in vertical-align:top; to the style section of the table. I implemented my own Template:Achievement that implements a similar style but with better padding. Width was set to 100% to match user's default window width. I also specified the width of the image because they won't show up on mobile without it. Here is what the template looks like:

	A description!
	Some notes!

I also removed class="wikitable" because that causes some odd border lines to show up on mobile and should not be used if not formatting an actual table. Please let me know if you want to make any changes! Teamtoto (talk) 17:35, 18 August 2019 (UTC)