forked from spacebar/SplatNet
add more pages & update them
This commit is contained in:
parent
9dfda09b03
commit
b5c1990aa9
6 changed files with 106 additions and 1 deletions
71
html/login/loginpage.html
Normal file
71
html/login/loginpage.html
Normal file
File diff suppressed because one or more lines are too long
77
html/stages/stages.html
Normal file
77
html/stages/stages.html
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>SplatNet | Stages</title>
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("assets/stage.png");
|
||||
background-repeat: repeat;
|
||||
background-size: 800px 800px;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.header {
|
||||
position: relative;
|
||||
height: 150px;
|
||||
background-color: black;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
|
||||
clip-path: polygon(
|
||||
0% 0%, 100% 0%, 100% 80%,
|
||||
90% 85%, 80% 75%, 70% 85%,
|
||||
60% 75%, 50% 85%, 40% 75%,
|
||||
30% 85%, 20% 75%, 10% 85%,
|
||||
0% 80%
|
||||
);
|
||||
}
|
||||
|
||||
.hamburger {
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
top: 40%;
|
||||
transform: translateY(-50%);
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.logo {
|
||||
max-height: 120px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* MAIN CONTENT */
|
||||
.content {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
.stage-info {
|
||||
width: 65%;
|
||||
max-width: 600px;
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<img src="assets/hamburgerbar.png" class="hamburger" alt="Menu">
|
||||
<img src="assets/SplatNetLogo.png" class="logo" alt="SplatNet Logo">
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<img src="assets/stageinfo.png" class="stage-info" alt="Stage Info">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
6
html/stages/styles.css
Normal file
6
html/stages/styles.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
.content {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-top: 24px;
|
||||
padding-bottom: 300px; /* forces scroll */
|
||||
}
|
||||
Loading…
Reference in a new issue