Wow, this is beautiful! Thanks for doing this. I would almost use this daily, except that there are a few things I noticed that would be good to improve (just one person's opinion — hope these are received in the intended spirit):
- If the browser window is narrower than about 1024px, there are no margins around the body text and the text width slider has no effect.
- As the browser window becomes narrower, the body shrinks but the contents sidebar doesn't shrink.
- The measure feels a bit small to me. It looks like the body text width is limited to 660px — having a limit is good, but it feels tight, especially when there are embedded figures and infoboxes. You could try making the measure a bit larger, or perhaps letting the figures extend or sit outside the main column of text when the window is wide enough.
- When you turn off the sidebar by clicking the three-bar icon, the sidebar just leaves an empty space instead of providing more space for the body text.
- As the window becomes narrow enough, the search box becomes unusable.
- The page indicators like the "featured article" star, the protection icon, and the Spoken Wikipedia button are missing.
- The home page, talk page, history page, etc. don't respect the typography settings.
- The menu option "View history" is inconsistent with the other options; next to "Talk", "Edit", "Watch", simply "History" would work better.
- When you scroll down, the page title scrolls off the main body, but remains at the top of the table of contents. Somehow this feels backwards to me, and it's not immediately obvious that you have to click the title in the table of contents if you want to see the intro section. Perhaps the page title could be sticky, and the first section could appear as "Introduction" in the contents? Something like this? https://imgur.com/a/kqaNbWo — I'm not sure where to suggest that the page title should go; you might have to try a few options to find one that looks right.
Sorry that turned out to be a long list, but overall the page does look a lot nicer and easier to read and navigate. Hope these ideas are helpful!
Also it breaks IPA rendering for some reason. For example here [0] many of the diacritic marks (especially most of the less common ones) are off to the right.
- If the browser window is narrower than about 1024px, there are no margins around the body text and the text width slider has no effect.
- As the browser window becomes narrower, the body shrinks but the contents sidebar doesn't shrink.
- The measure feels a bit small to me. It looks like the body text width is limited to 660px — having a limit is good, but it feels tight, especially when there are embedded figures and infoboxes. You could try making the measure a bit larger, or perhaps letting the figures extend or sit outside the main column of text when the window is wide enough.
- When you turn off the sidebar by clicking the three-bar icon, the sidebar just leaves an empty space instead of providing more space for the body text.
- As the window becomes narrow enough, the search box becomes unusable.
- The page indicators like the "featured article" star, the protection icon, and the Spoken Wikipedia button are missing.
- The home page, talk page, history page, etc. don't respect the typography settings.
- The menu option "View history" is inconsistent with the other options; next to "Talk", "Edit", "Watch", simply "History" would work better.
- When you scroll down, the page title scrolls off the main body, but remains at the top of the table of contents. Somehow this feels backwards to me, and it's not immediately obvious that you have to click the title in the table of contents if you want to see the intro section. Perhaps the page title could be sticky, and the first section could appear as "Introduction" in the contents? Something like this? https://imgur.com/a/kqaNbWo — I'm not sure where to suggest that the page title should go; you might have to try a few options to find one that looks right.
Sorry that turned out to be a long list, but overall the page does look a lot nicer and easier to read and navigate. Hope these ideas are helpful!