My attempt to refresh the phpMyAdmin website

[robinheidrich]

I had the motivation to refresh the phpMyAdmin website a bit, i.e. update Bootstrap, add darkmode and improve the design a bit. Not a complete redesign, but just nice little changes.

These are some of the things I've done so far:

• Updated Bootstrap from 5.2.3 to 5.3.3, which introduces color modes. This means darkmode works, it automatically selects the system's preferred theme, and you can change it yourself.
• Font Awesome has been removed, Bootstrap Icons SVGs are used instead.
• Most titles (on hovering elements) have been removed, the only remaining ones are the download buttons, which have been replaced by tooltips.
• The Google Analytics code was outdated, I updated it to use gtag. (Should not require any changes on your part)
• The "verify-v1" meta tag has been removed as it is deprecated. Must be replaced with "google-site-verification", you would probably have to get a new code for it.
• Other meta tags or links removed because they are not standard: "image_src", "vcs-git", "vcs-browse", "copyright", "robots" (is already "index, follow" by default) - were any of these necessary?
• jQuery has been removed.

What I want to do before the PR comes:

• I have removed Colorbox (jQuery plugin) and still need to find an alternative.
• Every table needs to be adjusted to be responsive.
• Improve some pages.

What I would suggest:

• The book recommendations are for old versions that are no longer supported. Can they be removed or are they still relevant?
• A new favicon, the current one looks outdated and fuzzy.
• The phpMyAdmin logo as SVG instead of PNG. I couldn't find an SVG, only the huge one from Wikipedia.
• Remove the alt texts from the sponsor images unless it serves some purpose?

Finally, some screenshots:

Home page

Current:

Download modal

Current:

Footer

I have seen that the current website should have an email icon in the footer, but it is not displayed due to missing CSS. So "Contact" just sends an email to "developers@phpmyadmin.net". The footer is always placed at the bottom.

Current: (I know, Twitter was better)

I look forward to your feedback and hope that you would like such a PR, at least I think that the phpMyAdmin website definitely needs a darkmode.

[williamdes]

Hi @robinheidrich
Would you mind opening PRs for your work ?

[robinheidrich]

@williamdes Sorry for the late reply. I have it on my old computer, but will try to do a PR soon.

But it's pretty messed up I think, I went straight to it and didn't do any commits. If it would be better, I can also do PRs with the individual changes.