I couldn't find a common factor in this earlier issue, but looking back on it, I suspect it was because those users were using a touch-pad and were accidentally clicking on part of the pop-over that was not a link.
Here is an image showing how the main page was:
The new releases section is now also limited to the 6 most recent new releases. A release is considered new if it was released in the last 7 days.
The links below the new releases link to existing pages (that were underused before) that allow readers to view the chapters of each project. Because they weren't very popular pages, I wasn't very concerned with a certain bug with them. The bug in question involves the thumbnails for each chapter. The thumbnail is created from the nth page of a project - originally this meant the nth image in a folder. However, because of the "image encryption" these thumbnails were not displaying correctly. Here is an image to demonstrate the issue:
Fortunately, these can be distinguished by their different file names. Both begin with "fkm_" and the split version ends in "_a" or b, c, or d. So, fixing the bug wasn't too difficult. The biggest difficulty of this entire overhaul was the CSS. Eventually I just started putting things in divs (in another div) and using flexbox.
I was also tasked with creating a page that would show a read-only copy of our google-sheets spreadsheet that showed our progress for each of our projects. Luckily, there is a feature in google docs to do just this. Occasionally, it stops working and I'm not sure why, but it seems to be working consistently now.
Anyway, what's the point of this post? I learned something I want to share.
Each page had code in it that was shared between other pages. The navbar for example, some JS, etc. So why would you write it twice in multiple files? Write it once, and include that file where you need it!
Interestingly, the included file is treated as HTML, not PHP, so if you want to include some PHP, you would need PHP tags around it.
I ended up writing 6 files to be included and used 20 includes in my PHP web-page files. I love reducing my file sizes!
Here are some screenshots of the new pages:
There is another issue, some... specific chapters do not have that many files in the folder that contains the images.
. // Current directory [0] .. // Parent directory [1] 000_credits.png // [2] LR_CH050_P000.png // [3] <- Normally displays this image
. // [0] .. // [1] fkm_000_credits_a.png // [2] fkm_000_credits_b.png // [3] <- Finds this image, recognises it's split, finds other components and displays all