Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

add headset icons
All checks were successful
deploy / deploy (push) Successful in 53s
Details

Browse Source
This commit is contained in:
Lee 2023-10-28 11:42:59 +01:00
parent 1411c028ab
commit a70239239c
5 changed files with 303 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/assets/headsets/oculus.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="365pt" height="220.4pt" viewBox="0 0 365 220.4" version="1.1">
<defs>
<clipPath id="clip1">
<path d="M 0 0 L 365 0 L 365 220.398438 L 0 220.398438 Z M 0 0 "/>
</clipPath>
</defs>
<g id="surface1">
<g clip-path="url(#clip1)" clip-rule="nonzero">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(10.598755%,11.799622%,12.199402%);fill-opacity:1;" d="M 275.820313 139.855469 C 270.945313 143.214844 265.550781 145.230469 259.742188 146.175781 C 253.9375 147.117188 248.171875 146.933594 242.359375 146.933594 C 202.453125 146.933594 162.546875 146.933594 122.640625 146.933594 C 116.824219 146.933594 111.050781 147.117188 105.242188 146.171875 C 99.433594 145.226563 94.03125 143.203125 89.15625 139.84375 C 79.390625 133.109375 73.523438 122.074219 73.53125 110.183594 C 73.535156 98.296875 79.410156 87.273438 89.179688 80.546875 C 94.054688 77.191406 99.449219 75.171875 105.257813 74.230469 C 111.0625 73.289063 116.828125 73.472656 122.640625 73.472656 C 162.546875 73.472656 202.453125 73.472656 242.359375 73.472656 C 248.175781 73.472656 253.949219 73.289063 259.757813 74.230469 C 265.566406 75.175781 270.96875 77.199219 275.84375 80.5625 C 285.609375 87.296875 291.476563 98.332031 291.46875 110.222656 C 291.464844 122.105469 285.589844 133.132813 275.820313 139.855469 Z M 324.089844 24.960938 C 311.230469 14.644531 296.527344 7.515625 280.519531 3.667969 C 271.351563 1.464844 262.183594 0.484375 252.796875 0.175781 C 245.84375 -0.0507813 238.894531 0.0117188 231.941406 0.0117188 C 198.980469 0.0117188 166.019531 0.0117188 133.058594 0.0117188 C 126.105469 0.0117188 119.152344 -0.0507813 112.195313 0.175781 C 102.800781 0.484375 93.628906 1.464844 84.457031 3.671875 C 68.453125 7.523438 53.75 14.652344 40.898438 24.972656 C 15.046875 45.722656 -0.00390625 77.054688 0 110.214844 C 0.00390625 143.371094 15.058594 174.695313 40.910156 195.445313 C 53.769531 205.761719 68.472656 212.890625 84.480469 216.738281 C 93.648438 218.941406 102.816406 219.921875 112.203125 220.226563 C 119.15625 220.457031 126.105469 220.390625 133.058594 220.390625 C 166.019531 220.390625 198.980469 220.390625 231.941406 220.390625 C 238.894531 220.390625 245.847656 220.457031 252.804688 220.226563 C 262.199219 219.921875 271.371094 218.941406 280.542969 216.730469 C 296.546875 212.882813 311.25 205.753906 324.101563 195.433594 C 349.949219 174.679688 365.003906 143.351563 365 110.191406 C 364.996094 77.035156 349.941406 45.707031 324.089844 24.960938 "/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

207
public/assets/headsets/valve-index.svg Normal file
View File

