|
|
(14 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <div style="width:100%; background:#f0f2f8; border:1px solid #ccc; border-radius:6px; padding:4px 8px; font-size:90%; text-align:center; margin-bottom:10px; color:#333; box-shadow:0 1px 3px rgba(0,0,0,0.1);">
| |
| '''Join the Playtest on Steam Now:''' [https://store.steampowered.com/app/3767850/SpiritVale https://store.steampowered.com/app/3767850/SpiritVale]
| |
| </div>
| |
|
| |
|
| {| class="infobox" style="width:100%; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3); margin:10px 0;"
| |
| |-
| |
| | style="padding:20px; background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; border-top-left-radius:14px; border-top-right-radius:14px; text-align:center;" |
| |
| [[File:SpiritValeLogo.png|100px]]<br />
| |
| '''<span style="font-size:200%;">Class Template</span>'''
| |
| |-
| |
| | style="padding:15px; line-height:1.6;" |
| |
| [Overview placeholder. Provide a high-level description of the class, its role, strengths, and unique features.]
| |
|
| |
| <div style="display:flex; justify-content:flex-start; gap:20px; align-items:stretch; margin-top:20px;">
| |
|
| |
| {| style="width:35%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0; margin:0;"
| |
| |-
| |
| ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:120%; line-height:1.2em; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Class Information'''
| |
| |-
| |
| | style="padding:12px; text-align:left; line-height:1.7; font-size:110%;" |
| |
|
| |
| {| class="infobox" style="width:100%; font-size:95%; 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;" | Armor Type
| |
| | style="padding:6px;" | [Armor Placeholder]
| |
| |-
| |
| | style="padding:6px; font-weight:bold;" | Weapon Type(s)
| |
| | style="padding:6px;" | [Weapon Placeholder]
| |
| |-
| |
| | style="padding:6px; font-weight:bold;" | Description
| |
| | style="padding:6px;" | [Short description placeholder]
| |
| |}
| |
|
| |
| |}
| |
|
| |
| {| style="flex:1; border:2px solid #5a4e7c; background:#eef0f6; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0; margin:0;"
| |
| |-
| |
| ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:120%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Skills'''
| |
| |-
| |
| | style="padding:12px;" |
| |
|
| |
| <div style="display:grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:16px; text-align:center; font-size:105%;">
| |
|
| |
| <div style="padding:10px; border:1px solid #ccc; border-radius:8px; background:#fff;">
| |
| [[File:Placeholder.png|50px]]
| |
| '''[Skill Name]'''
| |
| [Skill description placeholder]
| |
| * Effect: [Effect placeholder]
| |
| * Cooldown: [Cooldown placeholder]
| |
| </div>
| |
|
| |
| <div style="padding:10px; border:1px solid #ccc; border-radius:8px; background:#fff;">
| |
| [[File:Placeholder.png|50px]]
| |
| '''[Skill Name]'''
| |
| [Skill description placeholder]
| |
| * Effect: [Effect placeholder]
| |
| * Cooldown: [Cooldown placeholder]
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| |}
| |
|
| |
| </div>
| |
|
| |
| <!-- Advanced Classes Section -->
| |
| {| style="width:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,0.2); margin:20px 0;"
| |
| |-
| |
| ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; padding:8px; text-align:center; font-size:120%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Advanced Classes'''
| |
| |-
| |
| | style="padding:12px;" |
| |
|
| |
| <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; text-align:center; font-size:115%;">
| |
|
| |
| <div style="padding:12px;">
| |
| [[File:Placeholder.png|80px]]<br />
| |
| [[AdvancedClass1|[Advanced Class 1]]]
| |
| </div>
| |
|
| |
| <div style="padding:12px;">
| |
| [[File:Placeholder.png|80px]]<br />
| |
| [[AdvancedClass2|[Advanced Class 2]]]
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| |}
| |
|
| |
| <!-- Advice & Guides Section -->
| |
| {| style="width:100%; border:2px solid #5a4e7c; background:#ffffff; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,0.2); margin-bottom:20px;"
| |
| |-
| |
| ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; padding:8px; text-align:center; font-size:120%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Advice & Guides'''
| |
| |-
| |
| | style="padding:12px; font-size:110%; line-height:1.6;" |
| |
|
| |
| [Advice placeholder. Provide strategic tips, build recommendations, or leveling guidance.]
| |
| Future: Add guide links here.
| |
|
| |
| |}
| |
|
| |
| |}
| |