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

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search
< Wiki to-do list
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
22 June
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

Resources

Tasks

  • 🗹 Create prototype
    Assignee: Cryebunnie (talk)
  • 🗹 Test prototype by implementing on UserWiki page
    Assignee: Erin Umbreon (talk)
  • 🗹 Get admin approval of initial prototype
    Assignee: Cryebunnie (talk)
  • 🗹 Create new theme as a toggle for editors to try, gather feedback and implement.
    Assignee: Erin Umbreon (talk)
    • Implemented for the interface-admin group for limited testing; can be enabled for all editors by removing the `user-groups` parameter from Mediawiki:theme-definitions. Erin Umbreon (she/it • talk) 01:28, 20 May 2026 (UTC)
  • ☐ Get admin final approval on CSS & Main Page changes
    Assignee: Erin Umbreon (talk), Cryebunnie (talk)
  • ☐ Implement as default theme, make old theme an option for editors to use.
    Assignee: Erin Umbreon (talk)

CSS Tasks

  • ☒ Tweak formatting on sidebar, try out pins and allowing for collapsing groups.
    Assignee: Erin Umbreon (talk), Cryebunnie (talk)
    • Rye made an SVG pin icon, see discord
    • Collapsing groups will require additional JS; look into theme-specific JS in wiki.gg docs
    • Not going with the pins for now because it makes the sidebar a bit too busy and doesn't add much. Look into collapsible groups widget after theme is finished. Discord discussion Erin Umbreon (she/it • talk) 19:30, 27 May 2026 (UTC)
  • 🗹 Fix Watch/Unwatch formatting to be a star icon again instead of text.
    Assignee: Erin Umbreon (talk)
  • 🗹 Decide on header font.
    Assignee: Erin Umbreon (talk)
  • 🗹 Make dark mode verison.
    Assignee: Erin Umbreon (talk)
  • 🗹 Make alternate tab bar style mimicking the in-game light theme.
    Assignee: Erin Umbreon (talk)
  • 🗹 Experiment with dropshadow/other formatting on icon to make it stand out from background.
    Assignee: Erin Umbreon (talk)
  • 🗹 Rearrange content of sidebar links to be more useful (have high access links at top like Main/Random/Special, etc.)
    Assignee: Cryebunnie (talk)
  • 🗹 Implement right sidebar gadget
    Assignee: Erin Umbreon (talk)
  • ☐ Fix fixed-width toggle CSS to not conflict with right sidebar gadget's styles
    Assignee: Erin Umbreon (talk)
  • ☐ Additional configuration options for right sidebar and other new Vector features
    Assignee: Erin Umbreon (talk)

Mainpage Tasks

Additional Followup

  • ☐ Add collapsible functionality to sidebar sections, similar to Minecraft Wiki
  • ☐ Investigate skin usage and potentially remove some skins from the wiki
    Assignee: Erin Umbreon (talk)
    • This is inspired by wiki.gg only supporting Vector Legacy on their wikis, and even using custom CSS to make it responsive rather than using Minerva Neue. Less skins means less CSS edge cases and less nitpicking which styles should go in Common.css / Vector.css / etc

Retrieved from "https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=FFXIV_Wiki:Update_site_CSS,_main_page,_%26_sidebar&oldid=1359203"