@ -0,0 +1,207 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
width="1074.9153mm"
height="540.25031mm"
viewBox="0 0 1074.9153 540.25031"
version="1.1"
id="svg147">
<defs
id="defs141">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath3916">
<g
style="fill:#000000"
id="use3918"
transform="translate(7.8080152e-6)">
<path
style="fill:#000000;stroke-width:1.02226782"
d="m 918.37804,239.23736 c -23.55587,-2.48124 -46.53167,-10.89095 -67.12215,-24.56844 -12.71979,-8.44925 -31.16919,-26.89866 -39.61844,-39.61845 -11.41734,-17.18804 -19.68013,-37.55861 -23.05819,-56.84635 -1.30311,-7.44049 -1.44058,-2.33278 -1.52403,56.62697 l -0.0916,64.80513 -9.45136,-0.71346 c -53.01947,-4.00248 -98.84418,-34.3561 -122.19884,-80.94273 -6.73154,-13.42782 -11.35379,-27.70726 -14.03362,-43.35385 -1.13921,-6.65142 -1.32702,1.11844 -1.41795,58.65671 l -0.10472,66.32371 -9.45598,-0.72649 c -26.04792,-2.00128 -49.40399,-9.78224 -70.13429,-23.36492 -34.28398,-22.46319 -56.80645,-55.88645 -64.70376,-96.02007 -2.90892,-14.78299 -3.13387,-38.574428 -0.49544,-52.404405 8.98672,-47.106556 37.42193,-85.258944 79.16398,-106.216665 17.0644,-8.56766 36.40828,-13.83186 56.68067,-15.42496 l 8.94485,-0.70291 0.13903,66.283606 c 0.0765,36.455997 0.32099,65.133557 0.54335,63.727939 6.75559,-42.721109 26.13134,-75.9451425 58.43517,-100.200005 22.68225,-17.03069 48.95932,-26.70793 79.14403,-29.14702 l 8.94484,-0.72283 0.0916,65.2904945 c 0.0834,59.3761835 0.22163,64.5496775 1.52404,57.1123505 5.19995,-29.6903 19.14872,-56.154935 41.25568,-78.273419 35.58464,-35.603186 83.80158,-50.421356 132.44748,-40.704136 89.83611,17.94518 141.80531,112.397381 108.78001,197.70425 -7.8284,20.22145 -18.9825,36.84998 -35.3371,52.68079 -24.3423,23.56254 -54.38171,37.47756 -88.11851,40.81854 -11.88031,1.17655 -17.44922,1.16142 -29.22877,-0.0793 z"
id="path64" />
<g
style="fill:#000000"
id="g93"
clip-path="url(#clipPath3891)"
transform="matrix(2.3269439,0,0,2.3269439,696.64839,-463.7099)">
<g
style="fill:#000000"
id="g91">
<g
style="fill:#000000"
transform="translate(-41.012193,-29.698485)"
clip-path="url(#clipPath3871)"
id="g87">
<g
style="fill:#000000"
id="g85">
<path
style="fill:#000000;stroke-width:0.25"
d="m -41.952653,374.73322 c -2.70932,-6.63764 -5.0018,-12.27135 -5.0944,-12.51936 -0.15199,-0.40707 -0.0271,-0.44354 1.28415,-0.375 l 1.45252,0.0759 4.24675,10.45712 4.24675,10.45711 4.14861,-10.45711 4.14862,-10.45712 1.43402,-0.075 c 0.7887,-0.0412 1.43401,-0.0313 1.43401,0.0221 0,0.0534 -2.23982,5.65589 -4.97737,12.44998 l -4.97736,12.35288 -1.21014,0.0684 -1.21013,0.0684 z"
id="path67" />
<path
style="fill:#000000;stroke-width:0.25"
d="m -22.253003,383.48953 c 0.76052,-1.82861 3.09132,-7.45883 5.17957,-12.5116 l 3.79681,-9.18686 1.25,0.005 1.25,0.005 4.5782599,10.80654 c 2.51805,5.94359 4.90392,11.56591 5.30195005,12.49403 l 0.72368,1.6875 h -1.43299005 -1.43299 l -1.27751,-3.0625 -1.2775,-3.0625 -6.3414499,-0.0615 -6.34145,-0.0615 -1.25296,3.0615 -1.25296,3.0615 -1.42661,0.0747 -1.4266,0.0747 z m 15.0710699,-6.63724 c -0.28189,-0.65313 -1.35837,-3.2125 -2.39216,-5.6875 -1.0337999,-2.475 -2.0165399,-4.7624 -2.1838599,-5.0831 -0.27847,-0.53372 -0.51168,-0.0785 -2.75374,5.375 -1.34723,3.27695 -2.50439,6.09873 -2.57147,6.2706 -0.0952,0.24397 1.03324,0.3125 5.14591,0.3125 h 5.2678599 z"
id="path69" />
<path
style="fill:#000000;stroke-width:0.25"
d="m 5.5983769,374.28979 v -12.5 h 1.375 1.375 v 11.25 11.25 h 5.6250001 5.625 v 1.25 1.25 h -7 -7.0000001 z"
id="path71" />
<path
style="fill:#000000;stroke-width:0.25"
d="m 29.757547,386.59509 c -0.10197,-0.16499 -9.40084,-22.73741 -10.08998,-24.4928 -0.0898,-0.22876 0.26971,-0.31098 1.34156,-0.30683 l 1.46425,0.006 4.24495,10.50946 c 2.33473,5.78021 4.278667,10.41828 4.319857,10.30683 0.0412,-0.11145 1.91305,-4.81514 4.159672,-10.45264 l 4.084754,-10.25 1.42889,-0.0756 c 1.28186,-0.0678 1.41367,-0.0292 1.28095,0.375 -0.0814,0.24783 -2.32123,5.8506 -4.97748,12.4506 l -4.829546,12 -1.14588,0.0753 c -0.63023,0.0414 -1.207127,-0.0239 -1.281997,-0.14497 z"
id="path73" />
<path
style="fill:#000000;stroke-width:0.25"
d="m 48.09838,374.28979 v -12.5 h 7 7 v 1.25 1.25 h -5.625 -5.625 v 4.11993 4.11992 l 5.1875,0.0676 5.1875,0.0676 v 1.125 1.125 l -5.1875,0.0676 -5.1875,0.0676 v 4.61993 4.61993 h 5.875 5.875 v 1.25 1.25 h -7.25 -7.25 z"
id="path75" />
<path
style="fill:#000000;stroke-width:0.25"
d="m 80.01505,386.62312 c -0.0917,-0.0917 -0.16667,-5.71666 -0.16667,-12.5 v -12.33333 h 4.375 4.375 v 12.5 12.5 h -4.20833 c -2.31459,0 -4.28334,-0.075 -4.375,-0.16667 z"
id="path77" />
<path
style="fill:#000000;stroke-width:0.25"
d="m 96.84838,374.28979 v -12.5 h 3.57477 3.57476 l 4.11274,5.4375 4.11273,5.4375 0.0674,-5.4375 0.0674,-5.4375 h 3.99512 3.99513 v 12.5 12.5 h -3.37385 -3.37385 l -4.31365,-5.75295 -4.31365,-5.75295 -0.0671,5.75295 -0.0671,5.75295 h -3.99539 -3.99539 z"
id="path79" />
<path
style="fill:#000000;stroke-width:0.25"
d="m 128.84838,374.28979 v -12.5 l 6.4375,0.004 c 7.20046,0.004 8.59055,0.19918 11.15428,1.56506 5.31527,2.83182 7.66431,9.39108 5.52981,15.44092 -0.94435,2.67656 -3.2988,5.2698 -5.96491,6.56988 -2.44392,1.19173 -4.14489,1.41132 -10.96918,1.41611 l -6.1875,0.004 z m 11.5074,4.72506 c 1.47303,-0.31591 2.89035,-1.41928 3.40484,-2.65063 0.52555,-1.25781 0.42572,-3.29406 -0.22474,-4.58396 -0.75666,-1.5005 -2.1691,-2.27014 -4.46801,-2.43463 l -1.71949,-0.12302 v 5.03359 5.03359 h 0.86269 c 0.47449,0 1.43961,-0.12372 2.14471,-0.27494 z"
id="path81" />
<path
style="fill:#000000;stroke-width:0.25"
d="m 158.59838,374.28979 v -12.5 h 8.5 8.5 v 3.375 3.375 h -4.375 -4.375 v 1.24365 1.24365 l 3.9375,0.0688 3.9375,0.0689 0.0702,3.0625 0.0702,3.0625 h -4.0077 -4.00769 v 1.375 1.375 h 4.5 4.5 v 3.375 3.375 h -8.625 -8.625 z"
id="path83" />
</g>
</g>
<path
id="path89"
d="m 140.6788,356.40924 c 0.19859,-0.38111 1.834,-3.26448 3.63423,-6.40748 1.80024,-3.14301 3.27316,-5.75138 3.27316,-5.79639 0,-0.045 -1.47158,-2.63478 -3.27018,-5.75507 -1.79859,-3.12029 -3.32938,-5.82755 -3.40174,-6.01612 -0.10863,-0.28308 0.69048,-0.34238 4.58267,-0.34006 l 4.71425,0.003 1.47373,3.12219 c 0.81054,1.7172 1.54831,3.12219 1.63947,3.12219 0.0912,0 0.83424,-1.40017 1.65127,-3.1115 l 1.48553,-3.11149 4.6875,-0.0135 c 2.57812,-0.007 4.6875,0.0573 4.6875,0.14382 0,0.0865 -1.48125,2.74854 -3.29167,5.91557 -1.81041,3.16703 -3.29166,5.88974 -3.29166,6.05047 0,0.16072 1.55379,3.03934 3.45288,6.39693 1.89909,3.35759 3.49948,6.18909 3.55642,6.29221 0.057,0.10313 -2.03981,0.1875 -4.65947,0.1875 h -4.763 l -1.7103,-3.4136 -1.71029,-3.41359 -1.75232,3.35109 -1.75232,3.3511 -4.79836,0.0679 -4.79837,0.0679 z"
style="fill:#000000;stroke-width:0.25" />
</g>
</g>
</g>
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath3891">
<g
id="use3893"
style="fill:#000000">
<g
id="g132"
clip-path="url(#clipPath3871)"
transform="translate(-41.012193,-29.698485)"
style="fill:#000000">
<g
id="g130"
style="fill:#000000">
<path
id="path112"
d="m -41.952653,374.73322 c -2.70932,-6.63764 -5.0018,-12.27135 -5.0944,-12.51936 -0.15199,-0.40707 -0.0271,-0.44354 1.28415,-0.375 l 1.45252,0.0759 4.24675,10.45712 4.24675,10.45711 4.14861,-10.45711 4.14862,-10.45712 1.43402,-0.075 c 0.7887,-0.0412 1.43401,-0.0313 1.43401,0.0221 0,0.0534 -2.23982,5.65589 -4.97737,12.44998 l -4.97736,12.35288 -1.21014,0.0684 -1.21013,0.0684 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path114"
d="m -22.253003,383.48953 c 0.76052,-1.82861 3.09132,-7.45883 5.17957,-12.5116 l 3.79681,-9.18686 1.25,0.005 1.25,0.005 4.5782599,10.80654 c 2.51805,5.94359 4.90392,11.56591 5.30195005,12.49403 l 0.72368,1.6875 h -1.43299005 -1.43299 l -1.27751,-3.0625 -1.2775,-3.0625 -6.3414499,-0.0615 -6.34145,-0.0615 -1.25296,3.0615 -1.25296,3.0615 -1.42661,0.0747 -1.4266,0.0747 z m 15.0710699,-6.63724 c -0.28189,-0.65313 -1.35837,-3.2125 -2.39216,-5.6875 -1.0337999,-2.475 -2.0165399,-4.7624 -2.1838599,-5.0831 -0.27847,-0.53372 -0.51168,-0.0785 -2.75374,5.375 -1.34723,3.27695 -2.50439,6.09873 -2.57147,6.2706 -0.0952,0.24397 1.03324,0.3125 5.14591,0.3125 h 5.2678599 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path116"
d="m 5.5983769,374.28979 v -12.5 h 1.375 1.375 v 11.25 11.25 h 5.6250001 5.625 v 1.25 1.25 h -7 -7.0000001 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path118"
d="m 29.757547,386.59509 c -0.10197,-0.16499 -9.40084,-22.73741 -10.08998,-24.4928 -0.0898,-0.22876 0.26971,-0.31098 1.34156,-0.30683 l 1.46425,0.006 4.24495,10.50946 c 2.33473,5.78021 4.278667,10.41828 4.319857,10.30683 0.0412,-0.11145 1.91305,-4.81514 4.159672,-10.45264 l 4.084754,-10.25 1.42889,-0.0756 c 1.28186,-0.0678 1.41367,-0.0292 1.28095,0.375 -0.0814,0.24783 -2.32123,5.8506 -4.97748,12.4506 l -4.829546,12 -1.14588,0.0753 c -0.63023,0.0414 -1.207127,-0.0239 -1.281997,-0.14497 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path120"
d="m 48.09838,374.28979 v -12.5 h 7 7 v 1.25 1.25 h -5.625 -5.625 v 4.11993 4.11992 l 5.1875,0.0676 5.1875,0.0676 v 1.125 1.125 l -5.1875,0.0676 -5.1875,0.0676 v 4.61993 4.61993 h 5.875 5.875 v 1.25 1.25 h -7.25 -7.25 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path122"
d="m 80.01505,386.62312 c -0.0917,-0.0917 -0.16667,-5.71666 -0.16667,-12.5 v -12.33333 h 4.375 4.375 v 12.5 12.5 h -4.20833 c -2.31459,0 -4.28334,-0.075 -4.375,-0.16667 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path124"
d="m 96.84838,374.28979 v -12.5 h 3.57477 3.57476 l 4.11274,5.4375 4.11273,5.4375 0.0674,-5.4375 0.0674,-5.4375 h 3.99512 3.99513 v 12.5 12.5 h -3.37385 -3.37385 l -4.31365,-5.75295 -4.31365,-5.75295 -0.0671,5.75295 -0.0671,5.75295 h -3.99539 -3.99539 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path126"
d="m 128.84838,374.28979 v -12.5 l 6.4375,0.004 c 7.20046,0.004 8.59055,0.19918 11.15428,1.56506 5.31527,2.83182 7.66431,9.39108 5.52981,15.44092 -0.94435,2.67656 -3.2988,5.2698 -5.96491,6.56988 -2.44392,1.19173 -4.14489,1.41132 -10.96918,1.41611 l -6.1875,0.004 z m 11.5074,4.72506 c 1.47303,-0.31591 2.89035,-1.41928 3.40484,-2.65063 0.52555,-1.25781 0.42572,-3.29406 -0.22474,-4.58396 -0.75666,-1.5005 -2.1691,-2.27014 -4.46801,-2.43463 l -1.71949,-0.12302 v 5.03359 5.03359 h 0.86269 c 0.47449,0 1.43961,-0.12372 2.14471,-0.27494 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path128"
d="m 158.59838,374.28979 v -12.5 h 8.5 8.5 v 3.375 3.375 h -4.375 -4.375 v 1.24365 1.24365 l 3.9375,0.0688 3.9375,0.0689 0.0702,3.0625 0.0702,3.0625 h -4.0077 -4.00769 v 1.375 1.375 h 4.5 4.5 v 3.375 3.375 h -8.625 -8.625 z"
style="fill:#000000;stroke-width:0.25" />
</g>
</g>
<path
style="fill:#000000;stroke-width:0.25"
d="m 140.6788,356.40924 c 0.19859,-0.38111 1.834,-3.26448 3.63423,-6.40748 1.80024,-3.14301 3.27316,-5.75138 3.27316,-5.79639 0,-0.045 -1.47158,-2.63478 -3.27018,-5.75507 -1.79859,-3.12029 -3.32938,-5.82755 -3.40174,-6.01612 -0.10863,-0.28308 0.69048,-0.34238 4.58267,-0.34006 l 4.71425,0.003 1.47373,3.12219 c 0.81054,1.7172 1.54831,3.12219 1.63947,3.12219 0.0912,0 0.83424,-1.40017 1.65127,-3.1115 l 1.48553,-3.11149 4.6875,-0.0135 c 2.57812,-0.007 4.6875,0.0573 4.6875,0.14382 0,0.0865 -1.48125,2.74854 -3.29167,5.91557 -1.81041,3.16703 -3.29166,5.88974 -3.29166,6.05047 0,0.16072 1.55379,3.03934 3.45288,6.39693 1.89909,3.35759 3.49948,6.18909 3.55642,6.29221 0.057,0.10313 -2.03981,0.1875 -4.65947,0.1875 h -4.763 l -1.7103,-3.4136 -1.71029,-3.41359 -1.75232,3.35109 -1.75232,3.3511 -4.79836,0.0679 -4.79837,0.0679 z"
id="path134" />
</g>
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath3871">
<g
id="use3873"
style="fill:#000000">
<path
id="path138"
d="m -41.952653,374.73322 c -2.70932,-6.63764 -5.0018,-12.27135 -5.0944,-12.51936 -0.15199,-0.40707 -0.0271,-0.44354 1.28415,-0.375 l 1.45252,0.0759 4.24675,10.45712 4.24675,10.45711 4.14861,-10.45711 4.14862,-10.45712 1.43402,-0.075 c 0.7887,-0.0412 1.43401,-0.0313 1.43401,0.0221 0,0.0534 -2.23982,5.65589 -4.97737,12.44998 l -4.97736,12.35288 -1.21014,0.0684 -1.21013,0.0684 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path140"
d="m -22.253003,383.48953 c 0.76052,-1.82861 3.09132,-7.45883 5.17957,-12.5116 l 3.79681,-9.18686 1.25,0.005 1.25,0.005 4.5782599,10.80654 c 2.51805,5.94359 4.90392,11.56591 5.30195005,12.49403 l 0.72368,1.6875 h -1.43299005 -1.43299 l -1.27751,-3.0625 -1.2775,-3.0625 -6.3414499,-0.0615 -6.34145,-0.0615 -1.25296,3.0615 -1.25296,3.0615 -1.42661,0.0747 -1.4266,0.0747 z m 15.0710699,-6.63724 c -0.28189,-0.65313 -1.35837,-3.2125 -2.39216,-5.6875 -1.0337999,-2.475 -2.0165399,-4.7624 -2.1838599,-5.0831 -0.27847,-0.53372 -0.51168,-0.0785 -2.75374,5.375 -1.34723,3.27695 -2.50439,6.09873 -2.57147,6.2706 -0.0952,0.24397 1.03324,0.3125 5.14591,0.3125 h 5.2678599 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path142"
d="m 5.5983769,374.28979 v -12.5 h 1.375 1.375 v 11.25 11.25 h 5.6250001 5.625 v 1.25 1.25 h -7 -7.0000001 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path144"
d="m 29.757547,386.59509 c -0.10197,-0.16499 -9.40084,-22.73741 -10.08998,-24.4928 -0.0898,-0.22876 0.26971,-0.31098 1.34156,-0.30683 l 1.46425,0.006 4.24495,10.50946 c 2.33473,5.78021 4.278667,10.41828 4.319857,10.30683 0.0412,-0.11145 1.91305,-4.81514 4.159672,-10.45264 l 4.084754,-10.25 1.42889,-0.0756 c 1.28186,-0.0678 1.41367,-0.0292 1.28095,0.375 -0.0814,0.24783 -2.32123,5.8506 -4.97748,12.4506 l -4.829546,12 -1.14588,0.0753 c -0.63023,0.0414 -1.207127,-0.0239 -1.281997,-0.14497 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path146"
d="m 48.09838,374.28979 v -12.5 h 7 7 v 1.25 1.25 h -5.625 -5.625 v 4.11993 4.11992 l 5.1875,0.0676 5.1875,0.0676 v 1.125 1.125 l -5.1875,0.0676 -5.1875,0.0676 v 4.61993 4.61993 h 5.875 5.875 v 1.25 1.25 h -7.25 -7.25 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path148"
d="m 80.01505,386.62312 c -0.0917,-0.0917 -0.16667,-5.71666 -0.16667,-12.5 v -12.33333 h 4.375 4.375 v 12.5 12.5 h -4.20833 c -2.31459,0 -4.28334,-0.075 -4.375,-0.16667 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path150"
d="m 96.84838,374.28979 v -12.5 h 3.57477 3.57476 l 4.11274,5.4375 4.11273,5.4375 0.0674,-5.4375 0.0674,-5.4375 h 3.99512 3.99513 v 12.5 12.5 h -3.37385 -3.37385 l -4.31365,-5.75295 -4.31365,-5.75295 -0.0671,5.75295 -0.0671,5.75295 h -3.99539 -3.99539 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path152"
d="m 128.84838,374.28979 v -12.5 l 6.4375,0.004 c 7.20046,0.004 8.59055,0.19918 11.15428,1.56506 5.31527,2.83182 7.66431,9.39108 5.52981,15.44092 -0.94435,2.67656 -3.2988,5.2698 -5.96491,6.56988 -2.44392,1.19173 -4.14489,1.41132 -10.96918,1.41611 l -6.1875,0.004 z m 11.5074,4.72506 c 1.47303,-0.31591 2.89035,-1.41928 3.40484,-2.65063 0.52555,-1.25781 0.42572,-3.29406 -0.22474,-4.58396 -0.75666,-1.5005 -2.1691,-2.27014 -4.46801,-2.43463 l -1.71949,-0.12302 v 5.03359 5.03359 h 0.86269 c 0.47449,0 1.43961,-0.12372 2.14471,-0.27494 z"
style="fill:#000000;stroke-width:0.25" />
<path
id="path154"
d="m 158.59838,374.28979 v -12.5 h 8.5 8.5 v 3.375 3.375 h -4.375 -4.375 v 1.24365 1.24365 l 3.9375,0.0688 3.9375,0.0689 0.0702,3.0625 0.0702,3.0625 h -4.0077 -4.00769 v 1.375 1.375 h 4.5 4.5 v 3.375 3.375 h -8.625 -8.625 z"
style="fill:#000000;stroke-width:0.25" />
</g>
</clipPath>
</defs>
<metadata
id="metadata144">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<path
style="fill:#000000;stroke-width:1.86899459"
d="M 777.48027,538.51974 C 734.41348,533.98333 692.40723,518.608 654.76201,493.60168 631.50663,478.15407 597.77592,444.42333 582.3283,421.16796 c -20.87413,-31.4246 -35.98084,-68.66776 -42.15689,-103.9312 -2.38245,-13.60332 -2.63379,-4.26498 -2.78636,103.53011 l -0.16747,118.4821 -17.27976,-1.30441 C 423.00324,530.62689 339.22272,475.1319 296.5238,389.95837 c -12.30716,-24.54986 -20.75794,-50.65671 -25.65743,-79.2631 -2.0828,-12.16067 -2.42617,2.04483 -2.59241,107.24105 l -0.19146,121.25849 -17.2882,-1.32823 C 203.17134,534.20768 160.46984,519.98188 122.56899,495.1489 59.88818,454.07984 18.710738,392.97267 4.2722223,319.59707 -1.0461058,292.56959 -1.457378,249.07211 3.3664179,223.787 19.796683,137.6629 71.784285,67.909551 148.10055,29.592912 179.2991,13.928808 214.66518,4.3043625 251.72884,1.3917254 L 268.08256,0.10660717 268.33674,121.29178 c 0.13987,66.65187 0.58686,119.08255 0.9934,116.51269 C 281.68127,159.6982 317.10562,98.955275 376.16615,54.61053 417.63572,23.473614 465.67763,5.7808837 520.86381,1.3215376 L 537.21751,0 l 0.16747,119.36948 c 0.15248,108.55645 0.4052,118.01506 2.78637,104.41752 C 549.67833,169.50474 575.18063,121.11991 615.5984,80.681066 680.65718,15.588377 768.81138,-11.503427 857.74984,6.2623985 1021.9956,39.07126 1117.01,211.75659 1056.6304,367.72166 c -14.3125,36.97053 -34.7053,67.37218 -64.60616,96.31538 -44.50461,43.07898 -99.42514,68.51957 -161.10555,74.62783 -21.72056,2.15106 -31.90211,2.1234 -53.43845,-0.14499 z"
id="path58" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

