From 4d8e8a8f659e9d4e5847ec52183e769a1826a7ea Mon Sep 17 00:00:00 2001 From: MrSnowy Date: Sun, 13 Apr 2025 16:02:04 +0200 Subject: [PATCH] =?UTF-8?q?V25.4.13=20Added=20a=20CHANGELOG.md=20and=20a?= =?UTF-8?q?=20Boosty=20donation=20button=20for=20red-prig=20=E2=9D=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public_html/CHANGELOG.md | 13 +++++++++++++ public_html/_parts/navbar.html | 27 +++++++++++++++++++-------- public_html/_parts/required.js | 16 +++++++++++++--- public_html/app.js | 2 +- public_html/compatibility/app.js | 4 ---- public_html/compatibility/index.html | 14 +++++++------- public_html/compatibility/styles.css | 15 +++++++++++---- public_html/index.html | 2 +- 8 files changed, 65 insertions(+), 28 deletions(-) create mode 100644 public_html/CHANGELOG.md diff --git a/public_html/CHANGELOG.md b/public_html/CHANGELOG.md new file mode 100644 index 0000000..55a8d28 --- /dev/null +++ b/public_html/CHANGELOG.md @@ -0,0 +1,13 @@ +# Changelog + +All notable changes to this project will be documented in this file. + +The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres to [Calendar Versioning](https://calver.org/): `YY.0M.0D`. + +## 25.04.13 +- Added a [changelog](https://fpps4.net/CHANGELOG.md) with Calender Versioning: `YY.0M.0D` +- Added a boosty donation button on the header of the compatibility list +- Made the winter themed snow only appear on December and January +- Made the background of the compatibility list on white mode a bit blueish + - This makes the snow visible on white mode, and it also looks pretty good :3 +- Misc small cleanups to code \ No newline at end of file diff --git a/public_html/_parts/navbar.html b/public_html/_parts/navbar.html index 1a4df09..fc169c7 100644 --- a/public_html/_parts/navbar.html +++ b/public_html/_parts/navbar.html @@ -38,41 +38,52 @@ filter: invert(1); } - .gh-logo, .dc-logo, .menu-icon, .lightModeButton, .logo { + .boosty-logo, .gh-logo, .dc-logo, .menu-icon, .lightModeButton, .logo { cursor: pointer; border-radius: 0.5rem; } - /*.seperator {*/ - /* margin: 0 0.1rem 0 0.8rem;*/ - /* height: 2rem;*/ - /* border-right: 0.25rem solid var(--selected);*/ - /* border-radius: 0.25rem;*/ - /*}*/ + .seperator { + margin: 0 0.1rem 0 0.8rem; + height: 2rem; + border-right: 0.25rem solid var(--selected); + border-radius: 0.25rem; + } .smolImage {height: 1.5rem; width: 1.5rem;} .bigImage {height: 2.5rem; width: 2.5rem;} + .boosty-image { + height: 2.8rem; + } .gh-logo, .dc-logo {padding: 0.38rem;} .dc-logo {margin-right: 1.2vw;} .lightMode .navbar-right, .lightMode .logo {filter: invert(0);} .lightMode .logo span {filter: invert(0);} - .menu-icon:hover, .gh-logo:hover, .dc-logo:hover, .lightModeButton:hover, .logo:hover {background-color: #00000014;}/* hover effect */ + .menu-icon:hover, .gh-logo:hover, .dc-logo:hover, .lightModeButton:hover, .logo:hover, .boosty-logo:hover {background-color: #00000014;}/* hover effect */
+ + +
+ + +
Dark mode toggle diff --git a/public_html/_parts/required.js b/public_html/_parts/required.js index 07aaff0..6910996 100644 --- a/public_html/_parts/required.js +++ b/public_html/_parts/required.js @@ -129,7 +129,7 @@ function snow() { // snowContainer.outerHTML = snowContainerHTML; function insert_snow(snow_size) { - let random_size = Math.floor(Math.random() * (snow_size - 2) + 2); + let random_size = Math.floor(Math.random() * (snow_size - 2) + 2); const snowHTML = ` @@ -150,7 +150,7 @@ function snow() { insert_snow(snow_size); } - for (let snow of snowContainer.children) { + for (let snow of snowContainer.children) { let random_acceleration = Math.floor(Math.random() * (18 - 8) + 8); let random_pos_acceleration = (Math.random() * (2 - 0.3) + 0.3); let id = 0; @@ -194,6 +194,16 @@ async function init() { await fetchHtml("/_parts/navbar.html", "#header"); await fetchHtml("/_parts/footer.html", "#footer"); adjustScreenSize(); - snow(); + + addSnow() + LightModeIconChange(); +} + +function addSnow() { + // Only show the snow if its around winter time (december and january) + let current_month = new Date().getMonth(); + if (current_month === 11 || current_month === 0) { + snow(); + } } \ No newline at end of file diff --git a/public_html/app.js b/public_html/app.js index 98b06de..eddb339 100755 --- a/public_html/app.js +++ b/public_html/app.js @@ -15,5 +15,5 @@ function scrollToElement(event, learnmore) { } document.addEventListener('DOMContentLoaded', function () { - snow(); + addSnow() }); \ No newline at end of file diff --git a/public_html/compatibility/app.js b/public_html/compatibility/app.js index 735d979..a31066b 100755 --- a/public_html/compatibility/app.js +++ b/public_html/compatibility/app.js @@ -199,10 +199,6 @@ function gameCardHandler(jsonData) { let imageSource = ""; let imageText = "GAME"; let imageTextSize = 1.25; - - if (issue.title === "Sonic Time Twisted") { - console.log(issue.issue_type) - } switch(true) { case issue.image && imageLoading && avifSupport && issue.issue_type === "Homebrew": diff --git a/public_html/compatibility/index.html b/public_html/compatibility/index.html index c39f587..f27c451 100755 --- a/public_html/compatibility/index.html +++ b/public_html/compatibility/index.html @@ -30,8 +30,8 @@ @@ -39,14 +39,14 @@

Game Compatibility List

These are the games that have been tested with fpPS4.
Click on an image to view the game's GitHub issue.
The database is updated every 10 minutes.

-
Playable
+
Playable
-
Menus
-
Ingame
+
Menus
+
Ingame
-
Nothing
-
Boots
+
Nothing
+
Boots
diff --git a/public_html/compatibility/styles.css b/public_html/compatibility/styles.css index 83e6103..21237cd 100755 --- a/public_html/compatibility/styles.css +++ b/public_html/compatibility/styles.css @@ -28,14 +28,13 @@ --text: #2E3440; --border: #b2b8c770; --solidBorder: #b2b8c7; - --background: #ECEFF4; + --background: #919ca9; --main0: #E5E9F0; --main1: #D8DEE9; --hover: #c6ccd9; --selected: #b0b7c7; } .lightMode .lightmodeText{color: #eceff4} - /* .lightmode ::selection{background-color: #3864d4} ::selection { background-color: yellow; @@ -193,10 +192,18 @@ input[type="number"]::-webkit-outer-spin-button { } .searchBar:focus, -.pageSelector:focus {outline: none; background: var(--hover); transition: background 0.1s ease-in-out;} +.pageSelector:focus { + outline: none; + background: var(--hover); + transition: background 0.1s ease-in-out; + border-color: var(--hover); +} .searchBar::placeholder {color: #8C8C8C; font-weight: 500;} .pageSelector::placeholder {color: var(--text);} -.searchBar:hover, .pageSelector:hover {background-color: var(--hover);} +.searchBar:hover, .pageSelector:hover { + background-color: var(--hover); + border-color: var(--hover); +} .optionButtons { display: flex; diff --git a/public_html/index.html b/public_html/index.html index 879a2a2..dbe9f86 100755 --- a/public_html/index.html +++ b/public_html/index.html @@ -35,7 +35,7 @@ - +

Work In Progress

-- 2.51.2