miscellaneous cleanup

This commit is contained in:
Tyler Wilding
2022-01-19 02:32:59 -05:00
parent f6ad95d0e1
commit 7dd9775f9d
28 changed files with 725 additions and 105 deletions

0
.nojekyll Normal file
View File

View File

@@ -1,6 +1,6 @@
MIT License
Copyright (c) 2022 PCSX2 Team
Copyright (c) 2021 PCSX2
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal

View File

@@ -1,2 +1,5 @@
# pcsx2-net-www
PCSX2 website contents
# PCSX2.github.io
Main hosting repository for PCSX2's github pages related stuff.
Currently that is limited to just a quick page that provides release download links.

24
TODO Normal file
View File

@@ -0,0 +1,24 @@
Future issues
- lazy load images
- https://www.adamwills.io/blog/responsive-images-hugo/
- duplicate compatibility data into a directory i can access once pcsx2.net is taken up
- make an action to pull this down periodically
- GDPR cookie stuff?
- opengraph tags
- better themeing on docs page
- tie it in with main theme
- https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
- auto theme detection
- actually add ads, probably don't want full page-width
- compat API integration (make compat rows expandable for the extra info)
- track active issues / link to them from the compat page
- FLAT icon for favicon would be better, dont skew it 45degs
- translations
- migrate the rest of the articles
- pagination will look bad
- more taxonomy support (authors as tags for example / further nesting (categories AND tags))
- related articles on article pages
- docs
- disable pcsx2's repos and use the new sites -- this means PRs are needed and edits can't be done blind by any contributor
- use kojin's styleguide?
- add instructions for setting up VS clang formatting - a pass on the docs in general

0
docs/.nojekyll Normal file
View File

326
docs/css/style.css Normal file
View File

