|
|
| (9 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: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]
| |
| </div>
| |
|
| |
|
| {| 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; font-size:125%;" |
| |
| [[File:SpiritValeLogo.png|100px]]<br />
| |
| '''Class Template'''
| |
| |-
| |
| | style="padding:15px; line-height:1.6; font-size:100%%;" |
| |
|
| |
| <!-- Description and Class Info -->
| |
| <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>
| |
|
| |
| <!-- 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:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Skills'''
| |
| |-
| |
| | style="padding:12px; text-align:center;" |
| |
|
| |
| {| 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 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]
| |
| |}
| |
| |}
| |
|
| |
| <!-- Advanced Classes Section -->
| |
| {| 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:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| |
| '''Advanced Classes'''
| |
| |-
| |
| |
| |
|
| |
| <div style="display:flex; justify-content:space-between; gap:20px; padding:12px; font-size:100%%;">
| |
|
| |
| <!-- Nested Advanced Class 1 -->
| |
| {| 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;" |
| |
| '''[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.
| |
| |}
| |
| <!-- End Nested Advanced Class 1 -->
| |
|
| |
| <!-- Nested Advanced Class 2 -->
| |
| {| 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;" |
| |
| '''[Advanced Class 2]'''<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.
| |
| |}
| |
| <!-- End Nested Advanced Class 2 -->
| |
|
| |
| </div>
| |
| |}
| |
|
| |
| <!-- Advice & Guides Section -->
| |
| {| 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: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.
| |
| |}
| |
| |}
| |
