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

add top banner to equipment page

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

16
equipment/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_equipment-40943361040a3d62c745a21d1a1fa95794c851f378e11334f2dc6c1cc81b4984.svg">
<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.)
</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
@ -41,6 +55,6 @@
});
</script>
<script src="equipment.js"></script>
<script src="friendlist.js"></script>
</body>
</html>

58
equipment/styles.css
View file

@ -110,3 +110,61 @@ body {
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;
}