Page MenuHomePhabricator

Create a grid Main Page for euwiki that anyone can copy
Open, Needs TriagePublic

Description

euwiki main page is different from most of the Wikipedias in design and scope. However, years are going, and design trends change. The idea of this task would be to work on a modern grid system using CSS and HTML that could be copied by other projects.

  • Create the grid
  • Populate the sections
  • Tidy up CSS
  • Make it mobile friendly

Working on https://eu.wikipedia.org/wiki/Azala/Grid

Event Timeline

Don't know if you know what is Codex, but you can reuse the Codex design tokens in TemplateStyles or CSS page content model (i.e. MediaWiki:Common.css).
https://doc.wikimedia.org/codex/latest/design-tokens/overview.html

Is there any working Main page using those?

Is there any working Main page using those?

At least not on frwiki. But some templates are starting to use the tokens.

But some templates are starting to use the tokens.

Can I see an example of that, please?

Eh, I think I hallucinated it from reading the same tickets over and over again...
T320322 adds the support of CSS variables in TemplateStyles.
T355244 adds the support of Codex tokens in in TemplateStyles.
If I remember correctly, the tokens are already available in MediaWiki:Common.css.
The recommandation is to always use a fallback for skins which do not support Codex (not sure it means everything except Vector 2022).

I really don't think it's gonna be ready for Wikimedia Hackathon 2024, so...

Also a new main page that anyone can copy should the support the work-in-progress night mode? See T363359?

This comment was removed by Theklan.

It seems that using css grid elements and descriptions doesn't work properly, as the grid is only part of the page, not the full page itself. A better approach would be working by sections.