Main Page: Difference between revisions

Fixed up some text, centered whole thing, made width consistent
New banners + rearranged them.
Line 43: Line 43:


<div class="mainpage-card-grid" style="display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; max-width: 810px !important;">
<div class="mainpage-card-grid" style="display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; max-width: 810px !important;">
  <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
    [[File:MainPage-Overworld.png|center|250x125px|link=Map]]
    <div style="font-weight: bold; padding: 8px 0;">[[Map|World Map]]</div>
  </div>
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
     [[File:MainPage-Bestiary.png|center|250x125px|link=Bestiary]]
     [[File:MainPage-Bestiary.png|center|250x125px|link=Bestiary]]
Line 48: Line 52:
   </div>
   </div>
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
     [[File:MainPage-Overworld.png|center|250x125px|link=Map]]
     [[File:MainPage-Skills.png|center|250x125px|link=Skills]]
     <div style="font-weight: bold; padding: 8px 0;">[[Map|World Map]]</div>
     <div style="font-weight: bold; padding: 8px 0;">[[Skills]]</div>
   </div>
   </div>
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
     [[File:MainPage-Quests.png|center|250x125px|link=Quests]]
     [[File:MainPage-Equipment.png|center|250x125px|link=Skills]]
     <div style="font-weight: bold; padding: 8px 0;">[[Quests]]</div>
     <div style="font-weight: bold; padding: 8px 0;">[[Equipment]]</div>
   </div>
   </div>
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
Line 60: Line 64:
   </div>
   </div>
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
     [[File:MainPage-Skills.png|center|250x125px|link=Skills]]
     [[File:MainPage-Quests.png|center|250x125px|link=Quests]]
     <div style="font-weight: bold; padding: 8px 0;">[[Skills]]</div>
     <div style="font-weight: bold; padding: 8px 0;">[[Quests]]</div>
   </div>
   </div>
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
   <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
     [[File:MainPage-TreasureMaps.png|center|250x125px|link=]]
     [[File:MainPage-TreasureMaps.png|center|250x125px|link=]]
     <div style="font-weight: bold; padding: 8px 0;">Treasure Maps: {{ItemIcon|Treasure Map (Tier 1)|size=22px}} {{ItemIcon|Treasure Map (Tier 2)|size=22px}} {{ItemIcon|Treasure Map (Tier 3)|size=22px}}</div>
     <div style="font-weight: bold; padding: 8px 0;">Treasure Maps: {{ItemIcon|Treasure Map (Tier 1)|size=22px}} {{ItemIcon|Treasure Map (Tier 2)|size=22px}} {{ItemIcon|Treasure Map (Tier 3)|size=22px}}</div>
  </div>
  <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
    [[File:MainPage-NewPlayerGuide.png|center|250x125px|link=Skills]]
    <div style="font-weight: bold; padding: 8px 0;">[[Quick_Start_Guide|New Player Guide]]</div>
  </div>
  <div style="width: 250px; text-align: center; background-color: var(--bg-contrast) !important; border-radius: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">
    [[File:MainPage-HighLite.png|center|250x125px|link=Skills]]
    <div style="font-weight: bold; padding: 8px 0;">[[HighLite]]</div>
   </div>
   </div>
</div>
</div>