The official website for the open-source compatibility layer fpPS4
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

yes

+77 -3
+1 -1
public_html/compatibility/app.js
··· 144 144 }; 145 145 146 146 // Header Load 147 - fetch('https://fpps4.net/parts/navbar.html') 147 + fetch('https://fpps4.net/parts/navbar.html?v=1') 148 148 .then(response => response.text()) 149 149 .then(data => { 150 150 document.querySelector('#header').innerHTML = data;
+1 -1
public_html/compatibility/index.html
··· 63 63 <br> 64 64 </main> 65 65 <footer id="footer"></footer> 66 - <script defer src="app.js"></script> 66 + <script defer src="app.js?v=1"></script> 67 67 </body> 68 68 </html>
+29
public_html/parts/images/boosty.svg
··· 1 + <?xml version="1.0" encoding="utf-8"?> 2 + <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 3 + viewBox="0 0 715.8 317.4" style="enable-background:new 0 0 715.8 317.4;" xml:space="preserve"> 4 + <style type="text/css"> 5 + .st0{fill:#242B2C;} 6 + </style> 7 + <g> 8 + <path class="st0" d="M632.8,138.6l-23.1,35.9l-2.3-35.9h-19.3h-6h-7.9c3.1-10.5,5.5-19,5.5-19l1.3-4.2h-25.5l-1.2,4.2l-5.5,19 9 + h-21.7c-3.6,0-5.4,0-5.4,0c-22.3,0-34.8,6.4-40,18.4c-3-11-12.9-18.4-28.2-18.4c-13.2,0-24.9,4.9-33.6,12.7 10 + c-4.5-7.8-13.4-12.7-25.8-12.7c-14.2,0-26.5,5.7-35.5,14.4c-4.1-8.7-13.4-14.4-26.7-14.4c-4.6,0-8.9,0.6-13,1.7l2-6.9 11 + c0-0.1,0.1-0.2,0.1-0.3l5.1-17.7h-25.4l-16.2,55.8c-0.4,1.1-0.8,2.2-1.1,3.4c-0.7,2.6-1.2,5.1-1.4,7.5 12 + c-2.1,15.6,4.7,27.3,23.6,28.1c1.7,0.2,3.5,0.3,5.5,0.3c13.4,0,25.9-5.7,35.1-14.4c3.9,8.7,13,14.4,27.1,14.4 13 + c12.5,0,24.3-4.9,33.2-12.7c4.3,7.8,13.1,12.7,26.2,12.7c28.4,0,49.6,0,63.6,0c19.7,0,30.8-3.9,36.6-12.3c0,8.1,4.6,12.3,16.2,12.3 14 + c9.4,0,22-2.1,39.3-6.3L563.3,240h25.4l69.5-101.4H632.8z M334.3,174.5c-2.4,8.2-10,14.8-17,14.8c-7,0-10.8-6.6-8.4-14.8 15 + c2.4-8.2,10-14.8,17-14.8C332.9,159.7,336.7,166.3,334.3,174.5z M396.4,174.5c-2.4,8.2-10,14.8-17,14.8s-10.8-6.6-8.4-14.8 16 + s10-14.8,17-14.8S398.8,166.3,396.4,174.5z M430.5,174.5c2.4-8.2,10-14.8,17-14.8s10.8,6.6,8.4,14.8c-2.3,8.1-9.8,14.6-16.7,14.8 17 + c-0.2,0-0.4,0-0.6,0C431.8,189.1,428.2,182.6,430.5,174.5z M512.2,186.7c-1.3,3-11.3,2.5-13.8,2.6c0,0-6.6,0-24.6,0 18 + c3.3-4.5,5.9-9.5,7.4-14.8c0.2-0.5,0.3-1.1,0.4-1.6c2.7,3.8,8.3,7.2,19.2,9.4C511.2,184.3,513.1,183.7,512.2,186.7z M537.3,178.6 19 + c-2.2-8.4-11.5-11.8-24.6-13.4c-5.5-0.7-8.6-0.9-7.9-3.3c0.5-1.8,3.3-2.2,9.2-2.2c3.7,0,8.1,0,13.2,0h15.6L537.3,178.6z 20 + M562.6,178.7c0-0.2,2.5-8.6,5.5-19h16.1l2.6,26.9C560.3,192.3,559.7,190.8,562.6,178.7z"/> 21 + </g> 22 + <g> 23 + <g> 24 + <path class="st0" d="M87.5,163.9L120.2,51h50.1l-10.1,35c-0.1,0.2-0.2,0.4-0.3,0.6L133.3,179h24.8c-10.4,25.9-18.5,46.2-24.3,60.9 25 + c-45.8-0.5-58.6-33.3-47.4-72.1 M133.9,240l60.4-86.9h-25.6l22.3-55.7c38.2,4,56.2,34.1,45.6,70.5C225.3,207,179.4,240,134.8,240 26 + C134.5,240,134.2,240,133.9,240z"/> 27 + </g> 28 + </g> 29 + </svg>
+12
public_html/parts/images/boostySmol.svg
··· 1 + <?xml version="1.0" encoding="utf-8"?> 2 + <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 3 + viewBox="0 0 235.6 292.2" style="enable-background:new 0 0 235.6 292.2;" xml:space="preserve"> 4 + <style type="text/css"> 5 + .st0{fill:#242B2C;} 6 + </style> 7 + <g> 8 + <path class="st0" d="M44.3,164.5L76.9,51.6H127l-10.1,35c-0.1,0.2-0.2,0.4-0.3,0.6L90,179.6h24.8c-10.4,25.9-18.5,46.2-24.3,60.9 9 + c-45.8-0.5-58.6-33.3-47.4-72.1 M90.7,240.6l60.4-86.9h-25.6l22.3-55.7c38.2,4,56.2,34.1,45.6,70.5 10 + c-11.3,39.1-57.1,72.1-101.7,72.1C91.3,240.6,91,240.6,90.7,240.6z"/> 11 + </g> 12 + </svg>
+34 -1
public_html/parts/navbar.html
··· 43 43 cursor: pointer; 44 44 border-radius: 0.5rem; 45 45 } 46 + 47 + .seperator { 48 + margin: 0 0.1rem 0 0.8rem; 49 + height: 2rem; 50 + border-right: 0.25rem solid var(--selected); 51 + border-radius: 0.25rem; 52 + } 53 + 54 + /* .boostyLogoSmol, 55 + .boostyLogo { 56 + width: 5.7rem; 57 + height: 2.5rem; 58 + border-radius: 0.5rem; 59 + } 60 + .boostyLogoSmol {display: none;} */ 61 + 46 62 .smolImage {height: 1.5rem; width: 1.5rem;} 47 63 .bigImage {height: 2.5rem; width: 2.5rem;} 48 64 .gh-logo, .dc-logo {padding: 0.38rem;} /* fix icon hover */ 49 65 .dc-logo {margin-right: 1.2vw;} 50 66 67 + /* @media screen and (max-width: 700px) { 68 + .boostyLogoSmol { 69 + display: block; 70 + width: 2rem; 71 + margin: 0 0.5rem 0 0.5rem; 72 + } 73 + 74 + .boostyLogo { 75 + display: none; 76 + } 77 + } */ 78 + 51 79 .lightMode .navbar-right, .lightMode .logo {filter: invert(0);} /* light mode */ 52 80 .lightMode .logo span {filter: invert(0);} /* light mode */ 53 - .menu-icon:hover, .gh-logo:hover, .dc-logo:hover, .lightModeButton:hover, .logo:hover {background-color: #00000014;}/* hover effect */ 81 + .menu-icon:hover, .gh-logo:hover, .dc-logo:hover, .lightModeButton:hover, .logo:hover, .boostyLogo:hover {background-color: #00000014;}/* hover effect */ 54 82 </style> 55 83 <a href="https://fpps4.net" class="logo"> 56 84 <span style="color: #fff53c; font-weight: 500;">fp</span><span style="font-weight: 500;">PS4</span> ··· 70 98 <img src="https://fpps4.net/parts/images/dark_mode.svg" id="darkModeIcon" style="opacity: 0;" class="bigImage" alt="Dark mode toggle"> 71 99 <img src="https://fpps4.net/parts/images/light_mode.svg" id="lightModeIcon" style="display: none;" class="bigImage" alt="Light mode toggle"> 72 100 </div> 101 + <!-- <div class="seperator"></div> 102 + <a href="https://boosty.to/fpps4" target="_blank"> 103 + <img src="https://fpps4.net/parts/images/boosty.svg" class="boostyLogo"> 104 + <img src="https://fpps4.net/parts/images/boostySmol.svg" class="boostyLogoSmol"> 105 + </a> --> 73 106 </div>