The official website for the open-source compatibility layer fpPS4
fixed some "teleporation" when (re)loading the page + code cleanup
+35
-33
+31
-3
public_html/compatibility/index.html
+31
-3
public_html/compatibility/index.html
···
24
24
.progressBarInfo {opacity: 0;}
25
25
</style>
26
26
<body>
27
-
<header id="header"></header>
27
+
<header id="header">
28
+
<style>
29
+
header {
30
+
position: fixed;
31
+
height: 3rem;
32
+
}
33
+
</style>
34
+
</header>
28
35
<main class="main">
29
36
<h1 class="mainText">Game Compatibility List</h1>
30
37
<h3 class="smolMainText">These are the games that have been tested with <span style="color: #f0e74a;">fp</span>PS4.<br>Click on an image to view the game's GitHub issue.<br>The database is updated every 20 minutes.</h3>
···
42
49
<div class="searchBarContainer">
43
50
<input autocomplete="off" type="text" name="fpps4" class="searchBar" id="search" placeholder="Search TITLE / CUSA">
44
51
<input autocomplete="off" type="number" min="1" placeholder="1/1" name="fpps4" class="pageSelector" id="search2">
45
-
<!-- chrome, stop thinking that an text and number field is used to input passwords... please-->
46
52
</div>
47
53
48
54
<div class="optionButtons">
···
58
64
<div class="gameContainer skeletonAnimation"></div>
59
65
<div class="gameContainer skeletonAnimation"></div>
60
66
<div class="gameContainer skeletonAnimation"></div>
67
+
<div class="gameContainer skeletonAnimation"></div>
68
+
<div class="gameContainer skeletonAnimation"></div>
69
+
<div class="gameContainer skeletonAnimation"></div>
70
+
<div class="gameContainer skeletonAnimation"></div>
71
+
<div class="gameContainer skeletonAnimation"></div>
72
+
<div class="gameContainer skeletonAnimation"></div>
73
+
<div class="gameContainer skeletonAnimation"></div>
74
+
<div class="gameContainer skeletonAnimation"></div>
75
+
<div class="gameContainer skeletonAnimation"></div>
76
+
<div class="gameContainer skeletonAnimation"></div>
77
+
<div class="gameContainer skeletonAnimation"></div>
78
+
<div class="gameContainer skeletonAnimation"></div>
79
+
<div class="gameContainer skeletonAnimation"></div>
80
+
<div class="gameContainer skeletonAnimation"></div>
81
+
<h4 class="totalTimeText">0 results in 0ms </h4>
61
82
</div>
62
83
<div class="pageBarContainer">
63
84
<img class="pageBarImage" id="pageBarBack" onclick="pageBarBack()" src="../images/arrow_back.svg" alt="">
···
69
90
<h5 style="text-align: center; font-size: 0.8rem;">Trademarks and logos displayed on this website are the property of their respective owners.<br> The use of any third-party trademarks, brand names, product names, and logos is for<br> informational purposes only and does not imply endorsement or sponsorship.</h5>
70
91
<br>
71
92
</main>
72
-
<footer id="footer"></footer>
93
+
<footer id="footer">
94
+
<style>
95
+
footer {
96
+
height: 3.65rem;
97
+
margin-top: 3rem;
98
+
}
99
+
</style>
100
+
</footer>
73
101
<script defer src="app.js"></script>
74
102
</body>
75
103
</html>