spacebar/SplatNet
spacebar/SplatNet
Watch
13
1
Fork
You've already forked SplatNet
 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Feat: layout of ranking screen

Browse source
This commit is contained in:
kittentm 2026-03-21 20:55:53 +01:00
commit 7be635d5f0
No known key found for this signature in database
GPG key ID: AC43DFDBC1F44A91
6 changed files with 382 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

73
assets/en/svg/ui/34b4b97a4411.svg Normal file
View file

@ -0,0 +1,73 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="-18 23 26 20" style="enable-background:new -18 23 26 20;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:url(#SVGID_2_);}
.st2{fill:url(#SVGID_3_);}
.st3{fill:#FFFFFF;}
.st4{fill:#9A33F5;}
.st5{enable-background:new ;}
</style>
<g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-14.7693" y1="35.1614" x2="-14.7693" y2="43.1277" gradientTransform="matrix(1 0 0 -1 0 68)">
<stop offset="0" style="stop-color:#DDFF00"/>
<stop offset="0.1021" style="stop-color:#E2FF00"/>
<stop offset="0.6343" style="stop-color:#F5FD00"/>
<stop offset="1" style="stop-color:#FCFC00"/>
</linearGradient>
<path class="st0" d="M-12,26c0,0-0.7-0.9-2.6-1.1c-2.4-0.3-3.8,1.7-3.2,3.7c0.6,2,2.5,3.2,6.2,4.3v-1.5c0,0-3-0.2-4.1-2.3
c-0.7-1.3,0.1-2.5,1-2.4c0.9,0,2.2,0.6,3,2.3L-12,26z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="4.7693" y1="35.1614" x2="4.7693" y2="43.1277" gradientTransform="matrix(1 0 0 -1 0 68)">
<stop offset="0" style="stop-color:#DDFF00"/>
<stop offset="0.1021" style="stop-color:#E2FF00"/>
<stop offset="0.6343" style="stop-color:#F5FD00"/>
<stop offset="1" style="stop-color:#FCFC00"/>
</linearGradient>
<path class="st1" d="M2,26c0,0,0.7-0.9,2.6-1.1c2.4-0.3,3.8,1.7,3.2,3.7S5.3,31.9,1.6,33v-1.5c0,0,3-0.2,4.1-2.3
c0.7-1.3-0.1-2.5-1-2.4c-0.9,0-2.2,0.6-3,2.3L2,26z"/>
</g>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-5" y1="28.1285" x2="-5" y2="44.0122" gradientTransform="matrix(1 0 0 -1 0 68)">
<stop offset="0" style="stop-color:#DDFF00"/>
<stop offset="0.1021" style="stop-color:#E2FF00"/>
<stop offset="0.6343" style="stop-color:#F5FD00"/>
<stop offset="1" style="stop-color:#FCFC00"/>
</linearGradient>
<path class="st2" d="M2.4,30.9c0-3.2,0-5.3,0-5.3S1.2,23.9-5,23.9s-7.4,1.7-7.4,1.7s0,2.1,0,5.3s1.3,4.6,3.7,4.6c1.3,0,2.1,0,2.1,0
c0,0.9-0.9,2.1-1.7,2.5s-1.1,0.4-2.3,0.4c-0.8,0.4-0.9,1.5-0.9,1.5H-5h6.5c0,0-0.1-1.1-0.9-1.5c-1.3,0-1.5,0-2.3-0.4
c-0.7-0.4-1.7-1.6-1.7-2.5c0,0,0.8,0,2.1,0C1.2,35.5,2.4,34.1,2.4,30.9z"/>
</g>
<g>
<g>
<g>
<path class="st3" d="M2.9,31.5c0,0,0.4,0.4,1.3,0.9c0,0-0.4,1-1.4,1.6c0,0-1.4-0.4-1.9-2C0.9,32,2,31.9,2.9,31.5z"/>
<path class="st4" d="M2.7,33.6c0,0,1.2,1.1,2.2,1.4c0,0-0.3,0.8-1.2,1.8c0,0-1.4-0.6-2.4-1.9C1.3,35,2.1,34.3,2.7,33.6z"/>
<path class="st3" d="M3.8,36.5c0,0,1.3,1,2.2,1.2c0,0-0.3,0.8-1.1,1.9c0,0-1.5-0.5-2.5-1.8C2.4,37.8,3.2,37.3,3.8,36.5z"/>
<path class="st4" d="M4.9,39.1c0,0,1.4,0.8,2.4,0.9c0,0-0.2,0.8-0.8,2c0,0-1.5-0.3-2.7-1.4C3.7,40.6,4.4,40,4.9,39.1z"/>
</g>
</g>
<g>
<g>
<path class="st3" d="M-12.9,31.5c0,0-0.4,0.4-1.3,0.9c0,0,0.4,1,1.4,1.6c0,0,1.4-0.4,1.9-2C-10.9,32-12,31.9-12.9,31.5z"/>
<path class="st4" d="M-12.7,33.6c0,0-1.2,1.1-2.2,1.4c0,0,0.3,0.8,1.2,1.8c0,0,1.4-0.6,2.4-1.9C-11.3,35-12.1,34.3-12.7,33.6z"/>
<path class="st3" d="M-13.8,36.5c0,0-1.3,1-2.2,1.2c0,0,0.3,0.8,1.1,1.9c0,0,1.5-0.5,2.5-1.8C-12.4,37.8-13.2,37.3-13.8,36.5z"/>
<path class="st4" d="M-14.9,39.1c0,0-1.4,0.8-2.4,0.9c0,0,0.2,0.8,0.8,2c0,0,1.5-0.3,2.7-1.4C-13.7,40.6-14.4,40-14.9,39.1z"/>
</g>
</g>
</g>
<g class="st5">
<path d="M-8.8,27.4c0,2.8,0,5.4,0,5.4c-1.1,0-2.2,0-2.2,0c0-1.3,0-3.2,0-3.2c-0.2,0-0.5,0-0.5,0c0-0.9,0-2.2,0-2.2
C-10,27.3-8.8,27.4-8.8,27.4z"/>
<path d="M-7.8,31.7c-0.4-1-0.3-2.6,0.1-3.3c0.4-0.8,0.9-1,1.7-1c0.9,0,1.5,0.3,1.9,0.9c0.5,0.7,0.7,1.9,0.3,3.2
c-0.3,0.8-0.9,1.3-1.9,1.3C-6.5,32.8-7.4,32.7-7.8,31.7z M-6.7,29.8c0,0.3,0,0.7,0.4,0.8c0.3,0.1,0.7-0.1,0.7-0.5
c0-0.4-0.1-0.8-0.5-0.8C-6.6,29.2-6.7,29.6-6.7,29.8z"/>
<path d="M-2.8,31.7c-0.4-1-0.3-2.6,0.1-3.3c0.4-0.8,0.9-1,1.7-1c0.9,0,1.5,0.3,1.9,0.9c0.5,0.7,0.7,1.9,0.3,3.2
c-0.3,0.8-0.9,1.3-1.9,1.3C-1.5,32.8-2.4,32.7-2.8,31.7z M-1.7,29.8c0,0.3,0,0.7,0.4,0.8c0.3,0.1,0.7-0.1,0.7-0.5
c0-0.4-0.1-0.8-0.5-0.8C-1.5,29.2-1.6,29.6-1.7,29.8z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

18
assets/en/svg/ui/btn_tab_fes-f6f7d08ee7f4877df0c7b32998f6bad81fd3f8c28e287168dfffe7d6efb09f77.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

126
assets/en/svg/ui/btn_tab_fes_selected-7a0ef00ee7f4877df0c7b32998f6bad81fd3f8c28e287168dfffe7d6efb09f77.svg Normal file
View file

@ -0,0 +1,126 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 108 124" style="enable-background:new 0 0 108 124;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#9E39FF;}
.st1{fill:#212121;}
</style>
<g>
<path class="st0" d="M102.1,45c-0.8,0-1.6,0.2-2.5,0.7c-1.6,0.9-3.1,1.3-4.4,1.3c-1.2,0-2.3-0.4-3.1-1.2c-0.7-0.7-1.5-2.2-1.1-3.4
c0.1-0.5,0.6-1.2,1.7-1.4c1.2-0.2,1.6-0.9,1.5-1.4c0-0.4-0.4-0.8-1.1-0.8c-0.5,0-1.1,0.2-1.7,0.7c-0.3,0.2-0.5,0.3-0.8,0.3
c-0.7,0-1.3-0.6-1.4-1.3c0-0.5,0.3-1.1,1.3-1.3c2-0.4,4.6-1.6,5.1-2.9c0.1-0.4,0.1-0.7-0.2-1.1c-0.3-0.4-0.6-0.6-1-0.6
c-0.8,0-1.6,0.8-2.5,1.6c-0.7,0.6-1.4,1.3-2.1,1.5c-0.3,0.1-0.7,0.2-1,0.2c-0.7,0-1.4-0.3-1.7-0.7c-0.3-0.3-0.5-0.9-0.2-1.9
c0.7-2.7,5.4-5,8.2-6.4c0.6-0.3,1.2-0.6,1.6-0.8c0.8-0.5,1.2-1,1.1-1.6c-0.1-0.5-0.8-1-1.5-1c-0.3,0-0.7,0.1-0.9,0.5
c-1.2,2-6.4,5.6-9.4,6.6c-0.2,0.1-0.5,0.1-0.7,0.1c-0.6,0-1.2-0.3-1.5-0.8c-0.3-0.5-0.4-1.2-0.1-1.8c0.5-1,1.3-1.5,2-1.9
c0.8-0.4,1.4-0.8,1.7-1.8c0.1-0.5,0.1-0.8-0.2-1.1c-0.2-0.3-0.6-0.5-1.1-0.5c-0.2,0-0.4,0-0.6,0.1c-0.9,0.2-1.2,0.8-1.6,1.4
c-0.3,0.5-0.6,1.1-1.3,1.6c-0.3,0.2-0.8,0.4-1.3,0.4c-1,0-2-0.4-2.6-1.1c-0.5-0.5-0.8-1.3-0.8-2c0.1-2.4,4-8,5.7-9.4
c1.1-0.9,1.2-2,0.9-2.7c-0.2-0.5-0.5-0.8-0.9-0.8c-0.8,0-1.6,1-2.2,2.7c-2.1,5.5-3.6,9.1-5.8,9.1c-0.3,0-0.7-0.1-1-0.3
c-1.4-0.8-1.1-2.1-0.7-3.7l0-0.2c0.2-0.8,0.2-1.4-0.1-1.8c-0.2-0.3-0.6-0.4-0.8-0.4c-0.7,0-1.6,0.5-2.1,1.1
c-0.8,1.1-1.9,1.7-3.2,1.7c-1.3,0-2.6-0.7-3.3-1.7c-1.1-1.8,0.2-4.8,1.2-7.1l0.1-0.3c0.3-0.8,0.3-1.4,0-1.8
c-0.2-0.3-0.6-0.5-0.9-0.5c-0.3,0-0.6,0.1-0.8,0.4C63.3,8,63.2,8.4,63.2,9c0.2,3.1,0,6.5-3.4,7.7c-0.7,0.2-1.3,0.3-1.9,0.3
c-1.3,0-2.1-0.6-2.5-1.1c-0.6-0.7-0.9-1.6-0.7-2.5c0.1-0.5-0.1-1-0.4-1.3c-0.4-0.4-0.9-0.7-1.5-0.7c-0.5,0-0.9,0.2-1.3,0.5
c-0.4,0.4-0.6,1-0.5,1.7c0.1,3-1.7,3.8-3.3,4.2C47,17.9,46.5,18,46,18c-1.9,0-3-0.9-3.2-2.5c-0.2-1.6-0.6-2.8-1.2-2.8
c-0.1,0-0.1,0-0.2,0c-0.5,0.2-0.5,0.6-0.2,2c0.1,0.3,0.1,0.6,0.2,0.9c0.2,1.2,0.7,3.6-1.6,4.5c-0.4,0.2-0.8,0.2-1.1,0.2
c-1.4,0-2.1-1.3-2.9-3.5c-0.8-2.1-2-5.7-4.4-5.7c-0.8,0-1.6,0.4-2.6,1.1c-1.1,0.9-1.7,2.1-1.7,3.6c0,2.4,1.4,5.1,3.7,7.1
c1.5,1.2,1.6,2.5,1.5,3.1c-0.1,0.8-0.6,1.4-1.2,1.7c-0.3,0.1-0.5,0.2-0.8,0.2c-1.1,0-1.8-1-2.3-1.8c-1.5-2.3-2.9-3.5-4.1-3.5
c-0.2,0-0.5,0.1-0.7,0.2c-0.5,0.2-0.8,0.6-0.8,1c0,0.9,1.2,2.4,3.9,3.6c1.7,0.8,2.6,2,2.7,3.7c0,0.6-0.3,1.3-0.8,1.8
c-0.4,0.4-0.9,0.6-1.3,0.6c-0.4,0-1-0.2-1.5-1.1c0-0.1-0.1-0.2-0.1-0.2c-0.6-1.1-1.4-2.5-2.9-2.5c-0.1,0-0.3,0-0.4,0
c-1.2,0.2-2.1,1-2.1,2c0,1.1,0.9,2.4,3.5,3.1c0.9,0.2,1.5,0.7,1.8,1.4c0.5,1.3-0.2,2.9-0.7,3.7L24.4,40c-0.5,0.8-1.5,2.4-3.1,2.4
c-0.3,0-0.7-0.1-1-0.2c-0.6-0.3-1.2-0.6-1.8-1c-1-0.6-1.9-1.2-2.5-1.2c-0.2,0-0.4,0.1-0.5,0.3c-0.2,0.5-0.2,0.9,0.1,1.3
c0.5,0.8,2,1.3,4,1.4c0.7,0,1.4,0.4,1.7,1c0.5,0.9,0.6,2.2,0.1,3.1c-0.4,0.8-0.9,1.1-1.5,1.1c-0.5,0-1-0.3-1.5-0.5
c-0.4-0.2-0.9-0.5-1.3-0.5c-0.3,0-0.5,0.1-0.7,0.4c-0.3,0.4-0.4,0.9-0.2,1.4c0.3,0.7,1.2,1.1,2.4,1.1c0.1,0,0.3,0,0.4,0
c0,0,0,0,0.1,0c0.8,0,1.2,0.7,1.2,1.4c0,0.7-0.4,1.4-1.5,1.4c-0.4,0-1-0.1-1.6-0.4c-0.9-0.4-2.1-1.1-3.3-1.8
c-2.5-1.4-5.5-3.2-7.6-3.7c-0.5-0.2-1.1-0.2-1.6-0.2c-2.4,0-4.1,1.5-4.3,2.8c-0.3,1.8,0.5,3.1,2.2,3.5c0.7,0.2,1.3,0.3,2,0.3
c1,0,1.9-0.2,2.7-0.3c0.9-0.2,1.8-0.3,2.8-0.3c0.8,0,1.6,0.1,2.3,0.3c1.7,0.5,1.8,1.2,1.8,1.5c-0.1,0.4-0.5,0.7-1,0.7
c-0.7,0-1.2,0.3-1.4,0.7c-0.2,0.4-0.1,1,0.4,1.5c0.3,0.4,0.7,0.5,1.3,0.5c1,0,2.3-0.5,4.2-1.1c0.5-0.2,1-0.3,1.6-0.5
c0.2-0.1,0.4-0.1,0.6-0.1c0.9,0,1.5,0.7,1.6,1.7c0,0.9-0.5,1.9-1.6,2c-0.7,0.1-1.7,0.2-2.8,0.3c-1.7,0.2-3.5,0.4-4.3,0.5
c-1.7,0.2-3.1,0.8-3.6,1.5c-0.2,0.3-0.2,0.6,0,0.9c0.3,0.7,0.8,1,1.5,1c0.7,0,1.5-0.3,2.4-0.8c1.7-1,5.8-2.2,7.7-2.3
c0.1,0,0.1,0,0.2,0c1.7,0,2.8,1.7,3,3.3c0.1,1.4-0.5,2.4-1.5,2.6c-0.1,0-0.3,0-0.5,0c-0.4,0-0.8-0.1-1.2-0.1
c-0.4-0.1-0.8-0.1-1.2-0.1c-0.6,0-1.1,0.2-1.4,0.5c-0.4,0.4-0.6,1.3-0.4,2c0.1,0.4,0.4,0.9,1.2,1c0.3,0,0.5,0.1,0.8,0.1
c0.8,0,1.2-0.3,1.7-0.6c0.4-0.3,0.9-0.7,1.7-0.7c0.1,0,0.1,0,0.2,0c1.1,0,1.7,0.6,1.7,1.2c0,0.7-0.7,1.6-2.1,1.7
c-1.8,0.1-3.2,0.6-3.6,1.3c-0.2,0.3-0.1,0.6,0,0.9c0.2,0.4,0.5,0.5,0.7,0.5c0.5,0,1.1-0.3,1.7-0.7c0.3-0.2,0.7-0.4,1.1-0.6
c0.3-0.2,0.7-0.2,1.1-0.2c1.3,0,2.2,0.9,2.5,1.8c0.3,0.8,0.3,1.5-0.1,2.2c-0.4,0.7-1.1,1.3-2.1,1.6c-0.4,0.1-1,0.2-1.8,0.4
c-2,0.4-4.7,0.9-5.9,1.8c-1.9,1.4-2.5,3.3-1.6,4.7c0.9,1.4,2.2,1.7,3.1,1.7c1.3,0,2.7-0.7,3.4-1.7c1.8-2.6,4.5-5.2,6.2-6
c0.2-0.1,0.5-0.2,0.7-0.2c1.2,0,2.3,1.2,2.5,2.2c0.1,0.6-0.1,1.1-0.7,1.3c-1.1,0.4-1.8,1.1-2,2c-0.1,0.6,0.1,1.2,0.6,1.7
c0.3,0.3,0.7,0.5,1.1,0.5c1,0,2.1-0.8,2.3-1.3c0.5-0.8,1-1,1.3-1c0.6,0,1,0.5,1.1,1.3c0.2,1.7-1.2,3.4-2.4,5
c-0.6,0.8-1.2,1.5-1.5,2.1c-0.4,0.8-0.2,1.4,0,1.7c0.2,0.4,0.7,0.7,1.1,0.7c0.3,0,0.6-0.2,0.8-0.4c1.2-1.1,1.8-3.6,2.1-4.6l0,0
c0.3-0.8,1.1-0.9,1.3,0.3l0,0.4c0.4,3.2,1.2,6.1,3,6.6c4.2,1,2.9,10.6,5.2,18.9c2.8,10.6,12.1,8.4,12.3,0.1
c0.5-17.5,3.3-25.4,7.1-11.4c2.9,10.7,16.8,10,16.9-9.1c0-4,0.2-7.6,0.4-10.8c0.2-2.5,1.5-3,2.4-2.3c1,1.1,1.9,2.4,2.6,3.5
c0.2,0.4,0.5,0.7,0.7,1c0.1,0.2,0.3,0.4,0.4,0.6c0.9,1.2,2.3,3.3,3,3.3c0.1,0,0.1,0,0.1,0c0.3-0.2,0.4-0.5,0.4-0.8
c0-0.5-0.1-1.9-2.3-4c-0.3-0.3-0.7-0.6-1-0.9c-2.1-1.9-3.8-3.6-4.8-4.9c-0.6-0.9-1.1-3,0.4-3.1c1.1,0.2,2,1.8,2.4,2.5
c0.5,0.9,1.1,1.7,1.8,1.7c0.1,0,0.3,0,0.4,0c0.2-0.1,0.4-0.2,0.4-0.3c0-0.1-0.2-0.5-0.3-0.7c-0.3-0.4-0.6-1-0.1-1.4
c0.2-0.2,0.5-0.3,0.8-0.3c1.2,0,2.5,1.5,3.8,2.8l0.2,0.2c0.2,0.3,0.5,0.5,0.7,0.8c0.9,1,1.9,2.2,2.7,2.2c0.1,0,0.2,0,0.3,0
c0.5-0.2,0.8-0.5,0.9-1c0.1-0.8-0.6-2.1-2.9-3.6c-3.3-2.1-6.9-6-6.9-8.5c0-1.3,0.3-2.3,0.8-3c0.6-0.9,1.6-1.3,2.8-1.3
c0.2,0,0.3,0,0.5,0c0.9,0.1,1.8,0.6,2.9,1.1c1.4,0.7,3,1.5,5,1.8c0.2,0,0.3,0,0.5,0c1.4,0,2.1-0.9,2.2-1.7c0.1-1-0.5-2.3-2-2.7
c-1.6-0.4-2.9-0.6-4-0.7c-1.3-0.2-2.4-0.3-3.7-0.8c-0.8-0.3-1.4-0.9-1.6-1.9c-0.4-1.6,0.2-3.7,0.9-4.5c0.3-0.4,0.8-0.6,1.4-0.6
c1.1,0,2.5,0.5,3.9,1.2c0.2,0.1,0.5,0.2,0.7,0.2c1,0,1.9-0.9,1.9-1.7c0-0.6-0.6-1-1.6-1c-0.1,0-0.3,0-0.4,0c-0.4,0-1,0.1-1.6,0.1
c-2.3,0-3.5-0.6-3.8-1.6c-0.1-0.5-0.1-1,0.3-1.4c0.5-0.7,1.7-1.1,3.2-1.1c1.2,0,2.7,0.2,4.3,0.7c0.8,0.2,1.6,0.3,2.2,0.3
c3.3,0,4.2-2.6,4.2-4c0-1.2-0.5-2.3-1.2-3.1C103.8,45.4,103,45,102.1,45z"/>
<path class="st0" d="M9.7,40.8c0.1,0,0.1,0,0.2,0c0.9,0,1.8-0.4,2.4-1.2c0.7-0.9,0.9-2,0.6-3.1c-0.5-2-1.6-3.5-3.6-3.5
c-0.5,0-0.9,0.1-1.3,0.3c-0.5,0.3-1.1,1.1-1.3,1.8c-0.4,1.7-0.1,3.2,0.7,4.3C8.2,40.4,8.3,40.7,9.7,40.8z"/>
<path class="st0" d="M71.2,7.7L71.2,7.7c1.7,0,2.9-1.3,2.9-2.7c0-1.1,0-2.8-0.7-3.6c-0.6-0.6-1.6-1.1-2.3-1.1h0
c-2.2,0-3,1.3-3.1,3.3c0,0.8,0.2,2.2,0.8,2.8C69.5,7.1,70.3,7.7,71.2,7.7z"/>
<path class="st0" d="M101.6,96.2c-1.1,0-1.8,0.4-2.4,1.5c-0.6,1.1-0.1,3.1,0.9,3.8c0.6,0.4,0.6,0.6,1.3,0.6c0.9,0,1.2-0.4,1.9-0.9
c0.6-0.4,0.8-1,0.8-1.5c0.1-0.9-0.1-1.9-0.6-2.5C103.1,96.5,102.7,96.2,101.6,96.2z"/>
<path class="st0" d="M107,34.2c-0.4-0.5-0.7-0.6-1.4-0.6h0c-1.9,0-2.5,1-2.5,2.8c0,0.6,0.2,1.2,0.7,1.7c0.5,0.5,1.1,0.8,1.8,0.8h0
c1.5,0,2.1-1.4,2.1-2.8C107.7,35.3,107.5,34.6,107,34.2z"/>
<path class="st0" d="M40,8.1C40.1,8.1,40.1,8.1,40,8.1c1.1,0,1.8-1.1,1.9-2.8c0-1.7-0.7-2.6-1.9-2.7c0,0-0.1,0-0.1,0
c-1.3,0-2.2,1.1-2.3,2.5C37.6,6.5,38.9,8.1,40,8.1z"/>
<path class="st0" d="M26.7,97.5C26.6,97.5,26.6,97.5,26.7,97.5c-1.4,0-2.3,1.1-2.3,2.5c0,1.4,1.3,2.9,2.4,3c0,0,0,0,0.1,0
c1.1,0,1.8-1.1,1.8-2.8C28.6,98.5,27.9,97.5,26.7,97.5z"/>
<path class="st0" d="M87,7.3c0.1,0,0.3,0,0.4,0c0.5,0,0.7-0.2,1.3-0.6c0.5-0.3,0.7-0.9,0.8-1.3c0.1-0.5,0-1.5-0.4-2.1
c-0.5-0.8-0.7-1.1-1.5-1.1c-0.3,0-0.7,0.1-1,0.2c-1,0.4-1.3,1.9-1.2,3C85.5,6.8,86.4,7.2,87,7.3z"/>
<path class="st0" d="M2.8,62.7C2.8,62.7,2.7,62.7,2.8,62.7c-0.9,0-1.7,0.5-1.7,1.6c0,1.2,0.7,2.3,1.5,2.4c0.1,0,0.1,0,0.1,0
c1,0,1.8-0.6,1.8-1.6C4.6,64,4.1,62.7,2.8,62.7z"/>
<path class="st0" d="M88.7,9.9c-0.1,0.6,0.6,1,0.8,1c0.1,0,0.2,0,0.2,0c0.7,0,1-0.4,1.1-1.2c0-0.4-0.1-0.7-0.3-0.9
c-0.1-0.2-0.3-0.2-0.5-0.2l0,0C89.7,8.5,88.8,8.6,88.7,9.9z"/>
<path class="st0" d="M100,91.6c0-0.8-0.6-1.3-1.2-1.3c-0.1,0-0.1,0-0.2,0c-0.6,0-1.2,0.4-1.4,0.9c-0.2,0.4-0.1,0.9,0.1,1.2
c0.3,0.4,0.7,0.6,1.1,0.6l0,0C99.7,92.9,100.1,92.6,100,91.6z"/>
</g>
<g>
<path class="st1" d="M60.8,43.8c0.5,0.2,1,0.2,1.6,0.2c2.1,0,3.5-1.3,3.7-2.5c0.1-0.7-0.3-1.6-1.5-1.9c-0.3-0.1-0.6-0.1-0.8-0.1
c-2.5,0-3.5,3.2-3.5,3.3l-0.3,0l-0.7-1.2c0.4-0.9,2.7-4.6,7.1-4.9c0.2,0,0.4,0,0.6,0c1.7,0,3.2,0.6,4.3,1.7c1.2,1.3,1.8,3,1.7,4.1
c-0.1,2.8-3.4,4.4-10,4.8L60.8,43.8z"/>
<path class="st1" d="M50.3,47.3c-6.5-0.4-9.9-2-10-4.8c0-1.1,0.5-2.8,1.7-4.1c1.1-1.1,2.5-1.7,4.3-1.7c0.2,0,0.4,0,0.6,0
c4.3,0.3,6.7,4,7.1,4.9l-0.6,1.2l-0.3,0c0-0.1-1-3.3-3.5-3.3c-0.3,0-0.5,0-0.8,0.1c-1.2,0.3-1.6,1.2-1.5,1.9
c0.2,1.2,1.6,2.5,3.7,2.5c0.5,0,1-0.1,1.6-0.2L50.3,47.3z"/>
<g>
<path class="st1" d="M67,70.8c-0.3-0.5-0.9-2.2-1.9-7.2L65,63.2l-0.4,0c-0.4,0-0.7,0-1.1,0.1l-0.5,0l0.1,0.5
c0.7,3.3,1.4,5.7,1.8,7h-2.5c-0.2-0.5-0.7-2.1-1.3-7l0-0.4l-0.4,0c-0.4,0-0.8,0-1.1,0l-0.5,0l0.1,0.5c0.4,3.2,0.9,5.6,1.2,6.9
h-2.9c0-1.9-0.1-4.2-0.1-6.9l0-0.5l-0.8,0c-0.2,0-0.5,0-0.7,0l-0.5,0l0,0.5c0,2.7,0,5-0.1,6.9h-2.9c0.3-1.3,0.8-3.7,1.2-6.9
l0.1-0.5l-0.5,0c-0.4,0-0.8,0-1.1,0l-0.4,0l0,0.4c-0.5,4.9-1,6.5-1.3,7h-2.5c0.4-1.3,1.2-3.7,1.8-7l0.1-0.5l-0.5,0
c-0.4,0-0.8,0-1.1-0.1l-0.4,0l-0.1,0.4c-1,5-1.6,6.7-1.9,7.2h-2.8c0.8-1.3,2-3.7,3-7.2l0.2-0.5L45.5,63c-0.5,0-1-0.1-1.3-0.2
c0.4-0.4,0.8-0.9,1.2-1.4l0.5-0.7l-0.7-0.6c0,0-0.3-0.2-0.6-0.6c0.2-0.6,0.4-1.1,0.7-1.6c1-0.8,1.8-1.7,2.4-2.7l0.5-0.8l-0.7-0.5
c0,0-0.1-0.1-0.4-0.3c0.6-1.4,1.2-2.6,1.7-3.6c2.9-5.8,6.7-10.7,7.9-12.1c1.2,1.4,5,6.3,7.9,12.1c0.5,1,1.1,2.2,1.7,3.6
c-0.2,0.2-0.4,0.3-0.4,0.3l-0.7,0.5l0.5,0.8c0.6,1,1.5,1.9,2.4,2.7c0.2,0.5,0.4,1.1,0.7,1.6C68.3,60,68,60.2,68,60.2l-0.7,0.6
l0.5,0.7c0.4,0.5,0.8,0.9,1.2,1.4c-0.5,0.1-1.1,0.1-1.7,0.2l-0.6,0l0.2,0.5c1,3.5,2.2,5.9,3,7.2H67z M56.5,55.6
c-0.5,0-2.4,0.1-4.2,1L51.5,57l0.7,0.4c0.1,0,1.8,1.1,4.3,1.1c2.5,0,4.3-1.1,4.3-1.1l0.7-0.4l-0.7-0.4c-1.8-0.9-3.7-1-4.2-1
c0,0-0.1,0-0.1,0C56.6,55.6,56.5,55.6,56.5,55.6z M56.5,51.5c-0.5,0-2.4,0.1-4.2,1l-0.7,0.4l0.7,0.4c0.1,0,1.8,1.1,4.3,1.1
c2.5,0,4.3-1.1,4.3-1.1l0.7-0.4l-0.7-0.4c-1.8-0.9-3.7-1-4.2-1c0,0-0.1,0-0.1,0C56.6,51.5,56.5,51.5,56.5,51.5z M56.5,47.5
c-0.5,0-2.4,0.1-4.2,1l-0.7,0.4l0.7,0.4c0.1,0,1.8,1.1,4.3,1.1c2.5,0,4.3-1.1,4.3-1.1l0.7-0.4l-0.7-0.4c-1.8-0.9-3.7-1-4.2-1
c-0.1,0-0.1,0-0.1,0C56.6,47.5,56.5,47.5,56.5,47.5z"/>
</g>
<path class="st1" d="M35.2,64.6c-0.3-0.5-0.5-1-0.7-1.5c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6
c2.2-2.2,4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1c2.2,2.2,3.9,4.8,5.1,7.6
c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-0.2,0.5-0.4,1-0.7,1.5c-0.8-0.2-1.9-0.6-2.6-1c0.9-1.5,1.2-2.5,1.3-2.7l0.3-1
l-1-0.3c-0.1,0-0.1,0-0.2-0.1c0.6-1.9,0.9-3.9,0.9-5.9c0-3.5-0.9-6.9-2.6-9.9c0.1-0.4,0.2-0.9,0.2-1.4c0-1.4-0.6-3.6-2.1-5.1
c-1.4-1.4-3.2-2.1-5.3-2.1c-0.2,0-0.5,0-0.7,0c-0.5,0-0.9,0.1-1.4,0.2c-2.6-1.2-5.4-1.8-8.3-1.8c-2.9,0-5.7,0.6-8.3,1.8
c-0.4-0.1-0.9-0.2-1.4-0.2c-0.2,0-0.5,0-0.7,0c-2.1,0-3.9,0.7-5.3,2.1c-1.5,1.6-2.2,3.7-2.1,5.1c0,0.5,0.1,0.9,0.2,1.4
c-1.7,3-2.6,6.4-2.6,9.9c0,2,0.3,4,0.9,5.9c-0.1,0-0.1,0-0.2,0.1l-1,0.3l0.3,1c0,0.1,0.4,1.2,1.3,2.7C37,64,36,64.5,35.2,64.6z"/>
<path class="st1" d="M56.6,77.8c-3.2,0-6.4-0.6-9.3-1.9c-2.2-0.9-4.2-2.1-6-3.6h7.5c2.5,1.1,5.1,1.6,7.8,1.6c2.7,0,5.4-0.5,7.8-1.6
l7.5,0c-1.8,1.5-3.8,2.7-6,3.6C63,77.2,59.8,77.8,56.6,77.8z M71.8,71.1c0,0-0.7-0.9-1.5-2.6c0.2-0.2,0.4-0.4,0.6-0.6
c1.1,1.1,2.3,1.8,3.3,2.2c-0.2,0.2-0.4,0.4-0.6,0.6c-0.4,0.4-0.8,0.8-1.2,1.1L71.8,71.1z M40.6,71.7c-0.3-0.3-0.6-0.6-1-0.9
c-0.2-0.2-0.4-0.4-0.6-0.6c1-0.4,2.2-1.1,3.3-2.2c0.1,0.1,0.2,0.2,0.3,0.3c-0.9,1.9-1.6,2.9-1.6,2.9L40.6,71.7z"/>
<g>
<path class="st1" d="M74,64c1.3-1.9,1.7-3.3,1.7-3.3c-1.5-0.4-3.5-1.9-4.2-2.5c1.4-1.9,2-3.3,2-3.3c-1.3-0.4-2.9-1.7-3.7-2.4
c1.8-1.2,2.5-3.1,2.5-3.1c-1.7-0.9-2.6-1.8-2.6-1.8c-1.8,0.9-4,1.1-4,1.1c0.8,2.3,2.4,3.5,3.2,3.9c-1.1,1.3-2.4,2.2-2.4,2.2
c1.5,2.3,3.7,3.5,4.4,3.9c-1,1.3-2.2,2.3-2.2,2.3c1.5,2,3.4,3.1,4.4,3.5c-0.8,1.4-1.8,2.5-1.8,2.5c2.3,2.4,5.4,3,5.4,3
c1.3-2.5,1.7-4.3,1.7-4.3C76.8,65.5,74.9,64.6,74,64z"/>
<path class="st1" d="M47.6,48.6c0,0-2.2-0.1-4-1.1c0,0-0.9,0.9-2.6,1.8c0,0,0.7,1.9,2.5,3.1c-0.8,0.7-2.4,2-3.7,2.4
c0,0,0.5,1.4,2,3.3c-0.7,0.5-2.7,2-4.2,2.5c0,0,0.5,1.4,1.7,3.3c-0.9,0.5-2.8,1.5-4.2,1.7c0,0,0.3,1.8,1.7,4.3c0,0,3-0.6,5.4-3
c0,0-1-1.1-1.8-2.5c0.9-0.4,2.9-1.5,4.4-3.5c0,0-1.2-1-2.2-2.3c0.8-0.4,3-1.6,4.4-3.9c0,0-1.3-1-2.4-2.2
C45.3,52,46.9,50.9,47.6,48.6z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

11
ranking/index.html
View file

@ -41,6 +41,17 @@
<a href="?mode=gachi" class="mode-button" id="link-gachi">
<img id="img-gachi" src="../assets/en/svg/ui/btn_tab_gachi-1ab8351babd76ea6dd8e23eb86293c8ceafaf23b9cae3001166fabf3a01011a7.svg" alt="Ranked Battle">
</a>
<a href="?mode=fes" class="mode-button" id="link-fes">
<img id="img-fes" src="../assets/en/svg/ui/btn_tab_fes-f6f7d08ee7f4877df0c7b32998f6bad81fd3f8c28e287168dfffe7d6efb09f77.svg" alt="Splatfest">
</a>
</div>
<div class="rank-glass-panel">
<div class="rank-header-area">
<img src="/assets/en/svg/text/scene/rank/tx_splatfest-7a0ef00ee7f4877df0c7b32998f6bad81fd3f8c28e287168dfffe7d6efb09f77.svg" class="splatfest-title-svg">
<div class="splatfest-subtitle">Rice VS Bread</div>
</div>
<div id="ranking-cards-container"></div>
</div>
<div class="stages-container" id="stages-container"></div>

62
ranking/rank.js
View file

@ -62,6 +62,49 @@ window.loadHeader(function(headerContainer) {
}
};
const getRankIcon = (rank) => {
const icons = {
1: "tx_nb_1_purple-e854b65457dce33c1570ee22dfdc6f3dbe74b49606d08bc92d69fb6d1ed7690a.svg",
2: "tx_nb_2_purple-50c81f51ce9f30ce89dd3f01a9812c846e7fbb7a00fc95d72726a772d2ef5bd7.svg",
3: "tx_nb_3_purple-0901c032e718a09d5e4c9c1f47646a3958da7bb566a2d4da06322d7be2a911aa.svg",
4: "tx_nb_4_purple-a2e279292822c0f181b7726bcef1ee6c3d7a18b2763ec4d8c0a54ca452fc5e04.svg",
5: "tx_nb_5_purple-16e43ef9f23e514f900ede4bde7bcb81aa062af961c553374fc7c80566cf8b47.svg",
6: "tx_nb_6_purple-1ed2cae2808bb656eb89d986c9e10289fc273cb7d026b989af0aac39722c6989.svg",
7: "tx_nb_7_purple-8cae82b95463c7ca3ab55f0bf652d10e2212b43d99e442d89fda9b1951c8b261.svg",
8: "tx_nb_8_purple-faf0aa1407d058709db1338ba8d4c42495911d63e77e9653b74b26ff25f4f355.svg",
9: "tx_nb_9_purple-68d2b702b4240b2cd2886fb146d2c9835e1a2fd79b8d218cb5b7fb32cecb4bfa.svg"
};
return `../assets/en/svg/text/scene/rank/number/${icons[rank]}`;
};
const renderRankings = () => {
const container = document.getElementById('ranking-cards-container');
if (!container) return;
container.innerHTML = '';
for (let i = 1; i <= 9; i++) {
const card = document.createElement('div');
card.className = 'rank-card-container';
card.innerHTML = `
<div class="rank-bg"></div>
<div class="rank-profile-circle"></div>
<img src="${getRankIcon(i)}" class="rank-accent">
<div class="rank-name-row">
<img src="/assets/en/svg/ui/34b4b97a4411.svg" class="rank-power-icon">
<div class="rank-name">Player ${i}</div>
</div>
<div class="rank-power-value">${2500 - (i * 10)}</div>
<div class="rank-gear-row">
<img src="/assets/en/ui/gearbigbg.png" class="gear-main">
<img src="/assets/en/ui/gearsmallbg.png" class="gear-sub">
<img src="/assets/en/ui/gearsmallbg.png" class="gear-sub">
<img src="/assets/en/ui/gearsmallbg.png" class="gear-sub">
</div>
`;
container.appendChild(card);
}
};
const init = () => {
const cached = sessionStorage.getItem('user_cache');
if (cached) renderData(JSON.parse(cached));
@ -84,7 +127,6 @@ window.loadHeader(function(headerContainer) {
const nameEl = document.getElementById('mii-name');
if (nameEl) nameEl.textContent = "Guest";
}
console.error("Profile fetch failed:", err);
});
const urlParams = new URLSearchParams(window.location.search);
@ -92,20 +134,22 @@ window.loadHeader(function(headerContainer) {
const regImg = document.getElementById('img-regular');
const gachiImg = document.getElementById('img-gachi');
const fesImg = document.getElementById('img-fes');
const images = {
regular: "../assets/en/svg/ui/btn_tab_regular_selected-b636e3d21ace9434120061a32658b21a34feb6468553b6d6da30ce890b85ec1f.svg",
gachi: "../assets/en/svg/ui/btn_tab_gachi_selected-4796f167399dca12cb274dcb0348cdf709a1f722ddd241210e55a3e04fdb6ff4.svg",
fes: "../assets/en/svg/ui/btn_tab_fes_selected-7a0ef00ee7f4877df0c7b32998f6bad81fd3f8c28e287168dfffe7d6efb09f77.svg",
regular_off: "../assets/en/svg/ui/btn_tab_regular-40682de5f47922c608c0ddf6eddd44efcf4b0516092041cdb48977f777030487.svg",
gachi_off: "../assets/en/svg/ui/btn_tab_gachi-1ab8351babd76ea6dd8e23eb86293c8ceafaf23b9cae3001166fabf3a01011a7.svg"
gachi_off: "../assets/en/svg/ui/btn_tab_gachi-1ab8351babd76ea6dd8e23eb86293c8ceafaf23b9cae3001166fabf3a01011a7.svg",
fes_off: "../assets/en/svg/ui/btn_tab_fes-f6f7d08ee7f4877df0c7b32998f6bad81fd3f8c28e287168dfffe7d6efb09f77.svg"
};
if (regImg) regImg.src = (mode === 'regular') ? images.regular : images.regular_off;
if (gachiImg) gachiImg.src = (mode === 'gachi') ? images.gachi : images.gachi_off;
if (fesImg) fesImg.src = (mode === 'fes') ? images.fes : images.fes_off;
if (typeof loadRankings === 'function') {
loadRankings();
}
renderRankings();
const loadingOverlay = document.getElementById("loading-overlay");
if (loadingOverlay) {
@ -118,14 +162,6 @@ window.loadHeader(function(headerContainer) {
e.preventDefault();
const href = this.getAttribute('href');
window.history.pushState({}, '', href);
const loadingOverlay = document.getElementById("loading-overlay");
if (loadingOverlay) {
loadingOverlay.style.display = "flex";
if (typeof window.animateLoadingCanvas === 'function') {
window.animateLoadingCanvas();
}
}
init();
});
});

117
ranking/styles.css
View file

@ -173,22 +173,115 @@ body {
justify-content: center;
gap: 15px;
margin: 30px 0;
width: 100%;
transform: translateX(50px);
}
.mode-button {
cursor: pointer;
width: 280px;
transition: transform 0.1s ease-in-out;
text-decoration: none;
.mode-button { width: 280px; transition: transform 0.1s ease; }
.mode-button:hover { transform: scale(1.03); }
.rank-glass-panel {
width: 1044px;
background: rgba(0, 0, 0, 0.6);
border-radius: 25px;
margin: 40px auto;
padding: 30px 0;
display: flex;
flex-direction: column;
align-items: center;
transform: translateX(50px);
}
.mode-button:hover {
transform: scale(1.03);
.rank-header-area {
text-align: center;
margin-bottom: 10px;
}
.mode-button img {
width: 100%;
height: auto;
display: block;
.splatfest-title-svg {
height: 45px;
width: auto;
}
.splatfest-subtitle {
font-family: "Regular", sans-serif;
color: white;
font-size: 22px;
margin-top: 5px;
letter-spacing: 0.5px;
}
.rank-card-container {
position: relative;
width: 1000px;
height: 237px;
}
.rank-bg {
position: absolute;
left: 27px;
top: 35px;
width: 952px;
height: 187px;
background-color: #000000;
border-radius: 30px;
z-index: 1;
}
.rank-profile-circle {
position: absolute;
left: 74px;
top: 79px;
width: 96px;
height: 96px;
background: #ffffff;
border-radius: 50%;
z-index: 2;
}
.rank-name-row {
position: absolute;
left: 204px;
top: 55px;
display: flex;
align-items: center;
gap: 10px;
z-index: 3;
}
.rank-name {
font-family: 'Regular', sans-serif;
font-size: 40px;
color: white;
}
.rank-power-icon { width: 54px; height: 42px; }
.rank-power-value {
position: absolute;
left: 200px;
top: 70px;
font-family: 'Splatoon1', sans-serif;
font-size: 90px;
color: white;
z-index: 3;
}
.rank-gear-row {
position: absolute;
left: 510px;
top: 95px;
display: flex;
gap: 12px;
z-index: 3;
}
.gear-main { width: 130px; height: 112px; }
.gear-sub { width: 84px; height: 73px; }
.rank-accent {
position: absolute;
left: 47px;
top: 20px;
width: 21px;
height: 41px;
z-index: 4;
}