Logo Albion iconAlbion Online AoC iconAshes of Creation Deadlock iconDeadlock GW2 iconGuild Wars 2 TL iconThrone & Liberty

Template:Skill bar: Difference between revisions

No edit summary
No edit summary
 
(97 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><div class="d-flex" style="overflow-x: auto;">
<includeonly><div style="background: #18161f; padding: 0.75rem 0.75rem 0 0.75rem; border: 1px solid #2a2b2b; border-radius: 0.5rem;" class="mb-3"><div class="row gx-3">
<div class="d-flex flex-column justify-content-center align-items-center me-3">
<div class="col-lg-10">
<div class="skill-bar-heading">Defense</div>
<div class="mb-3">
<div class="skill-container">{{Skill|{{{defense|}}}|90}}</div>
<div class="row row-cols-1 row-cols-md-2 g-3">
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 1|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 1|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 1 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 1}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 1}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 1}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 1}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 1}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex p-2 align-items-center skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 2|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 2|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 2 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 2}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 2}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 2}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 2}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 2}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 3|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 3|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 3 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 3}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 3}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 3}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 3}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 3}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 4|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 4|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 4 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 4}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 4}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 4}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 4}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 4}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 5|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 5|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 5 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 5}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 5}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 5}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 5}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 5}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 6|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 6|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 6 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 6}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 6}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 6}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 6}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 6}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 7|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 7|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 7 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 7}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 7}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 7}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 7}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 7}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 8|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 8|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 8 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 8}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 8}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 8}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 8}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 8}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 9|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 9|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 9 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 9}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 9}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 9}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 9}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 9}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 10|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 10|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 10 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 10}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 10}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 10}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 10}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 10}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 11|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 11|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 11 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 11}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 11}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 11}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 11}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 11}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex align-items-center p-2 skill-bar-entry shadow">
<div class="me-2">{{Skill no text|{{{active 12|}}}|active}}</div>
<div>
<div class="title mb-1 epic">{{{active 12|}}}</div>
<div class="d-flex">{{#arraymap:{{{active 12 traits}}}|,|@@@|{{#switch:@@@| 1 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 12}}} Trait 1}}}}</div> | 2 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 12}}} Trait 2}}}}</div> | 3 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 12}}} Trait 3}}}}</div> | 4 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 12}}} Trait 4}}}}</div> | 5 = <div class="me-2">{{Trait no text|{{Trait lookup|{{{active 12}}} Trait 5}}}}</div> }}|}}</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column">
<div class="d-flex flex-column mb-2 me-3 align-items-center">
<div class="skill-bar-heading">Active</div>
<div class="d-flex">
<div class="skill-container me-2">{{Skill|{{{active 1|}}}|60}}<span class="skill-number">1</span></div>
<div class="skill-container me-2">{{Skill|{{{active 2|}}}|60}}<span class="skill-number">2</span></div>
<div class="skill-container me-2">{{Skill|{{{active 3|}}}|60}}<span class="skill-number">3</span></div>
<div class="skill-container me-2">{{Skill|{{{active 4|}}}|60}}<span class="skill-number">4</span></div>
<div class="skill-container me-2">{{Skill|{{{active 5|}}}|60}}<span class="skill-number">5</span></div>
<div class="skill-container">{{Skill|{{{active 6|}}}|60}}<span class="skill-number">6</span></div>
</div>
</div>
<div class="p-2 mb-3" style="background-color: rgba(255,255,255,0.025); border-radius: 0.25rem; border: 1px solid #2a2b2b;">
<div class="mb-2 text-center" style="color: #fff; font-weight: 500;">Passives</div>
<div class="d-flex justify-content-center gap-3 flex-wrap">
<div class="skill-container">{{Skill no text|{{{passive 1|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 2|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 3|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 4|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 5|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 6|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 7|}}}|passive}}</div>
<div class="skill-container">{{Skill no text|{{{passive 8|}}}|passive}}</div>
</div>
</div>
<div class="d-flex">
<div class="skill-container me-2">{{Skill|{{{active 7|}}}|60}}<span class="skill-number">7</span></div>
<div class="skill-container me-2">{{Skill|{{{active 8|}}}|60}}<span class="skill-number">8</span></div>
<div class="skill-container me-2">{{Skill|{{{active 9|}}}|60}}<span class="skill-number">9</span></div>
<div class="skill-container me-2">{{Skill|{{{active 10|}}}|60}}<span class="skill-number">10</span></div>
<div class="skill-container me-2">{{Skill|{{{active 11|}}}|60}}<span class="skill-number">11</span></div>
<div class="skill-container">{{Skill|{{{active 12|}}}|60}}<span class="skill-number">12</span></div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column">
 
<div class="d-flex flex-column mb-2 align-items-center">
<div class="col-lg-2">
<div class="skill-bar-heading">Passive</div>
<div class="row g-3">
<div class="d-flex">
<div class="col-4 col-lg-12">
<div class="skill-container me-2">{{Skill|{{{passive 1|}}}|60}}<span class="skill-number">1</span></div>
<div class="p-3" style="background-color: rgba(255,255,255,0.025); border-radius: 0.25rem; border: 1px solid #2a2b2b; text-align: center;">
<div class="skill-container me-2">{{Skill|{{{passive 2|}}}|60}}<span class="skill-number">2</span></div>
<div class="mb-2" style="color: #fff; font-weight: 500;">Defense</div>
<div class="skill-container me-2">{{Skill|{{{passive 3|}}}|60}}<span class="skill-number">3</span></div>
<div class="d-inline-block">{{Skill no text|{{{defense|}}}|defense}}</div>
<div class="skill-container me-2">{{Skill|{{{passive 4|}}}|60}}<span class="skill-number">4</span></div>
</div>
</div>
</div>
</div>{{#if: {{{guardian|}}} |<div class="col-4 col-lg-12">
<div class="d-flex">
<div class="p-3" style="background-color: rgba(255,255,255,0.025); border-radius: 0.25rem; border: 1px solid #2a2b2b; text-align: center;">
<div class="skill-container me-2">{{Skill|{{{passive 5|}}}|60}}<span class="skill-number">5</span></div>
<div class="mb-2" style="color: #fff; font-weight: 500;">Guardian</div><div class="d-inline-block" data-hover-data="{{{guardian|}}}" class="hover-tooltip-static">[[File:{{{guardian|}}}.webp|60px|alt={{{guardian|}}} Guardian|link=]]</div></div>
<div class="skill-container me-2">{{Skill|{{{passive 6|}}}|60}}<span class="skill-number">6</span></div>
</div>}}{{#if: {{{food|}}} |<div class="col-4 col-lg-12">
<div class="skill-container me-2">{{Skill|{{{passive 7|}}}|60}}<span class="skill-number">7</span></div>
<div class="p-3 mb-3" style="background-color: rgba(255,255,255,0.025); border-radius: 0.25rem; border: 1px solid #2a2b2b; text-align: center;">
<div class="skill-container me-2">{{Skill|{{{passive 8|}}}|60}}<span class="skill-number">8</span></div>
<div class="mb-2" style="color: #fff; font-weight: 500;">Food</div><div class="d-flex flex-wrap justify-content-center gap-3">{{#arraymap:{{{food}}}|,|@@@|<div class="shadow equipment-{{Rarity lookup|@@@}}">{{Food no text|@@@}}</div>|}}</div></div></div>}}</div></div></div>{{#ifeq:{{lc:{{{type|}}}}}|pve|<div style="font-size: 80%; background: linear-gradient(135deg, rgb(255 51 51 / 20%) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid hsl(0deg 41% 62% / 50%); padding: 0.75rem; border-radius: 0.25rem;" class="mb-3">Depending on which Dungeon/Dimensional Trial you might run, consider using {{Food|Rare Roaring Steak}}, {{Food|Rare Thrilling Papillote}}, and even {{Food|Rare Scorpion Tail Fritters}} to make it easier and also deal a lot more damage.</div>}}</div>{{#set:Has defense skill={{{defense|}}}}}{{#set:Has active skills={{{active 1|}}}}}{{#set:Has active skills={{{active 2|}}}}}{{#set:Has active skills={{{active 3|}}}}}{{#set:Has active skills={{{active 4|}}}}}{{#set:Has active skills={{{active 5|}}}}}{{#set:Has active skills={{{active 6|}}}}}{{#set:Has active skills={{{active 7|}}}}}{{#set:Has active skills={{{active 8|}}}}}{{#set:Has active skills={{{active 9|}}}}}{{#set:Has active skills={{{active 10|}}}}}{{#set:Has active skills={{{active 11|}}}}}{{#set:Has active skills={{{active 12|}}}}}{{#set:Has passive skills={{{passive 1|}}}}}{{#set:Has passive skills={{{passive 2|}}}}}{{#set:Has passive skills={{{passive 3|}}}}}{{#set:Has passive skills={{{passive 4|}}}}}{{#set:Has passive skills={{{passive 5|}}}}}{{#set:Has passive skills={{{passive 6|}}}}}{{#set:Has passive skills={{{passive 7|}}}}}{{#set:Has passive skills={{{passive 8|}}}}}</includeonly>
</div>
</div>
</div>{{#set:Has defense skill={{{defense|}}}}}{{#set:Has active skills={{{active 1|}}}}}{{#set:Has active skills={{{active 2|}}}}}{{#set:Has active skills={{{active 3|}}}}}{{#set:Has active skills={{{active 4|}}}}}{{#set:Has active skills={{{active 5|}}}}}{{#set:Has active skills={{{active 6|}}}}}{{#set:Has active skills={{{active 7|}}}}}{{#set:Has active skills={{{active 8|}}}}}{{#set:Has active skills={{{active 9|}}}}}{{#set:Has active skills={{{active 10|}}}}}{{#set:Has active skills={{{active 11|}}}}}{{#set:Has active skills={{{active 12|}}}}}{{#set:Has passive skills={{{passive 1|}}}}}{{#set:Has passive skills={{{passive 2|}}}}}{{#set:Has passive skills={{{passive 3|}}}}}{{#set:Has passive skills={{{passive 4|}}}}}{{#set:Has passive skills={{{passive 5|}}}}}{{#set:Has passive skills={{{passive 6|}}}}}{{#set:Has passive skills={{{passive 7|}}}}}{{#set:Has passive skills={{{passive 8|}}}}}</includeonly>

Latest revision as of 01:48, 23 December 2024

Retrieved from "https://metabattle.com/tl/index.php?title=Template:Skill_bar&oldid=10477"
MetaBattle is recruiting!
We are seeking an experienced Build Admin for Throne and Liberty with a deep understanding of the meta across most weapons and game modes. Get in touch with Galaxian on Discord if you're a good fit for the role or know someone else who is. This is a paid position.
Split Metabattle Logo
Builds
Misc
General
Metabattle