the docs use docsify in an iframe, so getting the theme matched up is a little tricky, but is appparently possible.

Ideally when changing the theme on the main website, it should reflect there. This is simple on pageload, but needs some more handling for changing at run-time, imo I would just reload the iframe.

Kindly ask the user to consider whitelisting the website or whatever if they have the ads blocked.

If you search for 'SLES-53481' you simply get all results when it should return title '10,000 Bullets'. Searching by CRC works along with searching by title. Searching for '53481' works though so unsure if this is a bug of designed to only accept on the numerical portion and not region+number.

At present it uses pcsx2-logo.svg which is just a white silhouette, understand this might be a design choice however considering all other logos use the colored version (Footer and header) I'd prefer to change this to that version. Also makes it easier to identify when the display changes.

Very minor issue obviously, change is very simple change to use pcsx2-logo.webp.

For us, 99% of games are playable -- the compatibility page is pretty redundant.

What would be better is if there was a compatibility api, like we have a release API that can show things like:

• known issues (links to github issues)
  • previously solved issues (and what version solved them)
• rough hardware requirements maybe
• number of reports, how popular the games are, etc

Looks like we may have some sort of 404 redirect going on? Locally you get a rough 404 response page that is not customized yet, in prod it redirects to the home page.

Has already caused confusion, currently kinda ugly -- it needs some additional styling around it // likely use a toggle button of some sort. Cloudflare's is a nice clean reference to try to mimic.

Right now the partials I created for displaying ads are a bit heavy handed / clunky. They likely will not look good in the midst of a blog, which would be a nice thing to have for long-format posts like progress reports.

User on the forum requested we support RSS on new site. Vaser can do although lower priority especially as we're still moving over the news articles.

Hugo documentation: https://gohugo.io/templates/rss/

By not doing this we remove the ability to a user to navigate to another page without scrolling to the top of the page, this is a significantly worse user experience.

On mobile this prevents being able to open the drop-down menu to navigate elsewhere as this resides in the top bar as well.

Was looking at image sizes and if we can move them to WEBP (Can see most are PNG now and much better size) and found the image path https://pcsx2-net-www.pages.dev/PCSX2.github.io/img/poor-perf-splash.png. I don't see this path on my local Git copy of the repo though and loading it just loads the homepage.

Loading https://pcsx2-net-www.pages.dev/img/poor-perf-splash.png works as expected and I don't see any other paths like this.

https://pcsx2.net/guides/basic-setup/ says "Burn the ISO to a DVD" to insert in your PS2.

But there seem to be at least 7 kinds of blank DVDs: DVD-R, DVD+R DVD-RW, DVD+RW, DVD+R DL, DVD-RW, and DVD+RW, and then the different 4X, 8X, 16X speeds. Which ones work with a PlayStation 2? Which is best? If I buy a faster DVD-R and burn at a slower speed, is that as good as using "slower" DVD media?

The Internet coughs up many conflicting answers (showing that many people have this question over the decades), e.g. "Also 8X DVD-R will probably work best for you. Do not use DVD+RW or DVD-RW, they will not work on most PS2's", but then someone else wrote "stick with DVD+R... taiyo yuden dvd-r or +r depending which one your ps2 plays nicer with", but Taiyo Yuden is not available.

Thanks!

One of the testers (dio) reported that as he needs to use software rendering that he sees very high CPU usage.

We don't want to allow direct commits to main as it circumvents the CI process.

These could possibly be moved onto Next Cloud.

https://discourse.gohugo.io/t/how-to-set-open-graph-image-for-a-specific-page/6700/2

On articles, it will append the same feature image used for that article as the preview image. But for normal pages (like the homepage) it does not. Just a minor tweak that would probably be nice.

Example:

i did all of the 2021 progress reports, we'll want to slowly migrate legacy articles that we want. They are created with aliases so old links will not become dead.

there is a script to convert it into the modern format https://github.com/PCSX2/pcsx2-net-www/blob/main/scripts/coerce-compat-data.py

this should run once a week or so to ensure the website is serving up to date content.

it's stored here https://github.com/PCSX2/pcsx2-net-www/blob/main/static/compat/data.json

13xforever mentioned that you can add ?dev=true to the site to stop the animation. Trivial issue however raising it here in case it has any implications. Relevant code.

`let guiEnabled = params.get('dev') == "true";

var gui;
if (guiEnabled) {
gui = new dat.GUI({ autoPlace: false });
gui.domElement.id = 'splash-screen-gui';
}`

Atleast for things like the menus and such, hugo has good support for this kind of thing -- but we could even extend it to the articles themselves if desired.

Something I meant to raise before however I think it's weird we have 2 sets of links, if we could move them to the top of the page we can use them next to the text.

We also need to change the icons to color otherwise we're violating the branding guidelines. Added benefit of making the page a bit more colorful and the social links more obvious in comparison to our internal pages. Having said that I looked a bit deeper and most of them don't like resizing which we'll have to do.

