If anyone want to help testing the anchor linking and ensuring that the refactoring is correct: the modified site is here. Let me know how it goes. It would be nice to test against many browsers and devices of different screen sizes.
I clicked Community on the tmp site, which got me "sorawee.github.io/tmp/#community." When I typed that in my phone's browser, it loaded the mobile site but did not jump to Community. (It did on my computer, though.)
I guess we should remove the Mailing lists from the Community section if we already discourage their use. The only reason I can think of for mentioning the mailing lists would be to link to the archives. In that case, https://lists.racket-lang.org/ should be adapted.
How do I get a link, e.g. for the Community section? When I click on "Community", the URL still reads Racket . I guess an anchor should appear in the browser address line?
Ha ha, it is the case when I switch on JavaScript. I just didn't think about needing JavaScript enabled for the URL anchor to appear. It would be nice if it would be possible to make this work without JavaScript, but if it's too difficult, the current state is at least an improvement.
I mean, the current homepage uses JS for tab switching, so if you don't use JS, you can't switch the tab at all!
The new homepage already improves this by using CSS to implement tabs, so now you can switch tabs even if JS is disabled. But yes, you do need to enable JS to get anchors working, as it involves actions that can't be done purely in CSS.
Hmm. I have JS enabled, and clicking on tabs changes the content below -- but the URL in the address bar does not update to append an anchor.
For example clicking on Community, the content below changes, but the URL in the address bar does not change from https://sorawee.github.io/tmp/ (does not become e.g. https://sorawee.github.io/tmp/#community).
I tried disabling uBlock Origin; no difference.
I tried disabling Firefox's own tracker defeating (which anyway was only on at the lowest, usually harmless setting, and hovering over the "shield" reported "no trackers detected"); no difference.
The upcoming PR will focus on HTML5 compliance and responsive web design.
The current homepage supports the PC full screen size and the smallest mobile screen size in the portrait mode, but not anything else (tablet screen size, PC screen with resized window, mobile screen in the landscape mode).
The responsive web design in the PR makes the page readable in all these different settings. The PR will also fix various spacing issues.
Left is my proposal. Right is the current homepage.
This looks like a great improvement overall, thank you!
One minor thing: I think the spacing in the first screenshot is better in the original. That is, there is a bit more space around the logo and that seems beneficial. That said, there should be more space below the logo, as well as above it, if that's possible. That said, if this isn't possible or is difficult somehow, nevermind it. I'm delighted how things are improving.
Oak, whiy does your re-design add comments (in orange) for the typed/racket code fragment? — Overall I like your effort and I am grateful that you’re taking on this task. Thanks!!! — Matthias
What do you mean by "add"? The comment was there before, but it's very long for the mobile view to fit within the page. So I fixed it by breaking the comment up into two lines, making it fit the page. I also made similar breaks elsewhere.
If you don't like the break, another possibility is to reduce the font size and/or adjusting the typographic alignment of these codes in the mobile view.
For example, with the centering alignment, the first code wouldn't need to be broken into two lines:
Or are you talking about adding the orange color? I think the code is slightly difficult to read because of the minimal syntax highlighting (with doc linking being the only source of color), so I tried to make it look like what the Racket doc would render, which is more readable IMO.
