wowkeys/index.html at main · vocino/wowkeys · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
---
layout: default
title: Home
description: "Interactive WoW tank keybind reference chart for Death Knight, Demon Hunter, Druid, Monk, Paladin, and Warrior. Optimize your tanking with this universal keybind philosophy guide."
keywords: "WoW keybinds, World of Warcraft tank, tank keybinds, WoW tanking guide, Death Knight keybinds, Demon Hunter keybinds, Druid tank, Monk tank, Paladin tank, Warrior tank, Quazii keybinds"
---

<div class="spreadsheet-container" role="region" aria-label="Tank Keybind Reference Chart">
  <table class="keybinds-table" role="grid" aria-label="World of Warcraft tank class keybinds comparison">
    <thead>
      <tr>
        <th class="key-column-header" scope="col" aria-label="Keybind">Key</th>
        {% assign class_order = "deathknight|demonhunter|druid|monk|paladin|warrior" | split: "|" %}
        {% for class_slug in class_order %}
          {% assign class_data = site.data.keybinds.classes[class_slug] %}
          <th class="class-header class-{{ class_slug }}" scope="col">
            {{ class_data.display_name }}
          </th>
        {% endfor %}
      </tr>
    </thead>
    <tbody>
      {% assign class_order = "deathknight|demonhunter|druid|monk|paladin|warrior" | split: "|" %}

      {% comment %} S-Tier Keys {% endcomment %}
      {% for key in site.data.keybinds.keys.s_tier %}
        {% assign key_philosophy = "" %}
        {% case key.id %}
          {% when 'q' %} {% assign key_philosophy = "Primary Active Mitigation (Shield Slam, SotR, Demon Spikes, Mangle, Keg Smash, Death Strike)" %}
          {% when 'e' %} {% assign key_philosophy = "Secondary Attack/Generator (Revenge, Hammer, Heart Strike, Fracture, Thrash, Blackout Kick)" %}
          {% when 'r' %} {% assign key_philosophy = "Basic Filler/Builder (Thunder Clap, Judgment, Blood Boil, Felblade, Swipe, Tiger Palm)" %}
          {% when 'f' %} {% assign key_philosophy = "Major Offensive CD 20-30s (Avatar, Wings, DRW, Soul Cleave, Incarnation, Breath of Fire)" %}
          {% when '1' %} {% assign key_philosophy = "Ranged/Pull OR Primary Utility (Demo Shout, Avenger's Shield, Marrowrend, Reaver's, Moonfire, SCK)" %}
          {% when '2' %} {% assign key_philosophy = "Quick Mitigation/Utility (Ignore Pain, Eye of Tyr, AMS, The Hunt, Ironfur, RSK)" %}
          {% when '3' %} {% assign key_philosophy = "Major Defensive/Utility (Shield Block, Divine Toll, Rune Tap, Fiery Brand, Frenzied Regen, Expel Harm)" %}
          {% when '4' %} {% assign key_philosophy = "Heal/Utility/Alternate (Spell Reflect, WoG, AMZ, Spirit Bomb, Pulverize, Touch of Death)" %}
        {% endcase %}
        <tr class="key-row priority-s">
          <td class="key-cell keybind-tooltip-trigger" {% if key_philosophy != "" %}data-keybind-tooltip="true"{% endif %}>
            <div class="key-label-cell">{{ key.label }}</div>
            {% if key_philosophy != "" %}
              <div class="keybind-tooltip">
                <div class="tooltip-title">Keybind Philosophy: {{ key.label }}</div>
                <div class="tooltip-description">{{ key_philosophy }}</div>
              </div>
            {% endif %}
          </td>
          {% for class_slug in class_order %}
            {% assign class_data = site.data.keybinds.classes[class_slug] %}
            {% assign ability = class_data.abilities[key.id] %}
            <td class="ability-cell" {% if ability and ability.icon %}style="--ability-bg-icon: url('{{ ability.icon }}');"{% endif %}>
              {% if ability %}
                <div class="ability-display"
                     {% if ability.tooltip %}data-tooltip="true"{% endif %}>
                  {% if ability.icon %}
                    <div class="ability-icon-small" style="background-image: url('{{ ability.icon }}');"></div>
                  {% else %}
                    <div class="ability-icon-small ability-icon-placeholder"></div>
                  {% endif %}
                  <div class="ability-name">{{ ability.cached_name | default: ability.name }}</div>
                  {% if ability.tooltip %}
                    <div class="ability-tooltip">
                      <div class="tooltip-title">{{ ability.cached_name | default: ability.name }}</div>
                      <div class="tooltip-description">{{ ability.tooltip }}</div>
                    </div>
                  {% endif %}
                </div>
              {% else %}
                <div class="ability-empty">—</div>
              {% endif %}
            </td>
          {% endfor %}
        </tr>
      {% endfor %}

      {% comment %} Mouse Keys {% endcomment %}
      {% for key in site.data.keybinds.keys.mouse %}
        {% assign key_philosophy = "" %}
        {% case key.id %}
          {% when 'mouse4' %} {% assign key_philosophy = "Interrupt (Pummel, Rebuke, Mind Freeze, Disrupt, Skull Bash, Spear Hand Strike)" %}
          {% when 'mouse5' %} {% assign key_philosophy = "Taunt (Taunt, Hand of Reckoning, Dark Command, Torment, Growl, Provoke)" %}
          {% when 'middle' %} {% assign key_philosophy = "Movement (Charge, Divine Steed, Death's Advance, Infernal Strike, Wild Charge, Roll)" %}
        {% endcase %}
        <tr class="key-row priority-s mouse-row">
          <td class="key-cell keybind-tooltip-trigger" {% if key_philosophy != "" %}data-keybind-tooltip="true"{% endif %}>
            <div class="key-label-cell">{{ key.label }}</div>
            {% if key_philosophy != "" %}
              <div class="keybind-tooltip">
                <div class="tooltip-title">Keybind Philosophy: {{ key.label }}</div>
                <div class="tooltip-description">{{ key_philosophy }}</div>
              </div>
            {% endif %}
          </td>
          {% for class_slug in class_order %}
            {% assign class_data = site.data.keybinds.classes[class_slug] %}
            {% assign ability = class_data.abilities[key.id] %}
            <td class="ability-cell" {% if ability and ability.icon %}style="--ability-bg-icon: url('{{ ability.icon }}');"{% endif %}>
              {% if ability %}
                <div class="ability-display"
                     {% if ability.tooltip %}data-tooltip="true"{% endif %}>
                  {% if ability.icon %}
                    <div class="ability-icon-small" style="background-image: url('{{ ability.icon }}');"></div>
                  {% else %}
                    <div class="ability-icon-small ability-icon-placeholder"></div>
                  {% endif %}
                  <div class="ability-name">{{ ability.cached_name | default: ability.name }}</div>
                  {% if ability.tooltip %}
                    <div class="ability-tooltip">
                      <div class="tooltip-title">{{ ability.cached_name | default: ability.name }}</div>
                      <div class="tooltip-description">{{ ability.tooltip }}</div>
                    </div>
                  {% endif %}
                </div>
              {% else %}
                <div class="ability-empty">—</div>
              {% endif %}
            </td>
          {% endfor %}
        </tr>
      {% endfor %}

      {% comment %} A-Tier Keys {% endcomment %}
      {% for key in site.data.keybinds.keys.a_tier %}
        {% assign key_philosophy = "" %}
        {% case key.id %}
          {% when 'z' %} {% assign key_philosophy = "Emergency Button (Last Stand, GoAK, IBF, Meta, Survival Instincts, Fort Brew)" %}
          {% when 'x' %} {% assign key_philosophy = "Ground-Targeted AoE (Ravager, Consecration, D&D, Sigil of Flame, Ursol's Vortex, RJW)" %}
          {% when 'c' %} {% assign key_philosophy = "Major Defensive Wall (Shield Wall, Ardent Defender, Vampiric Blood, Fel Dev, Barkskin, Purifying Brew)" %}
          {% when 'v' %} {% assign key_philosophy = "Group/Alternative Utility (Rallying Cry, Holy Bulwark, Consumption, Sigil Silence, RageOfSleeper, Celestial Brew)" %}
          {% when '5' %} {% assign key_philosophy = "A-Tier utility key" %}
          {% when 'tilde' %} {% assign key_philosophy = "A-Tier utility key" %}
        {% endcase %}
        <tr class="key-row priority-a">
          <td class="key-cell keybind-tooltip-trigger" {% if key_philosophy != "" %}data-keybind-tooltip="true"{% endif %}>
            <div class="key-label-cell">{{ key.label }}</div>
            {% if key_philosophy != "" %}
              <div class="keybind-tooltip">
                <div class="tooltip-title">Keybind Philosophy: {{ key.label }}</div>
                <div class="tooltip-description">{{ key_philosophy }}</div>
              </div>
            {% endif %}
          </td>
          {% for class_slug in class_order %}
            {% assign class_data = site.data.keybinds.classes[class_slug] %}
            {% assign ability = class_data.abilities[key.id] %}
            <td class="ability-cell" {% if ability and ability.icon %}style="--ability-bg-icon: url('{{ ability.icon }}');"{% endif %}>
              {% if ability %}
                <div class="ability-display"
                     {% if ability.tooltip %}data-tooltip="true"{% endif %}>
                  {% if ability.icon %}
                    <div class="ability-icon-small" style="background-image: url('{{ ability.icon }}');"></div>
                  {% else %}
                    <div class="ability-icon-small ability-icon-placeholder"></div>
                  {% endif %}
                  <div class="ability-name">{{ ability.cached_name | default: ability.name }}</div>
                  {% if ability.tooltip %}
                    <div class="ability-tooltip">
                      <div class="tooltip-title">{{ ability.cached_name | default: ability.name }}</div>
                      <div class="tooltip-description">{{ ability.tooltip }}</div>
                    </div>
                  {% endif %}
                </div>
              {% else %}
                <div class="ability-empty">—</div>
              {% endif %}
            </td>
          {% endfor %}
        </tr>
      {% endfor %}

      {% comment %} B-Tier Keys {% endcomment %}
      {% for key in site.data.keybinds.keys.b_tier %}
        {% assign key_philosophy = "B-Tier utility key" %}
        <tr class="key-row priority-b">
          <td class="key-cell keybind-tooltip-trigger" {% if key_philosophy != "" %}data-keybind-tooltip="true"{% endif %}>
            <div class="key-label-cell">{{ key.label }}</div>
            {% if key_philosophy != "" %}
              <div class="keybind-tooltip">
                <div class="tooltip-title">Keybind Philosophy: {{ key.label }}</div>
                <div class="tooltip-description">{{ key_philosophy }}</div>
              </div>
            {% endif %}
          </td>
          {% for class_slug in class_order %}
            {% assign class_data = site.data.keybinds.classes[class_slug] %}
            {% assign ability = class_data.abilities[key.id] %}
            <td class="ability-cell" {% if ability and ability.icon %}style="--ability-bg-icon: url('{{ ability.icon }}');"{% endif %}>
              {% if ability %}
                <div class="ability-display"
                     {% if ability.tooltip %}data-tooltip="true"{% endif %}>
                  {% if ability.icon %}
                    <div class="ability-icon-small" style="background-image: url('{{ ability.icon }}');"></div>
                  {% else %}
                    <div class="ability-icon-small ability-icon-placeholder"></div>
                  {% endif %}
                  <div class="ability-name">{{ ability.cached_name | default: ability.name }}</div>
                  {% if ability.tooltip %}
                    <div class="ability-tooltip">
                      <div class="tooltip-title">{{ ability.cached_name | default: ability.name }}</div>
                      <div class="tooltip-description">{{ ability.tooltip }}</div>
                    </div>
                  {% endif %}
                </div>
              {% else %}
                <div class="ability-empty">—</div>
              {% endif %}
            </td>
          {% endfor %}
        </tr>
      {% endfor %}
    </tbody>
  </table>
</div>