Toggle search
Toggle menu
58
161
6
1.3K
SpiritVale Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

User:Eviand/Classtest: Difference between revisions

From SpiritVale Wiki
More actions
Newer edit →
VisualWikitext
Created page with "<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-radi..."
 
No edit summary
Line 10: Line 10:
|-
|-
| style="padding:15px; line-height:1.6;" |
| 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;">
<!-- Description and Class Info -->
<div style="display:flex; gap:20px; align-items:flex-start; 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;"
<div style="flex:2; font-size:110%; line-height:1.6;">
[Detailed class description placeholder: extended notes about the class, lore, and general mechanics.]
</div>
 
<div style="flex:1; align-self:flex-start;">
{| class="infobox" style="width: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:120%; line-height:1.2em; border-top-left-radius:10px; border-top-right-radius:10px;" |
! 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;" |
'''Class Information'''
'''Class Information'''
|-
|-
| style="padding:12px; text-align:left; line-height:1.7; font-size:110%;" |
| 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;"
{| class="infobox" style="width:100%; font-size:95%; border:1px solid #ccc; background:#ffffff; border-radius:10px; padding:6px;"
|-
|-
Line 38: Line 42:
| style="padding:6px;" | [Short description placeholder]
| style="padding:6px;" | [Short description placeholder]
|}
|}
|}
|}
</div>
</div>


{| 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="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;"
|-
|-
! 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;" |
! 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'''
'''Skills'''
|-
|-
| style="padding:12px;" |
| style="padding:12px; text-align:center; font-size:105%;" |
 
<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>


{| class="wikitable" style="width:100%; text-align:center; border:1px solid #ccc; border-collapse:collapse;"
|-
! 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:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.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:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.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:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.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:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
| [[File:Placeholder.png|50px]]<br>Lvl: [X]<br>[Skill description placeholder]
|}
|}
|}


</div>


<!-- Advanced Classes Section -->
{| class="infobox" style="width:100%; font-size:95%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); margin-top:20px; padding:0;"
{| 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;" |
! 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;" |
'''Advanced Classes'''
'''Advanced Classes'''
|-
|-
| style="padding:12px;" |
|<br \>


<div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; text-align:center; font-size:115%;">
<div style="display:flex; justify-content:space-between; gap:20px;">


<div style="padding:12px;">
<!-- Nested Advanced Class 1 -->
[[File:Placeholder.png|80px]]<br />
{| class="infobox" style="flex:1; font-size:90%; border:2px solid #372b54; background:#f7f7fa; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.25);"
[[AdvancedClass1|[Advanced Class 1]]]
|-
</div>
! colspan="2" style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:6px; font-size:110%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''[Advanced Class 1]'''<br />
[[File:Placeholder.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;" | [Paragraph 1 description placeholder]<br /><br />
[Paragraph 2 description placeholder]<br /><br />
[Paragraph 3 description placeholder]
|}
<!-- End Nested Advanced Class 1 -->


<div style="padding:12px;">
<!-- Nested Advanced Class 2 -->
[[File:Placeholder.png|80px]]<br />
{| class="infobox" style="flex:1; font-size:90%; border:2px solid #372b54; background:#f7f7fa; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.25);"
[[AdvancedClass2|[Advanced Class 2]]]
|-
</div>
! colspan="2" style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:6px; font-size:110%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''[Advanced Class 2]'''<br />
[[File:Placeholder.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;" | [Paragraph 1 description placeholder]<br /><br />
[Paragraph 2 description placeholder]<br /><br />
[Paragraph 3 description placeholder]
|}
<!-- End Nested Advanced Class 2 -->


</div>
</div>
|}


|}


<!-- Advice & Guides Section -->
<!-- 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;"
{| class="infobox" style="width:100%; border:2px solid #5a4e7c; background:#ffffff; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,0.2); margin-top:20px; padding:12px;"
|-
|-
! 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;" |
! 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;" |
Line 103: Line 168:
|-
|-
| style="padding:12px; font-size:110%; line-height:1.6;" |
| style="padding:12px; font-size:110%; line-height:1.6;" |
 
[Advice placeholder. Provide strategic tips, build recommendations, or leveling guidance.]<br />
[Advice placeholder. Provide strategic tips, build recommendations, or leveling guidance.]
Future: Add guide links here.
Future: Add guide links here.
 
|}
|}
|}
|}
Retrieved from "https://spiritvale.info/wiki/User:Eviand/Classtest"