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

copy stuff from friends list to equipment (yes thats all ive done im distracted by this live stream)

Browse source
This commit is contained in:
kittentm 2026-02-25 01:19:50 +01:00
commit fc65d9a363
2 changed files with 50 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
equipment/index.html
View file

@ -22,7 +22,10 @@
</div> </div>
</div> </div>
<div class="main-wrapper"> <div class="main-wrapper">
<div class="content"> <div class="content">
<div class="header-flex-row">
<div class="logo-left-align"> <div class="logo-left-align">
<div id="stage-header-logo"> <div id="stage-header-logo">
<img class="bg-layer" src="../assets/en/svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg"> <img class="bg-layer" src="../assets/en/svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg">
@ -33,9 +36,14 @@
Check out the gear and weapons you had equipped while playing online! Check out the gear and weapons you had equipped while playing online!
</div> </div>
</div> </div>
<div class="stages-container" id="stages-container"></div>
</div> <div class="splat-info-box">
<p>example text lols</p>
</div>
</div> <div class="stages-container" id="stages-container"></div>
</div> </div>
</div>
<script src="/assets/general.js"></script> <script src="/assets/general.js"></script>
<script src="equipment.js"></script> <script src="equipment.js"></script>

46
equipment/styles.css
View file

@ -12,6 +12,16 @@
font-style: normal; font-style: normal;
} }
.content {
position: relative;
display: block;
width: 100vw;
min-height: 100vh;
padding: 0;
margin: 0;
box-sizing: border-box;
}
html { html {
height: 100%; height: 100%;
} }
@ -26,6 +36,7 @@ body {
background-repeat: repeat; background-repeat: repeat;
background-size: 800px 800px; background-size: 800px 800px;
background-attachment: fixed; background-attachment: fixed;
overflow-x: hidden;
} }
.menu-item .hover-state { .menu-item .hover-state {
@ -112,14 +123,12 @@ body {
} }
.logo-left-align { .logo-left-align {
display: flex; display: block;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%; width: 100%;
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
margin-left: 40px; padding-left: 40px;
box-sizing: border-box;
} }
#stage-header-logo { #stage-header-logo {
@ -160,11 +169,34 @@ body {
.equipmentsubtitle-text { .equipmentsubtitle-text {
margin: 0; margin: 0;
padding-top: 20px; padding-top: 20px;
padding-right: 100px;
max-width: 1200px;
text-align: left; text-align: left;
color: white; color: white;
font-family: "Regular", sans-serif; font-family: "Regular", sans-serif;
font-size: 24px; font-size: 24px;
line-height: 1.3; line-height: 1.3;
width: 100%;
}
.splat-info-box {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 10px;
padding: 25px 40px;
width: 600px;
height: auto;
min-height: 150px;
position: absolute;
top: 180px;
left: 40%;
transform: translateX(-50%);
z-index: 5;
box-sizing: border-box;
}
.splat-info-box p {
color: #ffffff;
font-family: "Regular", sans-serif;
font-size: 20px;
line-height: 1.6;
margin: 0;
text-align: left;
} }