kitten/SplatNet
Watch
0
0
Fork
You've already forked SplatNet
 0
forked from spacebar/SplatNet
Code Pull requests Activity

add banner to ranking page, as well as fix oopsie on equipment page

Browse source
This commit is contained in:
kittentm 2026-02-04 05:07:59 +01:00
commit fc38b5e269
3 changed files with 75 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
equipment/index.html
View file

@ -32,7 +32,7 @@
<img class="label-layer" src="../assets/en/svg/text/scene/equipment/tx_equipment-ea02b805bb9aec4677fb4a4629f515d402822e8eed1f3fcc524336fe3c813fee.svg">
</div>
<div class="equipmentsubtitle-text">
Win battles to raise your weekly rank! Rankings are reset every Sunday at midnight! (Your rank is calculated by multiplying number of wins X win rate.)
Check out the gear and weapons you had equipped while playing online!
</div>
<div class="stages-container" id="stages-container"></div>
</div>

18
ranking/index.html
View file

@ -19,9 +19,23 @@
<img src="/assets/en/svg/text/wait/tx_loading-dccf3fb801ca859f2d17992f5cd7da62995c1fe81a306dd103398ef7c0e25b70.svg" alt="Loading">
</div>
</div>
<div class="main-wrapper">
<div id="header-container"></div>
<div class="content">
<div class="logo-left-align">
<div id="stage-header-logo">
<img class="bg-layer" src="../assets/en/svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg">
<img class="icon-layer" src="../assets/en/svg/ui/ico_ranking-c89e570ab4d08a764d285e453423188b1976895b3feacf031e3f231b1506b441.svg">
<img class="label-layer" src="../assets/en/svg/text/scene/rank/tx_ranking_wht-f79b9c472757006700455a8b74eaa4e50fee7c316373c98d873e0769f9bdb6d9.svg">
</div>
<div class="equipmentsubtitle-text">
Win battles to raise your weekly rank! Rankings are reset every Sunday at midnight! (Your rank is calculated by multiplying number of wins X win rate.)
</div>
<div class="stages-container" id="stages-container"></div>
</div>
<script>
//TODO: migrate into accompanying JS, just put it in here for now to allow for copy paste,
//however ie screams abt you doing this afaik

58
ranking/styles.css
View file

@ -109,4 +109,62 @@ body {
height: 35px;
width: auto;
display: block;
}
.logo-left-align {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 40px;
}
#stage-header-logo {
position: relative;
width: 400px;
height: 80px;
cursor: default;
pointer-events: none;
margin-bottom: 10px;
}
#stage-header-logo .bg-layer {
width: 400px;
height: auto;
position: relative;
display: block;
}
#stage-header-logo .icon-layer {
position: absolute;
width: 65px;
left: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
margin-left: 10px;
}
#stage-header-logo .label-layer {
position: absolute;
width: 200px;
left: 110px;
top: 45%;
transform: translateY(-50%);
z-index: 2;
}
.equipmentsubtitle-text {
margin: 0;
padding-top: 20px;
padding-right: 100px;
max-width: 1200px;
text-align: left;
color: white;
font-family: "Regular", sans-serif;
font-size: 24px;
line-height: 1.3;
}