User:Eviand/Classtest: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="width:100%; background:#f0f2f8; border:1px solid #ccc; border-radius:6px; padding:4px 8px; font-size: | <div style="width:100%; background:#f0f2f8; border:1px solid #ccc; border-radius:6px; padding:4px 8px; font-size:100%; 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] | '''Join the Playtest on Steam Now:''' [https://store.steampowered.com/app/3767850/SpiritVale https://store.steampowered.com/app/3767850/SpiritVale] | ||
</div> | </div> | ||
{| class="infobox" style="width:100%; font-size: | {| 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;" | ||
|- | |- | ||
| style="padding:20px; background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; border-top-left-radius:14px; border-top-right-radius:14px; text-align:center;" | | | 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:125%;" | | ||
[[File:SpiritValeLogo.png|100px]]<br /> | [[File:SpiritValeLogo.png|100px]]<br /> | ||
''' | '''Class Template''' | ||
|- | |- | ||
| style="padding:15px; line-height:1.6;" | | | style="padding:15px; line-height:1.6; font-size:100%%;" | | ||
<!-- Description and Class Info --> | <!-- Description and Class Info --> | ||
<div style="display:flex; gap:20px; align-items:flex-start; margin-top:20px;"> | <div style="display:flex; gap:20px; align-items:flex-start; margin-top:20px; font-size:100%%;"> | ||
<div style="flex:2 | <div style="flex:2; line-height:1.6;"> | ||
[Detailed class description placeholder: extended notes about the class, lore, and general mechanics.] | [Detailed class description placeholder: extended notes about the class, lore, and general mechanics.] | ||
</div> | </div> | ||
<div style="flex:1; align-self:flex-start;"> | <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);" | {| 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: | ! 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''' | '''Class Information''' | ||
|- | |- | ||
| style="padding:12px; text-align:left; line-height:1.7; font-size: | | style="padding:12px; text-align:left; line-height:1.7; font-size:100%%;" | | ||
{| class="infobox" style="width:100%; font-size: | {| 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; font-weight:bold;" | Role | ||
| Line 32: | Line 32: | ||
| style="padding:6px; font-weight:bold;" | Primary Stats | | style="padding:6px; font-weight:bold;" | Primary Stats | ||
| style="padding:6px;" | [Stat Placeholder] | | style="padding:6px;" | [Stat Placeholder] | ||
|- | |- | ||
| style="padding:6px; font-weight:bold;" | Weapon Type(s) | | style="padding:6px; font-weight:bold;" | Weapon Type(s) | ||
| style="padding:6px;" | [Weapon Placeholder] | | style="padding:6px;" | [Weapon Placeholder] | ||
|} | |} | ||
|} | |} | ||
| Line 46: | Line 40: | ||
</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;" | <!-- Skills Section --> | ||
{| 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; font-size:100%%;" | |||
|- | |- | ||
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size: | ! 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''' | '''Skills''' | ||
|- | |- | ||
| style="padding:12px; text-align:center | | style="padding:12px; text-align:center;" | | ||
{| class="wikitable" style="width:100%; text-align:center; border:1px solid #ccc; border-collapse:collapse;" | {| class="wikitable" style="width:100%; text-align:center; border:1px solid #ccc; border-collapse:collapse; font-size:100%%;" | ||
|- | |- | ||
! style="width:16%;" | Skill 1 | ! style="width:16%;" | Skill 1 | ||
| Line 61: | Line 56: | ||
! style="width:16%;" | Skill 5 | ! style="width:16%;" | Skill 5 | ||
! style="width:16%;" | Skill 6 | ! 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] | ||
| Line 113: | Line 66: | ||
|} | |} | ||
<!-- Advanced Classes Section --> | |||
{| class="infobox" style="width:100%; font-size: | {| 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.25); margin-top:20px; padding:12px;" | ||
|- | |- | ||
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size: | ! 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;" | | ||
'''Advanced Classes''' | '''Advanced Classes''' | ||
|- | |- | ||
| | | | ||
<div style="display:flex; justify-content:space-between; gap:20px; padding:12px;"> | <div style="display:flex; justify-content:space-between; gap:20px; padding:12px; font-size:100%%;"> | ||
<!-- Nested Advanced Class 1 --> | <!-- Nested Advanced Class 1 --> | ||
{| class="infobox" style="flex:1; font-size: | {| 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: | ! 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;" | | ||
'''[Advanced Class 1]'''<br /> | '''[Advanced Class 1]'''<br /> | ||
[[File:SpiritValeLogo.png|100px]] | [[File:SpiritValeLogo.png|100px]] | ||
| Line 141: | Line 94: | ||
<!-- Nested Advanced Class 2 --> | <!-- Nested Advanced Class 2 --> | ||
{| class="infobox" style="flex:1; font-size: | {| 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: | ! 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;" | | ||
'''[Advanced Class 2]'''<br /> | '''[Advanced Class 2]'''<br /> | ||
[[File:SpiritValeLogo.png|100px]] | [[File:SpiritValeLogo.png|100px]] | ||
| Line 159: | Line 112: | ||
</div> | </div> | ||
|} | |} | ||
<!-- Advice & Guides Section --> | <!-- Advice & Guides Section --> | ||
{| 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;" | {| class="infobox" style="width:100%; font-size: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: | ! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; padding:8px; text-align:center; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" | | ||
'''Advice & Guides''' | '''Advice & Guides''' | ||
|- | |- | ||
| style="padding:12px | | style="padding:12px; 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.]<br /> | ||
Future: Add guide links here. | Future: Add guide links here. | ||
|} | |} | ||
|} | |} | ||