1
public/assets/headsets/vive.svg Normal file
View File

@ -0,0 +1 @@
<svg height="2186" viewBox="-2.25 0 804.75 705.8" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m791.79 590.97-52.02 88.8c-9.18 16.84-26.01 26.03-44.37 26.03h-592.08c-18.36 0-35.19-9.19-44.37-26.03l-52.02-88.8c-9.18-15.31-9.18-35.21 0-52.05l298.34-512.89c9.18-16.84 26.01-26.03 44.37-26.03h102.5c18.36 0 35.19 9.19 44.37 26.03l296.81 512.89c9.18 15.31 9.18 35.21-1.53 52.05zm-175.94-125.54c-21.42-97.99-71.91-185.25-142.29-249.56-41.31-38.27-104.03-38.27-145.34 0-71.91 65.84-122.4 151.57-142.29 249.56-10.7 53.59 21.42 105.64 73.44 122.48 44.37 13.78 91.8 21.44 140.76 21.44 48.95 0 96.38-7.66 140.75-21.44 53.55-15.31 84.15-68.89 74.97-122.48z" fill="#000"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 677 B

72
src/components/HeadsetIcon.tsx Normal file
View File

@ -0,0 +1,72 @@
import Image from "next/image";
const headsets = [
{
id: [-1],
name: "Unknown",
icon: "unknown.png",
},
{
id: [64],
name: "Valve Index",
filters:
"invert(81%) sepia(27%) saturate(6288%) hue-rotate(344deg) brightness(103%) contrast(103%)",
icon: "valve-index.svg",
},
{
id: [32],
name: "Oculus Quest",
filters:
"invert(49%) sepia(26%) saturate(5619%) hue-rotate(146deg) brightness(93%) contrast(86%)",
icon: "oculus.svg",
},
{
id: [16],
name: "Rift S",
filters:
"invert(49%) sepia(26%) saturate(5619%) hue-rotate(146deg) brightness(93%) contrast(86%)",
icon: "oculus.svg",
},
{
id: [1],
name: "Rift CV1",
filters:
"invert(99%) sepia(3%) saturate(82%) hue-rotate(58deg) brightness(118%) contrast(100%)",
icon: "oculus.svg",
},
{
id: [2],
name: "Vive",
filters:
"invert(54%) sepia(78%) saturate(2598%) hue-rotate(157deg) brightness(97%) contrast(101%)",
icon: "vive.svg",
},
];
interface IconProps {
id: number;
size?: number;
className?: string;
}
export default function HeadsetIcon({ id, size = 32, className }: IconProps) {
let headset = headsets.find((h) => h.id.includes(id));
if (!headset) {
headset = headsets[0];
}
return (
<div className={className}>
<Image
src={`/assets/headsets/${headset.icon}`}
alt={headset.name}
title={headset.name}
width={size}
height={size}
style={{
filter: headset.filters,
}}
/>
</div>
);
}

