I'll be making a few more small tweaks to the site soon.
The current log in form is a bit messy, particularly on a phone. I do use the site from my phone sometimes. so I'll be changing the log in form to use a simple pop-up that is consistent on desktop and mobile. This gives a cleaner look and is generally more usable. Clicking the
Login link will open the form. Clicking anywhere outside the form (on the darkened background) will close it again, in case you opened it by mistake, or if you just need to get a new password sent to you.
Also note that the existing top/bottom links, currently at the left side of the screen, will be staying the same in windows that are wide enough to accommodate them there. However, they will be moving to the bottom left and right corners on narrower screens. This is a more practical location when screen width is restricted.
The existing site menu in the top bar is ok on desktop, but on a tablet or phone it's not so good. Even on desktop it's a bit of a nuisance. So, it will be getting changed to a basic slide-out sidebar, with all menu links displayed by default so you can see everything at a glance. The sidebar will be vertically scrollable, to allow all menu links to be accessed on a phone or a small desktop monitor.
Drop menus were trendy for a while but have mostly gone out of fashion, due to them not being as usable as people initially thought they might be. Most people find a basic slide-out sidebar is easier to use and less confusing.
On a wide screen the menu will always slide to just under the
Site menu toggle, so it will end up in a location you are already focused on. On narrower screens it will just sit on the left side. Clicking anywhere to the left or right of the menu (on the darkened background) will close it. You will also be able to use the
Site menu toggle in the top bar to close the menu, as well as to open it.
The website itself will be getting the same slide-out sidebar menu as the forum, again replacing its existing drop menu system.
Incidentally, this is still all done with CSS. No javascript is required.