|
Tags: Mobile edit Mobile web edit |
| (125 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| {| class="infobox" style="width:100%; font-size:100%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3); margin:10px 0;"
| | == Definitions visual test == |
| |-
| |
| | style="padding:20px; background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; border-top-left-radius:14px; border-top-right-radius:14px; text-align:center; font-size:200%;" |
| |
| [[File:SpiritValeLogo.png|100px]]<br />
| |
| '''Class Template'''
| |
| |-
| |
| | style="padding:15px; line-height:1.6; font-size:100%;" |
| |
| | |
| <div style="display:flex; gap:20px; align-items:flex-start; margin-top:20px; font-size:100%;">
| |
| | |
| <div style="flex:2; line-height:1.6;">
| |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
| |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| |
| </div>
| |
| | |
| <div style="flex:1; align-self:flex-start;">
| |
| {| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
| |
| |-
| |
| ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Class Information'''
| |
| |-
| |
| | style="padding:12px; text-align:left; line-height:1.7; font-size:100%;" |
| |
| {| class="infobox" style="width:100%; font-size:100%; border:1px solid #ccc; background:#ffffff; border-radius:10px; padding:6px;"
| |
| |-
| |
| | style="padding:6px; font-weight:bold;" | Role
| |
| | style="padding:6px;" | [Role Placeholder]
| |
| |-
| |
| | style="padding:6px; font-weight:bold;" | Primary Stats
| |
| | style="padding:6px;" | [Stat Placeholder]
| |
| |-
| |
| | style="padding:6px; font-weight:bold;" | Weapon Type(s)
| |
| | style="padding:6px;" | [Weapon Placeholder]
| |
| |}
| |
| |}
| |
| </div>
| |
| </div>
| |
|
| |
|
| {| style="width:100%; border:2px solid #5a4e7c; background:#eef0f6; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0; margin-top:20px;" | | This page tests {{def}} output and Universal Popups behavior. |
| |-
| |
| ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Skills'''
| |
| |-
| |
| | style="padding:12px; text-align:center; font-size:100%;" |
| |
|
| |
|
| {| class="wikitable" style="width:100%; text-align:center; border:1px solid #ccc; border-collapse:collapse;"
| | === Inline prose (icons on) === |
| |-
| | Core stats show up constantly: {{def|Stat|Str}}, {{def|Stat|Agi}}, {{def|Stat|Dex}}, {{def|Stat|Int}}, {{def|Stat|Vit}}, and {{def|Stat|Luk}}. Combat stats like {{def|Stat|Atk}} and {{def|Stat|Matk}} pair with accuracy {{def|Stat|Hit}} and avoidance {{def|Stat|Flee}}. Defensive lines usually mention {{def|Stat|Def}}, {{def|Stat|Mdef}}, {{def|Stat|Hp}}, and {{def|Stat|Mp}}. |
| ! style="width:16%;" | Skill 1
| |
| ! style="width:16%;" | Skill 2
| |
| ! style="width:16%;" | Skill 3
| |
| ! style="width:16%;" | Skill 4
| |
| ! style="width:16%;" | Skill 5
| |
| ! style="width:16%;" | Skill 6
| |
| |- | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| |- | |
| ! style="width:16%;" | Skill 7
| |
| ! style="width:16%;" | Skill 8
| |
| ! style="width:16%;" | Skill 9
| |
| ! style="width:16%;" | Skill 10
| |
| ! style="width:16%;" | Skill 11
| |
| ! style="width:16%;" | Skill 12
| |
| |-
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder] | |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| |-
| |
| ! style="width:16%;" | Skill 13
| |
| ! style="width:16%;" | Skill 14
| |
| ! style="width:16%;" | Skill 15
| |
| ! style="width:16%;" | Skill 16
| |
| ! style="width:16%;" | Skill 17
| |
| ! style="width:16%;" | Skill 18
| |
| |-
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| |-
| |
| ! style="width:16%;" | Skill 19
| |
| ! style="width:16%;" | Skill 20
| |
| ! style="width:16%;" | Skill 21
| |
| ! style="width:16%;" | Skill 22
| |
| ! style="width:16%;" | Skill 23
| |
| ! style="width:16%;" | Skill 24
| |
| |-
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| | [[File:SpiritValeLogo.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| |
| |} | |
| |}
| |
|
| |
|
| | Casting types like {{def|Cast|Target}}, {{def|Cast|Ground}}, and {{def|Cast|Toggle}} control delivery, while damage can be {{def|Damage|Melee}} or {{def|Damage|Magic}}. Elements often rotate between {{def|Element|Fire}}, {{def|Element|Water}}, {{def|Element|Wind}}, {{def|Element|Earth}}, and {{def|Element|Shadow}}. |
|
| |
|
| | === Inline prose (noicon=1 sanity) === |
| | These should behave the same as above, but without icons: |
| | {{def|Stat|Str|noicon=1}}, {{def|Stat|Agi|noicon=1}}, {{def|Stat|Dex|noicon=1}}, {{def|Stat|Int|noicon=1}}, {{def|Stat|Vit|noicon=1}}, {{def|Stat|Luk|noicon=1}}. |
|
| |
|
| {| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
| | === Missing record sanity === |
| |-
| | This should render a visible “?” missing marker and NO popup data: |
| ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| | {{def|Stat|DefinitelyNotARealKey}} |
| '''Advanced Classes'''
| |
| |- | |
| | | |
|
| |
|
| <div style="display:flex; justify-content:space-between; gap:20px; padding:12px; font-size:100%;"> | | === Linked header smoke test (manual) === |
| | This one does not depend on Definitions.json; it verifies the “header title is a link” behavior directly: |
| | <span class="sv-def" tabindex="0" data-sv-def-tip="Linked definition: header title should be a real link.\nHover/click behavior should still match Universal Popups." data-sv-def-link="Casting">Casting (manual link)</span> |
|
| |
|
| | === List density test === |
| | * Core stats: {{def|Stat|Str}}, {{def|Stat|Vit}}, {{def|Stat|Agi}}, {{def|Stat|Dex}}, {{def|Stat|Int}}, {{def|Stat|Luk}} |
| | * Combat: {{def|Stat|Atk}}, {{def|Stat|Matk}}, {{def|Stat|Hit}}, {{def|Stat|Flee}} |
| | * Defense: {{def|Stat|Def}}, {{def|Stat|Mdef}}, {{def|Stat|Hp}}, {{def|Stat|Mp}} |
| | * Types: {{def|Cast|Target}}, {{def|Cast|Ground}}, {{def|Cast|Toggle}}, {{def|Damage|Melee}}, {{def|Damage|Magic}} |
| | * Elements: {{def|Element|Neutral}}, {{def|Element|Fire}}, {{def|Element|Water}}, {{def|Element|Wind}}, {{def|Element|Earth}}, {{def|Element|Shadow}} |
|
| |
|
| {| class="infobox" style="flex:1; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;" | | === Table density test === |
| | {| class="wikitable" |
| | ! Scenario !! Cast !! Damage !! Element !! Notable stats |
| |- | | |- |
| ! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| | | Basic strike || {{def|Cast|Target}} || {{def|Damage|Melee}} || {{def|Element|Neutral}} || {{def|Stat|Atk}}, {{def|Stat|Hit}} |
| '''[Advanced Class 1]'''<br />
| |
| [[File:SpiritValeLogo.png|100px]]
| |
| |- | |
| | style="background:#e6e3f0; font-weight:bold; width:35%;" | Role | |
| | style="background:#ffffff;" | [Short descriptor] | |
| |- | |
| | style="background:#e6e3f0; font-weight:bold;" | Description | |
| | style="background:#ffffff;" | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
| |} | |
| | |
| | |
| | |
| {| class="infobox" style="flex:1; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;" | |
| |- | | |- |
| ! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| | | Ground spell || {{def|Cast|Ground}} || {{def|Damage|Magic}} || {{def|Element|Fire}} || {{def|Stat|Matk}}, {{def|Stat|Int}} |
| '''[Advanced Class 2]'''<br />
| |
| [[File:SpiritValeLogo.png|100px]]
| |
| |- | | |- |
| | style="background:#e6e3f0; font-weight:bold; width:35%;" | Role | | | Toggle buff || {{def|Cast|Toggle}} || {{def|Damage|Magic}} || {{def|Element|Holy}} || {{def|Stat|Mp}}, {{def|Stat|Vit}} |
| | style="background:#ffffff;" | [Short descriptor] | |
| |- | | |- |
| | style="background:#e6e3f0; font-weight:bold;" | Description | | | Defensive build || {{def|Cast|Target}} || {{def|Damage|Melee}} || {{def|Element|Shadow}} || {{def|Stat|Def}}, {{def|Stat|Mdef}}, {{def|Stat|Hp}} |
| | style="background:#ffffff;" | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
| |} | |
| | |
| | |
| </div>
| |
| |} | | |} |
|
| |
|
| | | {{def|Damage|Healing}} |
| {| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);" | | {{def|Damage|True}} |
| |- | | {{def|Damage|Status}} |
| ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Advice & Guides'''
| |
| |- | |
| | style="padding:12px; line-height:1.6;" | | |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| |
| |} | |
| |}
| |