13
src/components/player/Score.tsx
View File

@ -15,6 +15,7 @@ import {
} from "@heroicons/react/20/solid";
import clsx from "clsx";
import Image from "next/image";
import HeadsetIcon from "../HeadsetIcon";
import ScoreStatLabel from "./ScoreStatLabel";
type ScoreProps = {
@ -34,10 +35,11 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
return (
// <div className="grid grid-cols-1 pb-2 pt-2 first:pt-0 last:pb-0 md:grid-cols-[1fr_6fr_0.4fr_1.3fr]">
<div className="grid grid-cols-1 pb-2 pt-2 first:pt-0 last:pb-0 md:grid-cols-[0.8fr_6fr_1.3fr]">
<div className="ml-3 flex flex-col items-start justify-center">
<div className="hidden w-fit flex-row items-center justify-start gap-1 md:flex">
<div className="flex flex-col items-center justify-center">
<div className="hidden w-fit flex-row items-center justify-center gap-1 md:flex">
<GlobeAsiaAustraliaIcon width={20} height={20} />
<p>#{formatNumber(score.rank)}</p>
<HeadsetIcon id={score.hmd} size={20} />
</div>
<p
className="hidden text-sm text-gray-200 md:block"
@ -98,6 +100,7 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
<div className="flex items-center gap-1">
<GlobeAsiaAustraliaIcon width={20} height={20} />
<p>#{formatNumber(score.rank)}</p>
<HeadsetIcon id={score.hmd} size={20} />
</div>
{/* Time Set (Mobile) */}
@ -138,7 +141,11 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
"min-w-[2rem]",
isFullCombo ? "bg-green-500" : "bg-red-500",
)}
title={isFullCombo ? "Full Combo" : `${score.missedNotes}x Missed Notes`}
title={
isFullCombo
? "Full Combo"
: `${score.missedNotes}x Missed Notes`
}
icon={
isFullCombo ? (
<CheckIcon width={20} height={20} />