osu-wiki icon indicating copy to clipboard operation
osu-wiki copied to clipboard

Style Main Page subsections

Open cl8n opened this issue 5 years ago • 11 comments

idk why we kept these group/subsection things in parenthesis, they look terrible and get split across lines

cl8n avatar Oct 27 '19 15:10 cl8n

#2731 Feel free to edit anything here.

ghost avatar Oct 27 '19 22:10 ghost

I'm more in favor of #2730 than #2731.

sr229 avatar Oct 28 '19 00:10 sr229

I guess this is not resolved yet, and the main page blocks need further improvements, although they definitely look better without braces (context)

TicClick avatar May 21 '21 20:05 TicClick

the main page update for #2606 is in progress, marking this as blocked

TicClick avatar May 21 '21 20:05 TicClick

been a long time but I think I was trying to say inline styling for these sections isn't the way to go. parenthesis or not, the sub-section-titles have no significance compared to the articles within, and titles wrap unnecessarily, and extra separator dots appear at end of line sometimes, ...

as far as wiki is concerned these should probably just be lists contained in a styling block, and web can take care of how it looks. I was looking into rewriting the main page renderer anyway cuz the setup is really odd web-side. syntax would be something like this for each panel. headers and lists would have custom styling under Panel instead of the classes applied via HTML currently

?

{{{ Panel

## People

*some description from #5506*

{{{ Panel Section

### [The Team](/wiki/People/The_Team)

- [Developers](/wiki/People/The_Team/Developers)
- [Global Moderation Team](/wiki/People/The_Team/Global_Moderation_Team)
- ...

}}}

...

}}}

also I'm not really following how this is blocked by your other updates

cl8n avatar May 22 '21 01:05 cl8n

thought it was wiki only and the changes would be more drastic, which is tough to do at the same time as updating the page

TicClick avatar May 22 '21 05:05 TicClick

rewrite done. reposting important stuff from the pull:

  • https://github.com/ppy/osu-wiki/pull/5506#issuecomment-851706553 LiquidPL's thoughts
  • https://github.com/ppy/osu-wiki/pull/5506#issuecomment-855259985 GPR's design experiment
  • https://github.com/ppy/osu-wiki/pull/5506#issuecomment-888869508 cl8n's thoughts

also, infobox example: #5440

TicClick avatar Aug 19 '21 15:08 TicClick

is this still tracking anything?

Walavouchey avatar Sep 19 '22 08:09 Walavouchey

yes, it still looks poor and the subsections are not styled at all (this needs someone to experiment with the design and find something similar to https://github.com/ppy/osu-wiki/pull/5506#issuecomment-855259985 which didn't happen)

TicClick avatar Sep 19 '22 11:09 TicClick

the preview in the comment you linked looks exactly like how the main page looks now, so i'm not sure on what you mean there. but i agree that the uh... design of the main page is quite dull

Walavouchey avatar Sep 19 '22 13:09 Walavouchey

Two things that personally bother me:

  • some, but only some, group headers also function as a link to their index page. This should be either none or all imo
  • sometimes different groups of articles are seperated by a gap between the groups, while others will have a label (and sometimes both types are mixed) first image second image

Both of these things contribute to the visual mess and non uniformity, with varying length group introductions not helping. Like developers is barely over one line, while others like mapping feature a full paragraph

RockRoller01 avatar Sep 19 '22 16:09 RockRoller01