@@ -0,0 +1,326 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400&display=swap');
:root {
/* dark-theme */
--text-color: #F4F1F3;
--text-color-dimmed: #797979;
--text-color-muted: #424242;
--text-color-alternate: #000000;
--accent-color: #ff4761;;
--accent-color-muted: #2f080e;
--primary-color: #03a9f4;
--primary-color-bg: #0d242f;
--secondary-color: green;
--background-color: #191919;
--half-background-color: #0c0c0c;
--half-background-color-brighter: #2b2b2b;
--controller-triangle: #00d4ca;
--controller-circle: #ff5653;
--controller-cross: #8dbbf2;
--controller-square: #f887d6;
/* compat colors */
--compat-perfect: #cc33ff;
--compat-playable: #9acd32;
--compat-ingame: #2d98d6;
--compat-menus: #e4e21f;
--compat-intro: #f6ad20;
--compat-nothing: #ff0000;
}
/* Sizing / Spacing */
.vh-50 {
height: 50vh;
}
.flex-gap * {
margin: 0.5rem;
}
/* General Classes */
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: 'Roboto', sans-serif;
}
#content {
padding: 0;
}
.colored-spacer {
background-color: var(--half-background-color);
}
.page-header {
font-weight: 700;
}
.btn > i {
margin: 0;
margin-right: 0.5em;
}
.no-horizontal-margins {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0;
}
.btn-color-triangle {
background-color: var(--controller-triangle);
color: var(--text-color-alternate);
}
.btn-color-circle {
background-color: var(--controller-circle);
color: var(--text-color-alternate);
}
.btn-color-cross {
background-color: var(--controller-cross);
color: var(--text-color-alternate);
}
.btn-color-square {
background-color: var(--controller-square);
color: var(--text-color-alternate);
}
.ad {
background-color: var(--half-background-color);
color: var(--text-color-muted);
}
.footer {
background-color: var(--primary-color-bg);
border-top-color: var(--primary-color);
border-top-width: 2px;
border-top-style: solid;
margin-top: 10em;
color: var(--text-color-dimmed);
}
.btn {
display: flex;
align-items: center;
}
.btn-primary {
color: var(--text-color-alternate);
background-color: var(--primary-color);
}
.btn.disabled, .btn:disabled {
color: var(--text-color);
background-color: var(--primary-color-bg);
}
.loading-logo {
filter: invert(99%) sepia(91%) saturate(0%) hue-rotate(116deg) brightness(106%) contrast(100%);
width: 50px;
animation: pulse 1s infinite alternate;
animation-timing-function: ease-in-out;
}
@keyframes pulse {
0% {
opacity: 1.0;
}
100% {
opacity: 0.0;
}
}
a {
color: var(--primary-color);
}
a.disabled {
pointer-events: none;
cursor: default;
}
a.disabled > i {
color: var(--primary-color-bg);
}
a:hover {
color: var(--accent-color);
}
.dropdown-menu {
background-color: var(--half-background-color-brighter);
}
.dropdown-item {
color: var(--text-color);
}
thead {
color: var(--text-color);
}
tr, .table-striped > tbody > tr:nth-of-type(2n) {
color: var(--text-color);
}
tbody > tr:nth-of-type(2n) {
background-color: var(--half-background-color);
}
td > a {
font-weight: 700;
display: inline-block;
}
td > ul {
padding-left: 1rem;
}
td {
font-weight: 400;
vertical-align: middle;
}
td > ul {
margin: 0;
}
.btn-pagination {
padding-left: 1em;
padding-right: 1em;
line-height: 1em;
font-size: 0.9rem;
color: var(--text-color-alternate);
background-color: var(--primary-color);
}
.btn-pagination:hover {
color: var(--text-color);
}
.btn-pagination.active {
background-color: var(--accent-color);
}
/* Releases Page */
@media (max-width: 575.98px) {
div > .artifact-button:not(:first-child) {
margin-top: 2em;
}
.pagination-container {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
}
.artifact-dropdown {
text-transform: unset;
font-size: 1em;
}
.release-type-title {
font-weight: 700;
}
.version-text {
color: var(--accent-color);
}
.release-tag {
font-weight: 700;
}
.release-row {
padding: 0.5em;
padding-right: 0;
border-radius: 0.5em;
border-color: var(--primary-color);
border-style: solid;
border-width: 2px;
margin-bottom: 1em;
background-color: var(--half-background-color);
}
.release-row-details {
padding-left: 0.25em;
padding-right: 0.25em;
}
.release-notes {
display: none;
}
.release-date {
color: var(--text-color-muted);
font-style: italic;
}
.release-notes-toggle-container {
padding-right: 0;
}
.release-notes-toggle {
font-style: italic;
color: var(--text-color-muted);
transition: color .15s ease-in-out;
}
.release-notes-toggle:hover {
color: var(--accent-color);
transition: color .15s ease-in-out;
}
.release-artifacts {
padding-right: 0;
}
.release-artifact-icon {
margin-right: 0.25em;
font-size: 1.5em;
color: var(--primary-color);
transition: color .15s ease-in-out;
}
.release-artifact-icon:hover {
color: var(--accent-color);
transition: color .15s ease-in-out;
}
details > div {
margin-top: 0.5em;
}
.release-no-previous-text {
text-align: center;
}
.pr-additions {
color: #3fb950;
}
.pr-deletions {
color: #f85149;
}
.skeleton-container {
background-color: var(--background-color);
border: unset;
margin: unset;
max-width: unset;
}
.skeleton {
background-color: var(--background-color);
}
.btn > .spinner-border {
width: 1em;
height: 1em;
margin-left: 1em;
margin-right: 1em;
}

48
docs/css/thirdparty/mdb@3.6.0.min.css vendored Normal file

File diff suppressed because one or more lines are too long

109
docs/css/thirdparty/skeleton-loading.css vendored Normal file
View File

@@ -0,0 +1,109 @@
/*
Copyright (c) 2021 by Tirso Lecointere (https://codepen.io/tirsolecointere/pen/jRJKWa)
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.skeleton-img, .skeleton-avatar, .skeleton-footer, .skeleton-text, .skeleton-header {
-webkit-animation: skeleton 1s ease-in-out forwards infinite;
animation: skeleton 1s ease-in-out forwards infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
@-webkit-keyframes skeleton {
0% {
opacity: 0.2;
transform: translateY(6px) scale(0.98);
}
85%, 100% {
opacity: 1;
transform: translateY(0px) scale(1);
}
}
@keyframes skeleton {
0% {
opacity: 0.2;
transform: translateY(6px) scale(0.98);
}
85%, 100% {
opacity: 1;
transform: translateY(0px) scale(1);
}
}
.skeleton-container {
background-color: #15202B;
padding: 0.8rem 0.75rem;
margin: 0 auto;
width: 100%;
max-width: 500px;
border: 1px solid #38444d;
border-radius: 0.5rem;
overflow: hidden;
}
.skeleton-content {
/* margin-left: calc(48px + 10px); */
}
.skeleton-header {
transform-origin: bottom;
}
.skeleton-text {
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
.skeleton-footer {
display: flex;
margin-top: 1rem;
transform-origin: bottom;
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
.skeleton {
background-color: #15202B;
}
.skeleton-avatar {
width: 48px;
height: 48px;
background-color: #213243;
border-radius: 100%;
float: left;
}
.skeleton-line {
height: 0.7rem;
background-color: #213243;
border-radius: 3px;
margin-bottom: 0.3rem;
}
.skeleton-line.heading {
height: 1rem;
margin-bottom: 0.5rem;
}
.skeleton-img {
height: 250px;
background-color: #213243;
border-radius: 0.75rem;
margin-top: 1.5rem;
-webkit-animation-delay: 300ms;
animation-delay: 300ms;
}
.skeleton-button {
display: block;
width: 26px;
height: 26px;
background-color: #213243;
flex-shrink: 0;
}
.skeleton-button:not(:last-child) {
margin-right: 2rem;
}
.skeleton-button.rounded {
border-radius: 100%;
}

View File

@@ -244,13 +244,13 @@
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
<div class="skeleton-line" style="width: 25%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
<div class="skeleton-line" style="width: 25%"></div>
</div>
</td>
@@ -278,13 +278,13 @@
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
@@ -300,13 +300,7 @@
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>
@@ -316,6 +310,12 @@
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>
</tr>
</tbody>
@@ -394,12 +394,6 @@
<tr>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 75%"></div>
@@ -418,28 +412,6 @@
</div>
</td>
</tr>
<tr>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
@@ -464,13 +436,41 @@
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>
</tr>
<tr>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
@@ -514,46 +514,6 @@
<tr>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>
</tr>
<tr>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
@@ -572,6 +532,12 @@
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
@@ -582,6 +548,12 @@
<tr>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 75%"></div>
@@ -606,9 +578,37 @@
</div>
</td>
</tr>
<tr>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 25%"></div>
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 50%"></div>
</div>
</td>
<td>
<div class="skeleton-text">
<div class="skeleton-line" style="width: 75%"></div>
</div>
</td>

BIN
docs/img/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
docs/img/pcsx2-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

58
docs/img/pcsx2-logo.svg Normal file
View File

@@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
version="1.1"
id="svg9"
width="340.07657"
height="280.67072"
viewBox="0 0 340.07657 280.67071"
sodipodi:docname="pcsx2-vector.svg"
inkscape:version="1.1 (c68e22c387, 2021-05-23)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs13" />
<sodipodi:namedview
id="namedview11"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="5.3203123"
inkscape:cx="112.0235"
inkscape:cy="135.89428"
inkscape:window-width="3840"
inkscape:window-height="2054"
inkscape:window-x="2869"
inkscape:window-y="-11"
inkscape:window-maximized="1"
inkscape:current-layer="g15" />
<g
inkscape:groupmode="layer"
inkscape:label="Image"
id="g15"
transform="translate(0.12344728,-34.842334)">
<path
style="fill:#000000;stroke-width:1.33333"
d="m 261.83354,174.16528 c -17.96667,-13.13763 -33.26229,-24.80679 -33.99028,-25.93147 -0.90911,-1.40453 -0.79517,-2.89103 0.36381,-4.74688 1.26062,-2.01855 1.3165,-3.39507 0.22094,-5.44212 -0.80656,-1.50708 -1.15512,-3.55153 -0.77458,-4.54324 0.38934,-1.01459 -1.39634,-0.38595 -4.08338,1.43753 -6.39982,4.34303 -9.39902,4.09407 -17.16848,-1.42516 -7.19887,-5.11389 -8.80895,-8.9795 -7.57426,-18.18485 0.56428,-4.20705 1.90688,-6.25516 6.64627,-10.13873 5.46781,-4.48046 5.75044,-5.00465 3.56137,-6.605332 -1.30777,-0.95626 -3.66786,-1.73866 -5.24466,-1.73866 -1.59704,0 -12.66579,7.361122 -24.98946,16.618922 -12.1674,9.1404 -23.60673,16.99141 -25.42073,17.44671 -4.42129,1.10966 -6.22107,0.0269 -30.54578,-18.37535 -22.79111,-17.242112 -23.570326,-18.287312 -21.5239,-28.870554 1.18979,-6.153065 1.18979,-6.153065 28.52312,-24.569115 15.03333,-10.128828 29.82888,-19.903927 32.87899,-21.722443 6.73458,-4.015251 10.65621,-3.378288 17.20049,2.793752 4.22877,3.988255 4.58719,4.94621 4.58719,12.26059 0,7.934311 0,7.934311 -19.52495,21.053672 -17.75047,11.927034 -19.30261,13.281942 -17.07849,14.908254 3.77646,2.761423 5.05121,2.324945 16.88526,-5.781594 6.07832,-4.163766 16.61636,-11.363766 23.41786,-16 6.80149,-4.636233 13.75993,-8.429515 15.46321,-8.429515 1.70327,0 8.13841,3.185848 14.30032,7.079663 19.65532,12.420547 37.20345,23.836091 37.20345,24.201874 0,0.194971 0.59406,3.486936 1.32013,7.315484 0.90306,4.761852 0.87656,7.789812 -0.0839,9.584482 -1.08939,2.03554 -0.14516,1.71155 4.21327,-1.44567 3.08946,-2.23804 7.04354,-4.06916 8.78681,-4.06916 2.87607,0 61.29708,38.0432 67.56279,43.99624 1.75476,1.6672 2.58657,4.69627 2.8847,10.50469 0.41892,8.16195 0.41892,8.16195 -18.06522,25.49718 -16.12855,15.12602 -19.04496,17.32708 -22.88471,17.2713 -3.55075,-0.0516 -10.70896,-4.67674 -37.06723,-23.9505 z"
id="path3210" />
<path
style="fill:#000000;stroke-width:1.33333"
d="M 83.833539,238.23324 C 82.366873,237.63597 70.569814,227.49006 57.617852,215.68677 34.068831,194.22622 34.068831,194.22622 34.068831,184.7607 c 0,-9.46552 0,-9.46552 15.716785,-21.02326 8.644231,-6.35675 19.738991,-14.43878 24.655023,-17.96006 7.394002,-5.29621 8.661363,-6.73594 7.335643,-8.33333 -3.385787,-4.07963 -8.197252,-1.7786 -35.459127,16.95788 -20.070384,13.79392 -28.542284,18.88888 -31.408464,18.88888 -2.83039,0 -5.4794596,-1.55548 -9.4999894,-5.5782 -5.32105997,-5.32397 -5.57301997,-5.94225 -5.52823997,-13.56545 0.0362,-6.16832 0.64351,-8.552 2.66666997,-10.46726 1.44086,-1.36401 18.3678894,-13.05956 37.6156394,-25.99011 29.119823,-19.562572 35.797355,-23.510092 39.769078,-23.510092 4.082664,0 7.935821,2.45931 26.635031,17.000002 19.30352,15.01062 22.03706,17.61848 23.3591,22.28518 1.58414,5.59188 0.95052,13.1849 -1.32951,15.93216 -0.75136,0.90533 -11.54351,9.1018 -23.98256,18.21436 -12.439043,9.11257 -22.648663,16.8683 -22.688041,17.23497 -0.03937,0.36667 5.316101,5.37419 11.901064,11.12781 9.160987,8.00446 12.277567,11.60535 13.271027,15.33334 1.30308,4.88984 0.0496,14.25304 -2.16077,16.14077 -11.840686,10.11225 -16.681055,12.58591 -21.103651,10.78495 z"
id="path3208" />
<path
style="fill:#000000;stroke-width:1.33333"
d="m 201.01335,277.87899 c -6.1959,-4.77987 -50.3815,-43.13082 -52.15574,-45.26865 -1.02072,-1.22989 -1.42415,-4.87608 -1.09072,-9.85789 0.29102,-4.34835 0.57508,-8.65576 0.63122,-9.57204 0.0561,-0.91628 10.31118,-10.14387 22.78894,-20.50575 23.991,-19.92281 24.29845,-20.3826 15.94349,-23.84334 -4.94033,-2.04635 -4.33187,-2.4304 -34.41501,21.72161 -27.08535,21.74524 -27.96094,22.03953 -38.68051,13.00064 -5.50188,-4.63924 -6.73805,-6.52545 -7.46837,-11.39552 -0.61422,-4.09595 -0.2626,-7.02064 1.17928,-9.80893 1.25972,-2.43603 14.8263,-13.73314 35.07102,-29.20419 35.51598,-27.14135 37.24983,-28.3106 41.92894,-28.2752 3.45197,0.0261 51.31242,34.99137 54.8925,40.10264 1.30134,1.85792 2.19515,5.7524 2.19515,9.56461 0,7.59558 1.23975,6.20196 -25.67399,28.86047 -10.81264,9.10309 -19.65934,16.99976 -19.65934,17.54815 0,1.7973 8.1497,7.90077 10.54957,7.90077 1.28973,0 13.99371,-9.89333 28.23104,-21.9852 28.87039,-24.51981 29.40712,-24.76583 39.25316,-17.99157 8.27546,5.69368 9.96623,8.65357 9.96623,17.44713 0,7.54368 0,7.54368 -27,32.75731 -46.4544,43.38092 -44.57572,41.77233 -48.78656,41.77233 -2.1196,0 -5.58474,-1.33532 -7.7003,-2.96738 z"
id="path3206" />
<path
style="fill:#000000;stroke-width:1.33333"
d="m 134.21711,285.40491 c -18.17763,-16.55947 -33.86392,-31.24516 -34.858416,-32.63487 -1.34683,-1.88204 -1.46662,-3.50656 -0.46952,-6.36686 0.73627,-2.11206 0.8735,-4.5928 0.30495,-5.51273 -1.84866,-2.99119 0.16672,-6.63791 7.133816,-12.90829 9.09137,-8.18223 11.89448,-9.39667 15.78431,-6.83851 3.94925,2.59724 64.98648,56.35626 68.05462,59.93964 1.645,1.92126 2.33334,5.02316 2.33334,10.51504 0,7.78987 0,7.78987 -9.36758,15.8523 -5.91646,5.09214 -10.56448,8.06241 -12.61641,8.06241 -2.37125,0 -12.17663,-8.13301 -36.29911,-30.10813 z"
id="path2883" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

@@ -150,11 +150,11 @@
<div class="container d-flex flex-gap justify-content-center">
<div class="row">
<div class="col-6 col-md-auto no-horizontal-margins"><a role="button" class="btn bold controller triangle justify-content-center"
href="https://xtvaser.github.io/PCSX2.github.iodownloads"><i class="fas fa-download"></i>Download</a></div>
href="https://xtvaser.github.io/PCSX2.github.io/downloads"><i class="fas fa-download"></i>Download</a></div>
<div class="col-6 col-md-auto no-horizontal-margins"><a role="button" class="btn bold controller cross justify-content-center" target="blank"
href="https://discord.com/invite/TCz3t9k"><i class="fab fa-discord"></i>Discuss</a></div>
<div class="col-6 col-md-auto no-horizontal-margins"><a role="button" class="btn bold controller circle justify-content-center"
href="https://xtvaser.github.io/PCSX2.github.iodocs"><i class="fas fa-book"></i>Docs</a></div>
href="https://xtvaser.github.io/PCSX2.github.io/docs"><i class="fas fa-book"></i>Docs</a></div>
<div class="col-6 col-md-auto no-horizontal-margins"><a role="button" class="btn bold controller square justify-content-center" target="blank"
href="https://github.com/PCSX2/pcsx2"><i class="fab fa-github"></i>Contribute</a></div>
</div>

View File

@@ -5,7 +5,7 @@ function setTheme(themeName) {
if (themeName === "theme-light") {
$("#theme-button").html('<i class="far fa-moon theme-icon" title="Change to Dark Theme"></i>');
} else {
$("#theme-button").html('<i class="far fa-sun theme-icon" title="Change to Light Theme"></i>');
$("#theme-button").html('<i class="fas fa-sun theme-icon" title="Change to Light Theme"></i>');
}
}

1
docs/js/thirdparty/dot@1.1.3.min.js vendored Normal file
View File

@@ -0,0 +1 @@
!function(){"use strict";var u,d={name:"doT",version:"1.1.1",templateSettings:{evaluate:/\{\{([\s\S]+?(\}?)+)\}\}/g,interpolate:/\{\{=([\s\S]+?)\}\}/g,encode:/\{\{!([\s\S]+?)\}\}/g,use:/\{\{#([\s\S]+?)\}\}/g,useParams:/(^|[^\w$])def(?:\.|\[[\'\"])([\w$\.]+)(?:[\'\"]\])?\s*\:\s*([\w$\.]+|\"[^\"]+\"|\'[^\']+\'|\{[^\}]+\})/g,define:/\{\{##\s*([\w\.$]+)\s*(\:|=)([\s\S]+?)#\}\}/g,defineParams:/^\s*([\w$]+):([\s\S]+)/,conditional:/\{\{\?(\?)?\s*([\s\S]*?)\s*\}\}/g,iterate:/\{\{~\s*(?:\}\}|([\s\S]+?)\s*\:\s*([\w$]+)\s*(?:\:\s*([\w$]+))?\s*\}\})/g,varname:"it",strip:!0,append:!0,selfcontained:!1,doNotSkipEncoded:!1},template:void 0,compile:void 0,log:!0};d.encodeHTMLSource=function(e){var n={"&":"&#38;","<":"&#60;",">":"&#62;",'"':"&#34;","'":"&#39;","/":"&#47;"},t=e?/[&<>"'\/]/g:/&(?!#?\w+;)|<|>|"|'|\//g;return function(e){return e?e.toString().replace(t,function(e){return n[e]||e}):""}},u=function(){return this||(0,eval)("this")}(),"undefined"!=typeof module&&module.exports?module.exports=d:"function"==typeof define&&define.amd?define(function(){return d}):u.doT=d;var s={append:{start:"'+(",end:")+'",startencode:"'+encodeHTML("},split:{start:"';out+=(",end:");out+='",startencode:"';out+=encodeHTML("}},p=/$^/;function l(e){return e.replace(/\\('|\\)/g,"$1").replace(/[\r\t\n]/g," ")}d.template=function(e,n,t){var r,o,a=(n=n||d.templateSettings).append?s.append:s.split,c=0,i=n.use||n.define?function r(o,e,a){return("string"==typeof e?e:e.toString()).replace(o.define||p,function(e,r,n,t){return 0===r.indexOf("def.")&&(r=r.substring(4)),r in a||(":"===n?(o.defineParams&&t.replace(o.defineParams,function(e,n,t){a[r]={arg:n,text:t}}),r in a||(a[r]=t)):new Function("def","def['"+r+"']="+t)(a)),""}).replace(o.use||p,function(e,n){o.useParams&&(n=n.replace(o.useParams,function(e,n,t,r){if(a[t]&&a[t].arg&&r){var o=(t+":"+r).replace(/'|\\/g,"_");return a.__exp=a.__exp||{},a.__exp[o]=a[t].text.replace(new RegExp("(^|[^\\w$])"+a[t].arg+"([^\\w$])","g"),"$1"+r+"$2"),n+"def.__exp['"+o+"']"}}));var t=new Function("def","return "+n)(a);return t?r(o,t,a):t})}(n,e,t||{}):e;i=("var out='"+(n.strip?i.replace(/(^|\r|\n)\t* +| +\t*(\r|\n|$)/g," ").replace(/\r|\n|\t|\/\*[\s\S]*?\*\//g,""):i).replace(/'|\\/g,"\\$&").replace(n.interpolate||p,function(e,n){return a.start+l(n)+a.end}).replace(n.encode||p,function(e,n){return r=!0,a.startencode+l(n)+a.end}).replace(n.conditional||p,function(e,n,t){return n?t?"';}else if("+l(t)+"){out+='":"';}else{out+='":t?"';if("+l(t)+"){out+='":"';}out+='"}).replace(n.iterate||p,function(e,n,t,r){return n?(c+=1,o=r||"i"+c,n=l(n),"';var arr"+c+"="+n+";if(arr"+c+"){var "+t+","+o+"=-1,l"+c+"=arr"+c+".length-1;while("+o+"<l"+c+"){"+t+"=arr"+c+"["+o+"+=1];out+='"):"';} } out+='"}).replace(n.evaluate||p,function(e,n){return"';"+l(n)+"out+='"})+"';return out;").replace(/\n/g,"\\n").replace(/\t/g,"\\t").replace(/\r/g,"\\r").replace(/(\s|;|\}|^|\{)out\+='';/g,"$1").replace(/\+''/g,""),r&&(n.selfcontained||!u||u._encodeHTML||(u._encodeHTML=d.encodeHTMLSource(n.doNotSkipEncoded)),i="var encodeHTML = typeof _encodeHTML !== 'undefined' ? _encodeHTML : ("+d.encodeHTMLSource.toString()+"("+(n.doNotSkipEncoded||"")+"));"+i);try{return new Function(n.varname,i)}catch(e){throw"undefined"!=typeof console&&console.log("Could not create a template function: "+i),e}},d.compile=function(e,n){return d.template(e,null,n)}}();

9
docs/js/thirdparty/fuse@6.4.6.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

6
docs/js/thirdparty/marked.min.js vendored Normal file

File diff suppressed because one or more lines are too long

20
docs/js/thirdparty/mdb@3.3.0.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -162,7 +162,7 @@ function onWindowResize() {
}
var poorPerfFrames = 0;
var maxPoorPerfFrames = 30;
var maxPoorPerfFrames = 50;
function animate() {
var id = requestAnimationFrame(animate);
const t0 = performance.now();

View File

@@ -5,7 +5,8 @@
--heading-color: #fffffe;
--text-color: #94a1b2;
--primary-color: #51368D;
--primary-color-dimmed: #262558;
--polygon-color-a: #262558;
--polygon-color-b: #51368D;
--link-color: #7f5af0;
--tertiary-color: #2cb67d;
--error-color: #f25042;
@@ -20,7 +21,8 @@
--heading-color-white: #fffffe;
--text-color: #5f6c7b;
--primary-color: #3da9fc;
--primary-color-dimmed: #e3f3ff;
--polygon-color-a: #59b8ff;
--polygon-color-b: #94d1ff;
--link-color: #3da9fc;
--tertiary-color: #ef4565;
--error-color: #f25042;
@@ -46,6 +48,9 @@
.vh-60 {
height: 60vh; }
.vh-100 {
height: 100vh; }
.flex-gap * {
margin: 0.5rem; }
@@ -88,9 +93,8 @@ details > div {
top: 0;
width: 100%;
height: 100%;
background: var(--primary-color) !important;
background: -webkit-linear-gradient(10deg, var(--primary-color-dimmed), var(--primary-color)) !important;
background: linear-gradient(10deg, var(--primary-color-dimmed), var(--primary-color)) !important;
background: -webkit-linear-gradient(10deg, var(--polygon-color-a), var(--polygon-color-b)) !important;
background: linear-gradient(10deg, var(--polygon-color-a), var(--polygon-color-b)) !important;
transform: skewY(-5deg) scale(1) !important;
z-index: -1; }
.polygon.bg-color::before {
@@ -210,7 +214,7 @@ button .material-icons-outlined {
.footer i {
font-size: 1.5rem; }
.footer .icons {
gap: 0.5rem; }
gap: 1rem; }
.error-icon {
color: var(--error-color);

View File

@@ -18,6 +18,9 @@
.vh-60
height: 60vh
.vh-100
height: 100vh
.flex-gap *
margin: 0.5rem
@@ -63,9 +66,8 @@ details > div
top: 0
width: 100%
height: 100%
background: var(--primary-color) !important
background: -webkit-linear-gradient(10deg, var(--primary-color-dimmed), var(--primary-color)) !important
background: linear-gradient(10deg, var(--primary-color-dimmed), var(--primary-color)) !important;
background: -webkit-linear-gradient(10deg, var(--polygon-color-a), var(--polygon-color-b)) !important
background: linear-gradient(10deg, var(--polygon-color-a), var(--polygon-color-b)) !important;
transform: skewY(-5deg) scale(1) !important
z-index: -1
&.bg-color::before
@@ -190,7 +192,7 @@ button .material-icons-outlined
i
font-size: 1.5rem;
.icons
gap: 0.5rem;
gap: 1rem;
// Icons
.error-icon

View File

@@ -5,7 +5,8 @@
--heading-color: #fffffe
--text-color: #94a1b2
--primary-color: #51368D // #7f5af0;
--primary-color-dimmed: #262558;
--polygon-color-a: #262558;
--polygon-color-b: #51368D;
--link-color: #7f5af0;
--tertiary-color: #2cb67d
--error-color: #f25042

View File

@@ -6,7 +6,8 @@
--heading-color-white: #fffffe
--text-color: #5f6c7b
--primary-color: #3da9fc
--primary-color-dimmed: #e3f3ff
--polygon-color-a: #59b8ff;
--polygon-color-b: #94d1ff;
--link-color: #3da9fc
--tertiary-color: #ef4565
--error-color: #f25042

View File

@@ -7,11 +7,11 @@
<div class="container d-flex flex-gap justify-content-center">
<div class="row">
<div class="col-6 col-md-auto no-horizontal-margins"><a role="button" class="btn bold controller triangle justify-content-center"
href="{{ .Site.BaseURL }}downloads"><i class="fas fa-download"></i>Download</a></div>
href="{{ .Site.BaseURL }}/downloads"><i class="fas fa-download"></i>Download</a></div>
<div class="col-6 col-md-auto no-horizontal-margins"><a role="button" class="btn bold controller cross justify-content-center" target="blank"
href="https://discord.com/invite/TCz3t9k"><i class="fab fa-discord"></i>Discuss</a></div>
<div class="col-6 col-md-auto no-horizontal-margins"><a role="button" class="btn bold controller circle justify-content-center"
href="{{ .Site.BaseURL }}docs"><i class="fas fa-book"></i>Docs</a></div>
href="{{ .Site.BaseURL }}/docs"><i class="fas fa-book"></i>Docs</a></div>
<div class="col-6 col-md-auto no-horizontal-margins"><a role="button" class="btn bold controller square justify-content-center" target="blank"
href="https://github.com/PCSX2/pcsx2"><i class="fab fa-github"></i>Contribute</a></div>
</div>

View File

@@ -5,7 +5,7 @@ function setTheme(themeName) {
if (themeName === "theme-light") {
$("#theme-button").html('<i class="far fa-moon theme-icon" title="Change to Dark Theme"></i>');
} else {
$("#theme-button").html('<i class="far fa-sun theme-icon" title="Change to Light Theme"></i>');
$("#theme-button").html('<i class="fas fa-sun theme-icon" title="Change to Light Theme"></i>');
}
}

View File

@@ -162,7 +162,7 @@ function onWindowResize() {
}
var poorPerfFrames = 0;
var maxPoorPerfFrames = 30;
var maxPoorPerfFrames = 50;
function animate() {
var id = requestAnimationFrame(animate);
const t0 = performance.now();