Template:Perk Tree - Revision history

76561198031004412: Just wide enough to not break the headings over two lines

2026-04-30T10:17:00Z

Just wide enough to not break the headings over two lines

← Older revision		Revision as of 10:17, 30 April 2026
Line 2:		Line 2:
	{\| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"		{\| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"
	\|-		\|-
	\| style="width: 5%" \| <code>TIER 1</code>		\| style="width: 6%" \| <code>TIER 1</code>
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">

76561198327183629: update formatting

2026-02-03T21:31:17Z

update formatting

← Older revision		Revision as of 21:31, 3 February 2026
Line 2:		Line 2:
	{\| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"		{\| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"
	\|-		\|-
	\| style="width: 5%" \| TIER 1		\| style="width: 5%" \| <code>TIER 1</code>
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
Line 20:		Line 20:
	</div>		</div>
	\|-		\|-
	\| TIER 2		\| <code>TIER 2</code>
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
Line 33:		Line 33:
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	{{Perk \| title={{{10}}} }}		{{Perk \| title={{{10}}} }}

			{{Perk \| title={{{11}}} }}
	</div>		</div>
	</div>		</div>
	\|-		\|-
	\| TIER 3		\| <code>TIER 3</code>
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	~~{{Perk \| title={{{11}}} }}~~

	{{Perk \| title={{{12}}} }}		{{Perk \| title={{{12}}} }}

	{{Perk \| title={{{13}}} }}		{{Perk \| title={{{13}}} }}

			{{Perk \| title={{{14}}} }}
			</div>
			</div>
			<div style="display: flex; flex-direction: column; align-items: center;">
			<div style="display: flex; justify-content: center; width: 100%;">
			{{Perk \| title={{{15}}} }}
	</div>		</div>
	</div>		</div>
	\|-		\|-
	\| TIER 4		\| <code>TIER 4</code>
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	{{Perk \| title={{{14}}} }}		{{Perk \| title={{{16}}} }}

	{{Perk \| title={{{15}}} }}		{{Perk \| title={{{17}}} }}
	</div>		</div>
	</div>		</div>
Line 66:		Line 73:
	<pre>		<pre>
	{{Perk Tree		{{Perk Tree
	\|~~High Value Target~~		\|Taking Command
	\|~~Commando~~		\|Athletic
	\|~~High Value Target~~		\|Solid Grouping
	\|~~High Value Target~~		\|New Tricks
	\|~~High Value Target~~		\|Scout
	\|~~High Value Target~~		\|Standby
	\|~~High Value Target~~		\|Buff
	\|~~High Value~~ Target		\|Bags & Belts
	\|~~High Value Target~~		\|Inspiring Presence
	\|~~High Value Target~~		\|Call Out Target
	\|~~High Value Target~~		\|Disruptive Fire
	\|~~High Value Target~~		\|Determined
	\|~~High Value Target~~		\|Fortify
	\|~~High Value Target~~		\|This Is My Rifle
	\|~~High Value Target~~		\|Command: Rally
			\|Stalwart
			\|Firing Line
	}}		}}
	</pre>		</pre>
Line 87:		Line 96:

	{{Perk Tree		{{Perk Tree
	\|~~High Value Target~~		\|Taking Command
	\|~~Commando~~		\|Athletic
	\|~~High Value Target~~		\|Solid Grouping
	\|~~High Value Target~~		\|New Tricks
	\|~~High Value Target~~		\|Scout
	\|~~High Value Target~~		\|Standby
	\|~~High Value Target~~		\|Buff
	\|~~High Value~~ Target		\|Bags & Belts
	\|~~High Value Target~~		\|Inspiring Presence
	\|~~High Value Target~~		\|Call Out Target
	\|~~High Value Target~~		\|Disruptive Fire
	\|~~High Value Target~~		\|Determined
	\|~~High Value Target~~		\|Fortify
	\|~~High Value Target~~		\|This Is My Rifle
	\|~~High Value Target~~		\|Command: Rally
			\|Stalwart
			\|Firing Line
	}}		}}

76561198327183629 at 11:03, 10 October 2025

2025-10-10T11:03:19Z

← Older revision		Revision as of 11:03, 10 October 2025
Line 2:		Line 2:
	{\| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"		{\| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"
	\|-		\|-
	\| TIER 1		\| style="width: 5%" \| TIER 1
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">

76561198327183629 at 17:51, 9 October 2025

2025-10-09T17:51:42Z

← Older revision		Revision as of 17:51, 9 October 2025
Line 5:		Line 5:
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	{{Perk \| title={{{~~perk1~~}}} \| case= starting_perk}}		{{Perk \| title={{{1}}} \| case= starting_perk}}

	{{Perk \| title={{{~~perk2~~}}} }}		{{Perk \| title={{{2}}} }}

	{{Perk \| title={{{~~perk3~~}}} }}		{{Perk \| title={{{3}}} }}
	</div>		</div>
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	{{Perk \| title={{{~~perk4~~}}} }}		{{Perk \| title={{{4}}} }}

	{{Perk \| title={{{~~perk5~~}}} }}		{{Perk \| title={{{5}}} }}

	{{Perk \| title={{{~~perk6~~}}} }}		{{Perk \| title={{{6}}} }}
	</div>		</div>
	</div>		</div>
Line 23:		Line 23:
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	{{Perk \| title={{{~~perk7~~}}} }}		{{Perk \| title={{{7}}} }}

	{{Perk \| title={{{~~perk8~~}}} }}		{{Perk \| title={{{8}}} }}

	{{Perk \| title={{{~~perk9~~}}} }}		{{Perk \| title={{{9}}} }}
	</div>		</div>
	</div>		</div>
	<div style="display: flex; flex-direction: column; align-items: center;">		<div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	{{Perk \| title={{{~~perk10~~}}} }}		{{Perk \| title={{{10}}} }}
	</div>		</div>
	</div>		</div>
Line 39:		Line 39:
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	{{Perk \| title={{{~~perk11~~}}} }}		{{Perk \| title={{{11}}} }}

	{{Perk \| title={{{~~perk12~~}}} }}		{{Perk \| title={{{12}}} }}

	{{Perk \| title={{{~~perk13~~}}} }}		{{Perk \| title={{{13}}} }}
	</div>		</div>
	</div>		</div>
Line 50:		Line 50:
	\| <div style="display: flex; flex-direction: column; align-items: center;">		\| <div style="display: flex; flex-direction: column; align-items: center;">
	<div style="display: flex; justify-content: center; width: 100%;">		<div style="display: flex; justify-content: center; width: 100%;">
	{{Perk \| title={{{~~perk14~~}}} }}		{{Perk \| title={{{14}}} }}

	{{Perk \| title={{{~~perk15~~}}} }}		{{Perk \| title={{{15}}} }}
	</div>		</div>
	</div>		</div>
Line 60:		Line 60:

	<div style="color: #c7aa3f">Note: once the style of this template is finished, move it to Common.css</div>		<div style="color: #c7aa3f">Note: once the style of this template is finished, move it to Common.css</div>


	Type in this:		Type in this:
Line 65:		Line 66:
	<pre>		<pre>
	{{Perk Tree		{{Perk Tree
	\|~~perk1 =~~ High Value Target		\|High Value Target
	\|~~perk2 =~~ Commando		\|Commando
	\|~~perk3 =~~ High Value Target		\|High Value Target
	\|~~perk4 =~~ High Value Target		\|High Value Target
	\|~~perk5 =~~ High Value Target		\|High Value Target
	\|~~perk6 =~~ High Value Target		\|High Value Target
	\|~~perk7 =~~ High Value Target		\|High Value Target
	\|~~perk8 =~~ High Value Target		\|High Value Target
	\|~~perk9 =~~ High Value Target		\|High Value Target
	\|~~perk10 =~~ High Value Target		\|High Value Target
	\|~~perk11 =~~ High Value Target		\|High Value Target
	\|~~perk12 =~~ High Value Target		\|High Value Target
	\|~~perk13 =~~ High Value Target		\|High Value Target
	\|~~perk14 =~~ High Value Target		\|High Value Target
	\|~~perk15 =~~ High Value Target		\|High Value Target
	}}		}}
	</pre>		</pre>
Line 86:		Line 87:

	{{Perk Tree		{{Perk Tree
	\|~~perk1 =~~ High Value Target		\|High Value Target
	\|~~perk2 =~~ Commando		\|Commando
	\|~~perk3 =~~ High Value Target		\|High Value Target
	\|~~perk4 =~~ High Value Target		\|High Value Target
	\|~~perk5 =~~ High Value Target		\|High Value Target
	\|~~perk6 =~~ High Value Target		\|High Value Target
	\|~~perk7 =~~ High Value Target		\|High Value Target
	\|~~perk8 =~~ High Value Target		\|High Value Target
	\|~~perk9 =~~ High Value Target		\|High Value Target
	\|~~perk10 =~~ High Value Target		\|High Value Target
	\|~~perk11 =~~ High Value Target		\|High Value Target
	\|~~perk12 =~~ High Value Target		\|High Value Target
	\|~~perk13 =~~ High Value Target		\|High Value Target
	\|~~perk14 =~~ High Value Target		\|High Value Target
	\|~~perk15 =~~ High Value Target		\|High Value Target
	}}		}}

76561198327183629 at 15:38, 9 October 2025

2025-10-09T15:38:04Z

← Older revision		Revision as of 15:38, 9 October 2025
Line 66:		Line 66:
	{{Perk Tree		{{Perk Tree
	\|perk1 = High Value Target		\|perk1 = High Value Target
	\|perk2 = ~~High Value Target~~		\|perk2 = Commando
	\|perk3 = High Value Target		\|perk3 = High Value Target
	\|perk4 = High Value Target		\|perk4 = High Value Target
Line 87:		Line 87:
	{{Perk Tree		{{Perk Tree
	\|perk1 = High Value Target		\|perk1 = High Value Target
	\|perk2 = ~~High Value Target~~		\|perk2 = Commando
	\|perk3 = High Value Target		\|perk3 = High Value Target
	\|perk4 = High Value Target		\|perk4 = High Value Target

76561198327183629: improve usability

2025-10-09T15:34:30Z

improve usability

Show changes

76561198327183629 at 21:44, 2 October 2025

2025-10-02T21:44:44Z

← Older revision		Revision as of 21:44, 2 October 2025
Line 93:		Line 93:

	{{Perk		{{Perk
	\|icon={{perk13_icon}}}		\|icon={{{perk13_icon}}}
	\|title= {{{perk13_title}}}		\|title= {{{perk13_title}}}
	\|description= {{{perk13_description}}}		\|description= {{{perk13_description}}}

76561198327183629 at 21:18, 2 October 2025

2025-10-02T21:18:58Z

Show changes

76561198327183629: add perk tree template (experimental)

2025-10-01T19:49:31Z

add perk tree template (experimental)

New page

<includeonly>
{| class="wikitable" style="border-collapse: collapse; border: none;width: 100%"
|-
| TIER 1
| <div style="display: flex; flex-direction: column; align-items: center;">
<div style="display: flex; justify-content: center; width: 100%;">
{{Perk
|icon=[[File:{{{perk1_icon}}}.png|50px]]
|title= {{{perk1_title}}}
|description= {{{perk1_description}}}
|case= starting_perk
}}

{{Perk
|icon=[[File:{{{perk2_icon}}}.png|50px]]
|title= {{{perk2_title}}}
|description= {{{perk2_description}}}
}}

{{Perk
|icon=[[File:{{{perk3_icon}}}.png|50px]]
|title= {{{perk3_title}}}
|description= {{{perk3_description}}}
}}
</div>
<div style="display: flex; justify-content: center; width: 100%;">
{{Perk
|icon=[[File:{{{perk4_icon}}}.png|50px]]
|title= {{{perk4_title}}}
|description= {{{perk4_description}}}
}}

{{Perk
|icon=[[File:{{{perk5_icon}}}.png|50px]]
|title= {{{perk5_title}}}
|description= {{{perk5_description}}}
}}

{{Perk
|icon=[[File:{{{perk6_icon}}}.png|50px]]
|title= {{{perk6_title}}}
|description= {{{perk6_description}}}
}}
</div>
</div>
|-
| TIER 2
| <div style="display: flex; flex-direction: column; align-items: center;">
<div style="display: flex; justify-content: center; width: 100%;">
{{Perk
|icon=[[File:{{{perk7_icon}}}.png|50px]]
|title= {{{perk7_title}}}
|description= {{{perk7_description}}}
}}

{{Perk
|icon=[[File:{{{perk8_icon}}}.png|50px]]
|title= {{{perk8_title}}}
|description= {{{perk8_description}}}
}}

{{Perk
|icon=[[File:{{{perk9_icon}}}.png|50px]]
|title= {{{perk9_title}}}
|description= {{{perk9_description}}}
}}
</div>
</div>
<div style="display: flex; flex-direction: column; align-items: center;">
<div style="display: flex; justify-content: center; width: 100%;">
{{Perk
|icon=[[File:{{{perk10_icon}}}.png|50px]]
|title= {{{perk10_title}}}
|description= {{{perk10_description}}}
}}
</div>
</div>
|-
| TIER 3
| <div style="display: flex; flex-direction: column; align-items: center;">
<div style="display: flex; justify-content: center; width: 100%;">
{{Perk
|icon=[[File:{{{perk11_icon}}}.png|50px]]
|title= {{{perk11_title}}}
|description= {{{perk11_description}}}
}}

{{Perk
|icon=[[File:{{{perk12_icon}}}.png|50px]]
|title= {{{perk12_title}}}
|description= {{{perk12_description}}}
}}

{{Perk
|icon=[[File:{{{perk13_icon}}}.png|50px]]
|title= {{{perk13_title}}}
|description= {{{perk13_description}}}
}}
</div>
</div>
|-
| TIER 4
| <div style="display: flex; flex-direction: column; align-items: center;">
<div style="display: flex; justify-content: center; width: 100%;">
{{Perk
|icon=[[File:{{{perk14_icon}}}.png|50px]]
|title= {{{perk14_title}}}
|description= {{{perk14_description}}}
}}

{{Perk
|icon=[[File:{{{perk15_icon}}}.png|50px]]
|title= {{{perk15_title}}}
|description= {{{perk15_description}}}
}}
</div>
</div>
|}

</includeonly>

<noinclude>
== Usage & preview ==

<div style="font-weight: bold; font-size: 1.2em; color: #cc0000"> This is currently very experimental, but it will eventually be made more user-friendly with JSON. </div>

Type in this:

<pre>
{{Perk Tree
|perk1_icon=High Value Target Icon
|perk1_title= TITLE 1 Example
|perk1_description= This is an example description 1

|perk2_icon=Commando Icon
|perk2_title= TITLE 2 Example
|perk2_description= This is an example description 2

|perk3_icon=High Value Target Icon
|perk3_title= TITLE 3 Example
|perk3_description= This is an example description 3

|perk4_icon=High Value Target Icon
|perk4_title= TITLE 4 Example
|perk4_description= This is an example description 4

|perk5_icon=High Value Target Icon
|perk5_title= TITLE 5 Example
|perk5_description= This is an example description 6

|perk6_icon=High Value Target Icon
|perk6_title= TITLE 6 Example
|perk6_description= This is an example description 6

|perk7_icon=High Value Target Icon
|perk7_title= TITLE 7 Example
|perk7_description= This is an example description 7

|perk8_icon=High Value Target Icon
|perk8_title= TITLE 8 Example
|perk8_description= This is an example description 8

|perk9_icon=High Value Target Icon
|perk9_title= TITLE 9 Example
|perk9_description= This is an example description 9

|perk10_icon=High Value Target Icon
|perk10_title= TITLE 10 Example
|perk10_description= This is an example description 10

|perk11_icon=High Value Target Icon
|perk11_title= TITLE 11 Example
|perk11_description= This is an example description 11

|perk12_icon=High Value Target Icon
|perk12_title= TITLE 12 Example
|perk12_description= This is an example description 12

|perk13_icon=High Value Target Icon
|perk13_title= TITLE 13 Example
|perk13_description= This is an example description 13

|perk14_icon=High Value Target Icon
|perk14_title= TITLE 14 Example
|perk14_description= This is an example description 14

|perk15_icon=High Value Target Icon
|perk15_title= TITLE 15 Example
|perk15_description= This is an example description 15
}}
</pre>

to see this:

{{Perk Tree
|perk1_icon=High Value Target Icon
|perk1_title= TITLE 1 Example
|perk1_description= This is an example description 1

|perk2_icon=Commando Icon
|perk2_title= TITLE 2 Example
|perk2_description= This is an example description 2

|perk3_icon=High Value Target Icon
|perk3_title= TITLE 3 Example
|perk3_description= This is an example description 3

|perk4_icon=High Value Target Icon
|perk4_title= TITLE 4 Example
|perk4_description= This is an example description 4

|perk5_icon=High Value Target Icon
|perk5_title= TITLE 5 Example
|perk5_description= This is an example description 6

|perk6_icon=High Value Target Icon
|perk6_title= TITLE 6 Example
|perk6_description= This is an example description 6

|perk7_icon=High Value Target Icon
|perk7_title= TITLE 7 Example
|perk7_description= This is an example description 7

|perk8_icon=High Value Target Icon
|perk8_title= TITLE 8 Example
|perk8_description= This is an example description 8

|perk9_icon=High Value Target Icon
|perk9_title= TITLE 9 Example
|perk9_description= This is an example description 9

|perk10_icon=High Value Target Icon
|perk10_title= TITLE 10 Example
|perk10_description= This is an example description 10

|perk11_icon=High Value Target Icon
|perk11_title= TITLE 11 Example
|perk11_description= This is an example description 11

|perk12_icon=High Value Target Icon
|perk12_title= TITLE 12 Example
|perk12_description= This is an example description 12

|perk13_icon=High Value Target Icon
|perk13_title= TITLE 13 Example
|perk13_description= This is an example description 13

|perk14_icon=High Value Target Icon
|perk14_title= TITLE 14 Example
|perk14_description= This is an example description 14

|perk15_icon=High Value Target Icon
|perk15_title= TITLE 15 Example
|perk15_description= This is an example description 15
}}

<br>
[{{fullurl:{{ns:Template}}:{{PAGENAME}}}}?action=purge Click here to refresh the preview above]
</noinclude>