User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
| Line 103: | Line 103: | ||
<!-- Card: Character --> | <!-- Card: Character --> | ||
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column; | <div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | ||
<div class="header-container-inner" style="font-size:115% | <div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
[[File:SpiritValeLogo.png|18px|link=Character]] < | <div class="header-container-inner" style="font-size:115%;text-align:center;display:flex;align-items:center;justify-content:center;gap:0;padding:0;"> | ||
[[File:SpiritValeLogo.png|18px|link=Character]] <b>Character</b> | |||
</div> | </div> | ||
<div style="flex:1 1 auto | <div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Character]]</span> <span>'''[[Character|Character]]'''</span></div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Character]]</span> <span>'''[[Character|Character]]'''</span></div> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:CharacterIcon.png|24px|link=Attributes]]</span> [[Attributes|Attributes]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:CharacterIcon.png|24px|link=Attributes]]</span> [[Attributes|Attributes]]</div> | ||
| Line 113: | Line 114: | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:StorageIcon.png|24px|link=Storage]]</span> [[Storage|Storage]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:StorageIcon.png|24px|link=Storage]]</span> [[Storage|Storage]]</div> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:GoldCoin.png|24px|link=Coin]]</span> [[Coin|Coin]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:GoldCoin.png|24px|link=Coin]]</span> [[Coin|Coin]]</div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- Card: Items --> | <!-- Card: Items --> | ||
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column; | <div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | ||
<div class="header-container-inner" style="font-size:115% | <div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
[[File:SpiritValeLogo.png|18px|link=Items]] < | <div class="header-container-inner" style="font-size:115%;text-align:center;display:flex;align-items:center;justify-content:center;gap:0;padding:0;"> | ||
[[File:SpiritValeLogo.png|18px|link=Items]] <b>Items</b> | |||
</div> | </div> | ||
<div style="flex:1 1 auto | <div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Items]]</span> <span>'''[[Items|Items]]'''</span></div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Items]]</span> <span>'''[[Items|Items]]'''</span></div> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Consumables]]</span> [[Consumables|Consumables]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Consumables]]</span> [[Consumables|Consumables]]</div> | ||
| Line 128: | Line 131: | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:ArtifactIcon.png|24px|link=Artifacts]]</span> [[Artifacts|Artifacts]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:ArtifactIcon.png|24px|link=Artifacts]]</span> [[Artifacts|Artifacts]]</div> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Materials]]</span> [[Materials|Materials]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Materials]]</span> [[Materials|Materials]]</div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- Card: Combat --> | <!-- Card: Combat --> | ||
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column; | <div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | ||
<div class="header-container-inner" style="font-size:115% | <div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
[[File:SpiritValeLogo.png|18px|link=Combat]] < | <div class="header-container-inner" style="font-size:115%;text-align:center;display:flex;align-items:center;justify-content:center;gap:0;padding:0;"> | ||
[[File:SpiritValeLogo.png|18px|link=Combat]] <b>Combat</b> | |||
</div> | </div> | ||
<div style="flex:1 1 auto | <div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Combat]]</span> <span>'''[[Combat|Combat]]'''</span></div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Combat]]</span> <span>'''[[Combat|Combat]]'''</span></div> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Dodge Roll]]</span> [[Dodge Roll|Dodge Roll]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Dodge Roll]]</span> [[Dodge Roll|Dodge Roll]]</div> | ||
| Line 142: | Line 147: | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:BossMonsterIcon.webp|24px|link=Monsters]]</span> [[Monsters|Monsters]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:BossMonsterIcon.webp|24px|link=Monsters]]</span> [[Monsters|Monsters]]</div> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Arena]]</span> [[Arena|Arena]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Arena]]</span> [[Arena|Arena]]</div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- Card: World --> | <!-- Card: World --> | ||
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column; | <div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | ||
<div class="header-container-inner" style="font-size:115% | <div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
[[File:SpiritValeLogo.png|18px|link=World]] < | <div class="header-container-inner" style="font-size:115%;text-align:center;display:flex;align-items:center;justify-content:center;gap:0;padding:0;"> | ||
[[File:SpiritValeLogo.png|18px|link=World]] <b>World</b> | |||
</div> | </div> | ||
<div style="flex:1 1 auto | <div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=World]]</span> <span>'''[[World|World]]'''</span></div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=World]]</span> <span>'''[[World|World]]'''</span></div> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:WaypointsIcon.png|24px|link=Waypoints]]</span> [[Waypoints|Waypoints]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:WaypointsIcon.png|24px|link=Waypoints]]</span> [[Waypoints|Waypoints]]</div> | ||
| Line 157: | Line 164: | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:Refinement.png|24px|link=Refinement]]</span> [[Refinement|Refinement]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:Refinement.png|24px|link=Refinement]]</span> [[Refinement|Refinement]]</div> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||