FFXIV Wiki:Update site CSS, main page, & sidebar

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search
Project description
Refresh the wiki's CSS, update the sidebar, and make the landing page more functional.
Members
Cryebunnie (talk), Erin Umbreon (talk)
Status
In progress
Last updated
23 March
Discussion
Talk page
Discord threads
Update default Vector Skin CSS, Update wiki Main Page & sidebar

Goals

  1. Update the wiki's main page to feature commonly looked for links
  2. Include a clear 'How to Help' section on the main page
  3. Update the wiki's sidebar navigation to:
    1. Reduce length
    2. Contain high-use links
    3. Be more accessible to site users
  4. Update the wiki's overall look through CSS to:
    1. Create a consistent visual cohesion across the wiki
    2. Be easily adaptable between light and dark mode
    3. Convey a clear relation to FFXIV through color & style

Tasks

  1. Create prototype (done)
  2. Test prototype by implementing on UserWiki page
    1. CSS prototype: User:Cryebunnie/vector.css
    2. Mainpage prototype: User:Erin_Umbreon/Sandbox/Main_page_rewrite
    3. Mainpage content: User:Erin_Umbreon/Sandbox/Main_page_rewrite/Content
  3. Get approval
  4. Create new theme as a toggle for editors to try, gather feedback and implement.
  5. Get final approval.
  6. Implement as default theme, make old theme an option for editors to use.

CSS Tasks

  1. Tweak formatting on sidebar, try out pins and allowing for collapsing groups.
  2. Decide on Watch/Unwatch formatting.
  3. Decide on header font.
  4. Make dark mode verison.
  5. Experiment with dropshadow/other formatting on icon to make it stand out from background.
  1. Rearrange content of sidebar links to be more useful (have high access links at top like Main/Random/Special, etc.)

Mainpage Tasks

  1. Finish button links (dawntrail section and general content links).
  2. Finish the event section.
  3. Finish the header section.