User:Eviand/TemplateTesting: Difference between revisions

Line 87:

|}

|-

! | '''Skills'''

|-

|

{| class="infobox custom-table" style="width:100%; text-align:center;"

|-

Line 107:

Line 109:

| {{#if:{{{SkillImage6|}}}|[[File:{{{SkillImage6}}}|50px]]}}<br />{{{SkillDescription6}}}

|-

! | {{{Skill7}}}

| style="width:16%;" | {{{Skill7}}}

! | {{{Skill8}}}

| style="width:16%;" | {{{Skill8}}}

! | {{{Skill9}}}

| style="width:16%;" | {{{Skill9}}}

! | {{{Skill10}}}

| style="width:16%;" | {{{Skill10}}}

! | {{{Skill11}}}

| style="width:16%;" | {{{Skill11}}}

! | {{{~~Skill12~~}}}

| style="width:16%;" | {{{Skill12}}}

|-

| {{#if:{{{SkillImage7|}}}|[[File:{{{SkillImage7}}}|50px]]}}<br />{{{SkillDescription7}}}

| {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br />{{{SkillDescription8}}}

| {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br />{{{SkillDescription9}}}

| {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br />{{{SkillDescription10}}}

| {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br />{{{SkillDescription11}}}

| {{#if:{{{SkillImage12|}}}|[[File:{{{SkillImage12}}}|50px]]}}<br />{{{SkillDescription12}}}

|-

| style="width:16%;" | {{{Skill13}}}

| style="width:16%;" | {{{Skill14}}}

| style="width:16%;" | {{{Skill15}}}

| style="width:16%;" | {{{Skill16}}}

| style="width:16%;" | {{{Skill17}}}

| style="width:16%;" | {{{Skill18}}}

|-

| {{#if:{{{SkillImage13|}}}|[[File:{{{SkillImage13}}}|50px]]}}<br />{{{SkillDescription13}}}

| {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br />{{{SkillDescription14}}}

| {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br />{{{SkillDescription15}}}

| {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br />{{{SkillDescription16}}}

| {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br />{{{SkillDescription17}}}

| {{#if:{{{SkillImage18|}}}|[[File:{{{SkillImage18}}}|50px]]}}<br />{{{SkillDescription18}}}

|-

| style="width:16%;" | {{{Skill19}}}

| style="width:16%;" | {{{Skill20}}}

| style="width:16%;" | {{{Skill21}}}

| style="width:16%;" | {{{Skill22}}}

| style="width:16%;" | {{{Skill23}}}

| style="width:16%;" | {{{Skill24}}}

|-

| {{#if:{{{SkillImage19|}}}|[[File:{{{SkillImage19}}}|50px]]}}<br />{{{SkillDescription19}}}

| {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br />{{{SkillDescription20}}}

| {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br />{{{SkillDescription21}}}

| {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br />{{{SkillDescription22}}}

| {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br />{{{SkillDescription23}}}

| {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br />{{{SkillDescription24}}}

|}

</div>

{| class="infobox custom-table" style="width:100%; text-align:center;"

|-

| colspan="2" | {{{Skill1}}} • {{{Skill2}}}

|-

| {{#if:{{{SkillImage1|}}}|[[File:{{{SkillImage1}}}|50px]]}}<br />{{{SkillDescription1}}}

| {{#if:{{{SkillImage2|}}}|[[File:{{{SkillImage2}}}|50px]]}}<br />{{{SkillDescription2}}}

|-

| colspan="2" | {{{Skill3}}} • {{{Skill4}}}

|-

| {{#if:{{{SkillImage3|}}}|[[File:{{{SkillImage3}}}|50px]]}}<br />{{{SkillDescription3}}}

| {{#if:{{{SkillImage4|}}}|[[File:{{{SkillImage4}}}|50px]]}}<br />{{{SkillDescription4}}}

|-

| colspan="2" | {{{Skill5}}} • {{{Skill6}}}

|-

| {{#if:{{{SkillImage5|}}}|[[File:{{{SkillImage5}}}|50px]]}}<br />{{{SkillDescription5}}}

| {{#if:{{{SkillImage6|}}}|[[File:{{{SkillImage6}}}|50px]]}}<br />{{{SkillDescription6}}}

|-

| colspan="2" | {{{Skill7}}} • {{{Skill8}}}

|-

| {{#if:{{{SkillImage7|}}}|[[File:{{{SkillImage7}}}|50px]]}}<br />{{{SkillDescription7}}}

| {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br />{{{SkillDescription8}}}

|-

| colspan="2" | {{{Skill9}}} • {{{Skill10}}}

|-

| {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br />{{{SkillDescription9}}}

| {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br />{{{SkillDescription10}}}

|-

| colspan="2" | {{{Skill11}}} • {{{Skill12}}}

|-

| {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br />{{{SkillDescription11}}}

| {{#if:{{{SkillImage12|}}}|[[File:{{{SkillImage12}}}|50px]]}}<br />{{{SkillDescription12}}}

|-

! | {{{Skill13}}}

| colspan="2" | {{{Skill13}}} • {{{Skill14}}}

~~! |~~ {{{Skill14~~}}}~~

~~! | {{{Skill15}}}~~

~~! | {{{Skill16}}}~~

~~! | {{{Skill17}}}~~

~~! | {{{Skill18~~}}}

|-

| {{#if:{{{SkillImage13|}}}|[[File:{{{SkillImage13}}}|50px]]}}<br />{{{SkillDescription13}}}

| {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br />{{{SkillDescription14}}}

|-

| colspan="2" | {{{Skill15}}} • {{{Skill16}}}

|-

| {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br />{{{SkillDescription15}}}

| {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br />{{{SkillDescription16}}}

|-

| colspan="2" | {{{Skill17}}} • {{{Skill18}}}

|-

| {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br />{{{SkillDescription17}}}

| {{#if:{{{SkillImage18|}}}|[[File:{{{SkillImage18}}}|50px]]}}<br />{{{SkillDescription18}}}

|-

! | {{{Skill19}}}

| colspan="2" | {{{Skill19}}} • {{{Skill20}}}

~~! |~~ {{{Skill20~~}}}~~

~~! | {{{Skill21}}}~~

~~! | {{{Skill22}}}~~

~~! | {{{Skill23}}}~~

~~! | {{{Skill24~~}}}

|-

| {{#if:{{{SkillImage19|}}}|[[File:{{{SkillImage19}}}|50px]]}}<br />{{{SkillDescription19}}}

| {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br />{{{SkillDescription20}}}

|-

| colspan="2" | {{{Skill21}}} • {{{Skill22}}}

|-

| {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br />{{{SkillDescription21}}}

| {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br />{{{SkillDescription22}}}

|-

| colspan="2" | {{{Skill23}}} • {{{Skill24}}}

|-

| {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br />{{{SkillDescription23}}}

| {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br />{{{SkillDescription24}}}

|}

</div>

|-

Line 154:

Line 224:

|-

|

{| class="infobox custom-table"

Line 179:

Line 251:

|}

</div>

{| class="infobox custom-table"

|-

! colspan="2" | '''{{{AdvancedClass1}}}'''<br />[[File:{{{AdvancedClassImage1}}}|100px]]

|-

| style="border-right:1px solid #555;" | Role

| {{{AdvancedClassRole1}}}

|-

| style="border-right:1px solid #555;" | Description

| {{{AdvancedClassDescription1}}}

|}

{| class="infobox custom-table"

|-

! colspan="2" | '''{{{AdvancedClass2}}}'''<br />[[File:{{{AdvancedClassImage2}}}|100px]]

|-

| style="border-right:1px solid #555;" | Role

| {{{AdvancedClassRole2}}}

|-

| style="border-right:1px solid #555;" | Description

| {{{AdvancedClassDescription2}}}

|}

</div>

@@ Line 87: / Line 87: @@
 |}
-|-
 ! | '''Skills'''
 |-
 |
+<!-- ========= DESKTOP / TABLET (wide) ========= -->
+<div class="nomobile">
 {| class="infobox custom-table" style="width:100%; text-align:center;"
 |-
@@ Line 107: / Line 109: @@
 | {{#if:{{{SkillImage6|}}}|[[File:{{{SkillImage6}}}|50px]]}}<br />{{{SkillDescription6}}}
 |-
-! | {{{Skill7}}}
+| style="width:16%;" | {{{Skill7}}}
-! | {{{Skill8}}}
+| style="width:16%;" | {{{Skill8}}}
-! | {{{Skill9}}}
+| style="width:16%;" | {{{Skill9}}}
-! | {{{Skill10}}}
+| style="width:16%;" | {{{Skill10}}}
-! | {{{Skill11}}}
+| style="width:16%;" | {{{Skill11}}}
-! | {{{Skill12}}}
+| style="width:16%;" | {{{Skill12}}}
+|-
+| {{#if:{{{SkillImage7|}}}|[[File:{{{SkillImage7}}}|50px]]}}<br />{{{SkillDescription7}}}
+| {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br />{{{SkillDescription8}}}
+| {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br />{{{SkillDescription9}}}
+| {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br />{{{SkillDescription10}}}
+| {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br />{{{SkillDescription11}}}
+| {{#if:{{{SkillImage12|}}}|[[File:{{{SkillImage12}}}|50px]]}}<br />{{{SkillDescription12}}}
+|-
+| style="width:16%;" | {{{Skill13}}}
+| style="width:16%;" | {{{Skill14}}}
+| style="width:16%;" | {{{Skill15}}}
+| style="width:16%;" | {{{Skill16}}}
+| style="width:16%;" | {{{Skill17}}}
+| style="width:16%;" | {{{Skill18}}}
+|-
+| {{#if:{{{SkillImage13|}}}|[[File:{{{SkillImage13}}}|50px]]}}<br />{{{SkillDescription13}}}
+| {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br />{{{SkillDescription14}}}
+| {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br />{{{SkillDescription15}}}
+| {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br />{{{SkillDescription16}}}
+| {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br />{{{SkillDescription17}}}
+| {{#if:{{{SkillImage18|}}}|[[File:{{{SkillImage18}}}|50px]]}}<br />{{{SkillDescription18}}}
+|-
+| style="width:16%;" | {{{Skill19}}}
+| style="width:16%;" | {{{Skill20}}}
+| style="width:16%;" | {{{Skill21}}}
+| style="width:16%;" | {{{Skill22}}}
+| style="width:16%;" | {{{Skill23}}}
+| style="width:16%;" | {{{Skill24}}}
+|-
+| {{#if:{{{SkillImage19|}}}|[[File:{{{SkillImage19}}}|50px]]}}<br />{{{SkillDescription19}}}
+| {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br />{{{SkillDescription20}}}
+| {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br />{{{SkillDescription21}}}
+| {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br />{{{SkillDescription22}}}
+| {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br />{{{SkillDescription23}}}
+| {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br />{{{SkillDescription24}}}
+|}
+</div>
+<!-- ========= MOBILE (stacked / 2-column) ========= -->
+<div class="mobileonly">
+{| class="infobox custom-table" style="width:100%; text-align:center;"
+|-
+| colspan="2" | {{{Skill1}}} • {{{Skill2}}}
+|-
+| {{#if:{{{SkillImage1|}}}|[[File:{{{SkillImage1}}}|50px]]}}<br />{{{SkillDescription1}}}
+| {{#if:{{{SkillImage2|}}}|[[File:{{{SkillImage2}}}|50px]]}}<br />{{{SkillDescription2}}}
+|-
+| colspan="2" | {{{Skill3}}} • {{{Skill4}}}
+|-
+| {{#if:{{{SkillImage3|}}}|[[File:{{{SkillImage3}}}|50px]]}}<br />{{{SkillDescription3}}}
+| {{#if:{{{SkillImage4|}}}|[[File:{{{SkillImage4}}}|50px]]}}<br />{{{SkillDescription4}}}
+|-
+| colspan="2" | {{{Skill5}}} • {{{Skill6}}}
+|-
+| {{#if:{{{SkillImage5|}}}|[[File:{{{SkillImage5}}}|50px]]}}<br />{{{SkillDescription5}}}
+| {{#if:{{{SkillImage6|}}}|[[File:{{{SkillImage6}}}|50px]]}}<br />{{{SkillDescription6}}}
+|-
+| colspan="2" | {{{Skill7}}} • {{{Skill8}}}
 |-
 | {{#if:{{{SkillImage7|}}}|[[File:{{{SkillImage7}}}|50px]]}}<br />{{{SkillDescription7}}}
 | {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br />{{{SkillDescription8}}}
+|-
+| colspan="2" | {{{Skill9}}} • {{{Skill10}}}
+|-
 | {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br />{{{SkillDescription9}}}
 | {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br />{{{SkillDescription10}}}
+|-
+| colspan="2" | {{{Skill11}}} • {{{Skill12}}}
+|-
 | {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br />{{{SkillDescription11}}}
 | {{#if:{{{SkillImage12|}}}|[[File:{{{SkillImage12}}}|50px]]}}<br />{{{SkillDescription12}}}
 |-
-! | {{{Skill13}}}
+| colspan="2" | {{{Skill13}}} • {{{Skill14}}}
-! | {{{Skill14}}}
-! | {{{Skill15}}}
-! | {{{Skill16}}}
-! | {{{Skill17}}}
-! | {{{Skill18}}}
 |-
 | {{#if:{{{SkillImage13|}}}|[[File:{{{SkillImage13}}}|50px]]}}<br />{{{SkillDescription13}}}
 | {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br />{{{SkillDescription14}}}
+|-
+| colspan="2" | {{{Skill15}}} • {{{Skill16}}}
+|-
 | {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br />{{{SkillDescription15}}}
 | {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br />{{{SkillDescription16}}}
+|-
+| colspan="2" | {{{Skill17}}} • {{{Skill18}}}
+|-
 | {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br />{{{SkillDescription17}}}
 | {{#if:{{{SkillImage18|}}}|[[File:{{{SkillImage18}}}|50px]]}}<br />{{{SkillDescription18}}}
 |-
-! | {{{Skill19}}}
+| colspan="2" | {{{Skill19}}} • {{{Skill20}}}
-! | {{{Skill20}}}
-! | {{{Skill21}}}
-! | {{{Skill22}}}
-! | {{{Skill23}}}
-! | {{{Skill24}}}
 |-
 | {{#if:{{{SkillImage19|}}}|[[File:{{{SkillImage19}}}|50px]]}}<br />{{{SkillDescription19}}}
 | {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br />{{{SkillDescription20}}}
+|-
+| colspan="2" | {{{Skill21}}} • {{{Skill22}}}
+|-
 | {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br />{{{SkillDescription21}}}
 | {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br />{{{SkillDescription22}}}
+|-
+| colspan="2" | {{{Skill23}}} • {{{Skill24}}}
+|-
 | {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br />{{{SkillDescription23}}}
 | {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br />{{{SkillDescription24}}}
 |}
+</div>
 |-
@@ Line 154: / Line 224: @@
 |-
 |
-<div style="display:flex; justify-content:space-between; gap:20px;">
+<!-- ========= DESKTOP / TABLET (side-by-side) ========= -->
+<div class="nomobile" style="display:flex; gap:20px;">
    <div style="flex:1;">
    {| class="infobox custom-table"
@@ Line 179: / Line 251: @@
    |}
    </div>
+</div>
+<!-- ========= MOBILE (stacked cards) ========= -->
+<div class="mobileonly">
+  {| class="infobox custom-table"
+  |-
+  ! colspan="2" | '''{{{AdvancedClass1}}}'''<br />[[File:{{{AdvancedClassImage1}}}|100px]]
+  |-
+  | style="border-right:1px solid #555;" | Role
+  | {{{AdvancedClassRole1}}}
+  |-
+  | style="border-right:1px solid #555;" | Description
+  | {{{AdvancedClassDescription1}}}
+  |}
+  {| class="infobox custom-table"
+  |-
+  ! colspan="2" | '''{{{AdvancedClass2}}}'''<br />[[File:{{{AdvancedClassImage2}}}|100px]]
+  |-
+  | style="border-right:1px solid #555;" | Role
+  | {{{AdvancedClassRole2}}}
+  |-
+  | style="border-right:1px solid #555;" | Description
+  | {{{AdvancedClassDescription2}}}
+  |}
 </div>