On mobile I'd suggest we do the same thing and just add the colored icons next to the menu item.

Youtube - https://kstatic.googleusercontent.com/files/10450be01c1b184ffd2f49ede02f92c666f53fdf1b1cb6fa479f5e9d41cceb905e928c7be4f5593ff9edd0213a6cb096792e66ae17270b01e2cb909ee23a2955
Github - https://github-media-downloads.s3.amazonaws.com/GitHub-Mark.zip
Discord - https://discord.com/assets/2d20a45d79110dc5bf947137e9d99b66.svg
Twitter - https://about.twitter.com/content/dam/about-twitter/en/brand-toolkit/downloads/twitter-logo-01282021.zip

Also we can add our internal tools as well to make it consistent maybe.

Mediawiki - https://commons.wikimedia.org/wiki/Category:MediaWiki_logo_(2020)
Mybb - See below

If you are viewing the Q4 progress report, perhaps suggest the previous progress report or something? That's the general idea, im sure hugo has capabilities for this as well.

https://pcsx2.net/data/data2.csv needs to be accessible outside of the pcsx2.net domain. So the repo can be kept in-sync.

I think i messed up some javascript imports when doing that cleanup

right now there is two taxonomies - devblogs and progress reports

it would be nice to be able to filter by author, maybe add other relevant tags. But we most likely don't want a million tags to clutter up filtering.

Suggested by multiple staff that they'd like to have this back.

• On homepage 'atleast ' should be 'at least'
• On Downloads 'the releases type you are looking for' should be 'the release type you are looking for'
• On Downloads 'under-go' should be 'undergo'
• On Downloads 'this provides an at a glance view' should be 'this provides 'an at-a-glance view'
• On Downloads 'bleeding edge should be 'bleeding-edge'
• On Downloads 'Unless you require bleeding edge features or fixes for a particular game' should have a comma at the end

https://css-tricks.com/the-fastest-google-fonts/

https://fonts.google.com/knowledge/using_type/using_web_fonts

RedDevilus has suggested using article numbering and possibly adding the date into the URL (Dolphin does both of these).

Creating this issue on his behalf as this project is still private.

There is an issue with the latest Linux artifacts (GitHub fault)

Perhaps a good idea to give an older artifact that is available as release?

It's uncommon to happen but a good idea in case something fails.

There is no need to load all images immediately on page load. This can be remedied by lazy loading them
https://www.adamwills.io/blog/responsive-images-hugo/

When you land on the homepage you are presented with 2 sets of buttons, those in the top menu and those in front of the PS2 background image, neither are a fixed menu as such they both scroll off screen.

I would suggest we remove the buttons from the background and maybe style them in the top menu instead (Although this maybe more difficult on mobile with space constraints.

At present this links to the page you're already on, this is pointless and generally accepted UX is that you would use that link to go back to the site landing page.

Sticky back to top button like a small arrow pointing up will be pretty useful on all pages, i think it's a very nice addition

Switching from light to dark theme works however it does not save the value and instead defaults back to light theme on the next page.

Similar to GitHub:

At present they don't link anywhere, links are within data.json, some of the forum links will be blank even when there are forum threads for them which is a known issue. Setting as a blocker as this a feature on the current site and is a major part of the compatibility list.

this will be needed for advertisements, if the user rejects it, we serve non-personalized ads.

https://ogp.me/

I've solved this in other places, though that was all with pure javascript....not sure exactly how to fix this yet but it's annoying:

header is under the navbar (i clicked on option 1 not option 2)

Has wide adoption (https://caniuse.com/webp) and significantly reduces image size. We should also ensure that the process for adding news articles includes instructions to only use webp. Something like https://www.freeconvert.com/jpg-to-webp can be used to convert the images unless there is a way we can do this via a Github action?

One user mentioned the BIOS dumper is not on the site anymore. I think there was some discussion on the tools previously however it was a long while back.

Suggest we talk about what we want to host (e.g Our tools online?) and if we don't want to host to maybe add a menu for 3rd party tool tools.

we may need to add a section about how the backend api for releases has logs and anonymous (IP) usage telemetry as well.

At present we have them at the bottom of the page in addition to being under the 'Links' menu. From a desktop experience perspective this makes no sense and we should simply move these icons to the top of the page as they'll scroll with the content.

From the mobile perspective there is more limited screen real estate however if we drop the 'PCSX2' in the top left we should have enough space for all the icons at the top which avoids the awkward user experience of expanding a menu that duplicates another section of the page.

I understand there might be reservations to removing the name however it's on the landing page and in the URL bar so I don't see this as being as much of an issue.

The links menu is even more awkward on menu as the top menu is a drop-down and links is a drop-down within a drop-down which is not great.

• cypress-io for testing functionality
• some sort of linter for checking things like image formats (we are preferring webp)