Final Fantasy XIV Online Wiki - User contributions [en]

User:Tempest Dawn

2026-07-01T14:50:22Z

Tempest Dawn:

== Projects ==

* Previously did some CSS rule updates for [[Template:Special_chat_character]]
* Currently working on updating table styles for dark themes at [[User:Tempest_Dawn/Table_Examples]]

== To-do certainly ==
* {{todo}} Fix use of min-width on airship submersible list (see [https://discord.com/channels/312060255469305856/1508444844085870712/1521877080583962674 discord])
* {{todo}} Look into different colors for sub-tab sections (see conversation [https://discord.com/channels/312060255469305856/1417939835922153533/1521602814877372446 in discord])
* {{todo}} Fix link colors in dark-mode STDT table headers
* {{todo}} Make sure all alias templates in [[Category:Special_Chat_Character_templates]] add screenreader accessible labels

== To-do probably ==
* {{todo}} Fix the weapon infobox table, see [[Deepgold Claymore]]
* {{todo}} Fix the crafting recipe table, see [[Deepgold Claymore]]

== To-do maybe ==

* {{todo}} Get screenshot for [[Tamachag]]
* {{todo}} Add more info to [[Qestir Tribe]] since we've been meaning to do those quests anyways

=== Temp note: For heading link colors ===
<pre>
.mw-parser-output table.stdt__table_v2 th a {
text-decoration: underline;
color: var(--stdt__table-heading-link-color);
}

.mw-parser-output table.stdt__table_v2.mech2 {
--stdt__table-heading-link-color: #224e59;
}

html.view-dark .mw-parser-output table.stdt__table_v2.mech2 {
--stdt__table-heading-link-color: #084f60;
}
</pre>

Template:Progress bar

2026-06-30T22:04:38Z

Tempest Dawn: Sanitize percent with isnumeric

<includeonly><templatestyles src="Template:Progress bar/styles.css" />{{#vardefine:colorclass|{{#switch:{{{color|}}}| |green=green|arealmreborn=arealmreborn|arr=arealmreborn|heavensward=heavensward|hw=heavensward|stormblood=stormblood|stb=stormblood|shadowbringers=shadowbringers|shb=shadowbringers|endwalker=endwalker|ew=endwalker|dawntrail=dawntrail|dt=dawntrail|}}}}{{#vardefine:percentage|{{#invoke:string2|isnumeric|{{{percent|0}}}}}}}<div class="progress-bar" style="width:{{#if:{{{width|}}}|{{{width|}}}|200px}}">
<div {{#if:{{#var:colorclass}}|class="{{#var:colorclass}}" }} style="width: {{#ifexpr: {{#var:percentage|0}} > 100 | 100% |{{#var:percentage|0}}%}};{{#if:{{#var:colorclass}}||background:{{{color|}}};}}"></div>
</div></includeonly><noinclude>
{{Documentation}}

==Examples==

Default color, 75%:
{{Markup example|<nowiki>{{Progress bar|percent=75}}</nowiki>}}

A Realm Reborn, 50%:
{{Markup example|<nowiki>{{Progress bar|color=arealmreborn|percent=50}}</nowiki>}}

Heavensward, 20%:
{{Markup example|<nowiki>{{Progress bar|color=heavensward|percent=20}}</nowiki>}}

Stormblood, 75%:
{{Markup example|<nowiki>{{Progress bar|color=stormblood|percent=75}}</nowiki>}}

Shadowbringers, 80%:
{{Markup example|<nowiki>{{Progress bar|color=shadowbringers|percent=80}}</nowiki>}}

Endwalker, 15%:
{{Markup example|<nowiki>{{Progress bar|color=endwalker|percent=15}}</nowiki>}}

Dawntrail, 50%:
{{Markup example|<nowiki>{{Progress bar|color=dawntrail|percent=50}}</nowiki>}}

Custom color (<code>#46C9DE</code>), 60%:
{{Markup example|<nowiki>{{Progress bar|color=#46C9DE|percent=60}}</nowiki>}}

Full width:
{{Markup example|<nowiki>{{Progress bar|width=100%|percent=60}}</nowiki>}}

Broken test?
{{Markup example|<nowiki>{{Progress bar}}</nowiki>}}

</noinclude>

Template:Progress bar

2026-06-30T21:53:58Z

Tempest Dawn:

<includeonly><templatestyles src="Template:Progress bar/styles.css" />{{#vardefine:colorclass|{{#switch:{{{color|}}}| |green=green|arealmreborn=arealmreborn|arr=arealmreborn|heavensward=heavensward|hw=heavensward|stormblood=stormblood|stb=stormblood|shadowbringers=shadowbringers|shb=shadowbringers|endwalker=endwalker|ew=endwalker|dawntrail=dawntrail|dt=dawntrail|}}}}{{#vardefine:percentage|{{{percent|0}}}}}<div class="progress-bar" style="width:{{#if:{{{width|}}}|{{{width|}}}|200px}}">
<div {{#if:{{#var:colorclass}}|class="{{#var:colorclass}}" }} style="width: {{#ifexpr: {{#var:percentage|0}} > 100 | 100% |{{#var:percentage|0}}%}};{{#if:{{#var:colorclass}}||background:{{{color|}}};}}"></div>
</div></includeonly><noinclude>
{{Documentation}}

==Examples==

Default color, 75%:
{{Markup example|<nowiki>{{Progress bar|percent=75}}</nowiki>}}

A Realm Reborn, 50%:
{{Markup example|<nowiki>{{Progress bar|color=arealmreborn|percent=50}}</nowiki>}}

Heavensward, 20%:
{{Markup example|<nowiki>{{Progress bar|color=heavensward|percent=20}}</nowiki>}}

Stormblood, 75%:
{{Markup example|<nowiki>{{Progress bar|color=stormblood|percent=75}}</nowiki>}}

Shadowbringers, 80%:
{{Markup example|<nowiki>{{Progress bar|color=shadowbringers|percent=80}}</nowiki>}}

Endwalker, 15%:
{{Markup example|<nowiki>{{Progress bar|color=endwalker|percent=15}}</nowiki>}}

Dawntrail, 50%:
{{Markup example|<nowiki>{{Progress bar|color=dawntrail|percent=50}}</nowiki>}}

Custom color (<code>#46C9DE</code>), 60%:
{{Markup example|<nowiki>{{Progress bar|color=#46C9DE|percent=60}}</nowiki>}}

Full width:
{{Markup example|<nowiki>{{Progress bar|width=100%|percent=60}}</nowiki>}}

Broken test?
{{Markup example|<nowiki>{{Progress bar}}</nowiki>}}

</noinclude>

Template:Progress bar

2026-06-30T21:50:34Z

Tempest Dawn: Fix issue if percent is blank

Template:Progress bar

2026-06-30T21:44:49Z

Tempest Dawn:

2026-06-19T07:34:49Z

Tempest Dawn: /* Documentation */

{{documentation subpage}}

A template to be used in both [[Template:Percent_of_set]] and [[Template:Quest_infobox]] for displaying a progress bar. Centralizes the CSS rules for these bars and also makes them adaptive to light and dark themes.

==Documentation==
;percent
: Required. Percent to fill the bar. Do not include the trailing <code>%</code> symbol
;width
: Optional. Defines the width of the total bar using standard CSS units (px, vw, em, etc). Defaults to <code>200px</code>.
;color
: Optional. Set the color of the filled part of the bar. Recognizes several light/dark responsive keywords, or can accept any CSS color syntax. Defaults to <code>green</code>.
:
: {| {{STDT|mech1 center}}
|+ Recognized color keywords
|-
! Keyword !! Light theme value !! Dark theme value
|-
| green || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#00AF32"></span> <code>#00AF32</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#00AF32"></span> <code>#00AF32</code>
|-
| arealmreborn || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#666666"></span> <code>#666666</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#8f8f8f"></span> <code>#8F8F8F</code>
|-
| heavensward || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#4B7FE9"></span> <code>#4B7FE9</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#4B7FE9"></span> <code>#4B7FE9</code>
|-
| stormblood || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#A3253C"></span> <code>#A3253C</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#BE344D"></span> <code>#BE344D</code>
|-
| shadowbringers || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#4F45B4"></span> <code>#4F45B4</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#756DC7"></span> <code>#756DC7</code>
|-
| endwalker || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#C0790B"></span> <code>#C0790B</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#C0790B"></span> <code>#C0790B</code>
|-
| dawntrail || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#DEB746"></span> <code>#DEB746</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#DEB746"></span> <code>#DEB746</code>
|}
<includeonly>


</includeonly>

Template:Progress bar

2026-06-19T07:12:16Z

Tempest Dawn: Add full width example

Template:Progress bar

2026-06-19T07:11:23Z

Tempest Dawn:

Template:Progress bar

2026-06-19T07:10:51Z

Tempest Dawn: Use markup example template for examples

Tempest Dawn:

<includeonly><templatestyles src="Template:Percent of set/styles.css"/>{{#vardefine:total|{{#ask: {{{set}}}|format=count}}}}{{#if:{{{invert-subset|}}}
|{{#vardefine:unfinished|{{#ask: {{{set}}}{{{subset}}} {{#if:{{{subset2|}}}|OR {{{set}}}{{{subset2}}}|}}|format=count}}}}{{#vardefine:finished|{{#expr:{{#var:total}} - {{#var:unfinished}}}}}}
|{{#vardefine:finished|{{#ask: {{{set}}}{{{subset}}} {{#if:{{{subset2|}}}|OR {{{set}}}{{{subset2}}}|}}|format=count}}}}{{#vardefine:unfinished|{{#expr:{{#var:total}} - {{#var:finished}}}}}}
}}{{#vardefine:completion|{{#expr:{{#expr:{{#var:finished}} / {{#var:total}} * 100}} round 1}}}}{{#switch:{{lc:{{{format|}}}}}
|fraction={{#var:finished}}/{{#var:total}}
|percent|#default={{#var:completion}}%
|bar={{Progress bar
|percent={{#var:completion}}
|color={{{color|}}}
|width={{{width|}}}
}}}}</includeonly><noinclude>

==Documentation==
;set
: The query parameter(s) used for defining the whole set of pages counted, e.g. <code><nowiki>[[Has context::Duty]]</nowiki></code>
;subset
: The additional query parameters used to define a subset of the main set, e.g. <code><nowiki>[[Has patch::7.5]]</nowiki></code>
;subset2
: Optional. The additional query parameters used to define a second subset of the main set, e.g. <code><nowiki>[[Has patch::7.5]]</nowiki></code>. This will be joined with <code>subset</code> to determine the total subset. (This will happen before inversion, see next parameter.)
;invert-subset
: Optional. Set this value only if the subset is the items you do not want counted.
* When ''not'' set, this template will evaluate "the number of items in subset<code>set</code>" ÷ "the number of items in <code>set</code>".
** For <code><nowiki>[[Has context::Duty]]</nowiki></code> and <code><nowiki>[[Has patch::7.5]]</nowiki></code>, this will show "The number of duties in Patch 7.5 ÷ the total number of duties"
* When set, this template will evaluate "the number of items ''not'' in subset<code>set</code>" ÷ "the number of items in <code>set</code>".
** For <code><nowiki>[[Has context::Duty]]</nowiki></code> and <code><nowiki>[[Has patch::7.5]]</nowiki></code>, this will show "The number of duties ''not ''in Patch 7.5 ÷ the total number of duties"
;format
: Valid options are the following:
* <code>percent</code> (default) - Displays as a percentage rounded to one decimal place, e.g. <code>11.1%</code>
* <code>fraction</code> - Displays as a fraction, e.g. <code>1/9</code>
* <code>bar</code> - Displays as a bar, with filled from the left equal to the completion amount
;width
: Optional. Used only for the <code>bar</code> format. Defines the width of the total bar using standard HTML formatting. Defaults to <code>200px</code>.
;color
: Optional. Used only for the <code>bar</code> format. Set the color of the filled part of the bar. See [[Template:Progress_bar]] for allowed color values, defaults to <code>green</code>.

==Examples with basic parameters==

<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.5]]}}</pre>
The percent of Dawntrail duties which were released in Pacth 7.5: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.5]]}}

<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.5]]
|format=fraction
}}</pre>
The percent of Dawntrail duties which were released in Pacth 7.5: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.5]]
|format=fraction
}}

==Example with two subsets==
<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=fraction
}}
</pre>
The percent of Dawntrail duties which were released in Patch 7.4 or 7.5: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=fraction
}}

==Example with two subsets and inversion==
<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=fraction
|invert-subset=y
}}
</pre>
The percent of Dawntrail duties which were NOT released in Patch 7.4 or 7.5: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=fraction
|invert-subset=y
}}

==Example with default bar format==
<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=bar
}}</pre>
{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=bar
}}

==Example with specified bar format==
<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=bar
|width=400px
|color=#ff9999
}}</pre>
Carpenter quest completion: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=bar
|width=400px
|color=#ff9999
}}

<br>

2026-06-19T05:52:34Z

Tempest Dawn: Base layout and color documentation, does not use color codes yet

Template:Progress bar/styles.css

2026-06-19T05:13:02Z

Tempest Dawn: Styles copied from percent of set but reactive to dark theme