fully implement new header

This commit is contained in:
kittentm 2026-02-01 04:57:59 +01:00
commit 788e23d190
9 changed files with 390 additions and 189 deletions

View file

@ -10,6 +10,9 @@
<link rel="stylesheet" href="policy.css" />
</head>
<body>
<div class="header">
<img src="/assets/SplatNetLogo.png" class="logo" alt="SplatNet Logo" />
</div>
<div id="squid-container">
<canvas id="squid-canvas" width="1920" height="1080"></canvas>
</div>
@ -85,7 +88,5 @@
</div>
</div>
<script src="policy.js"></script>
</body>
</html>

View file

@ -18,11 +18,28 @@ body {
color: white;
}
.header {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: relative;
z-index: 1;
}
.logo {
display: block;
max-width: 280px;
height: auto;
}
.content {
display: flex;
flex-direction: column;
align-items: center;
padding: 24px 20px;
position: relative;
z-index: 1;
}
.policy-container {
@ -85,13 +102,6 @@ body {
z-index: 0;
}
#header-container .logo,
#header-container .icon-header-logo {
display: block;
margin: 0 auto;
max-height: 120px;
}
.text-link {
color: inherit;
text-decoration: none;

View file

@ -1,10 +0,0 @@
fetch("../header.html")
.then(res => res.text())
.then(html => {
document.getElementById("header-container").innerHTML = html;
})
.catch(err => console.error("Failed to load header:", err));
(function(){
ika_swim('div#ika_swim');
})();