diff --git a/Splatoon1.otf b/Splatoon1.otf new file mode 100644 index 0000000..13050f4 Binary files /dev/null and b/Splatoon1.otf differ diff --git a/assets/hamburgerbar.png b/assets/hamburgerbar.png new file mode 100644 index 0000000..de5dfc7 Binary files /dev/null and b/assets/hamburgerbar.png differ diff --git a/assets/stageinfo.png b/assets/stageinfo.png new file mode 100644 index 0000000..cedd13f Binary files /dev/null and b/assets/stageinfo.png differ diff --git a/html/login/loginpage.html b/html/login/loginpage.html new file mode 100644 index 0000000..037ed38 --- /dev/null +++ b/html/login/loginpage.html @@ -0,0 +1,71 @@ + +Splatnet | Login + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+
diff --git a/stages.html b/html/stages/stages.html similarity index 60% rename from stages.html rename to html/stages/stages.html index 7925764..eb5958c 100644 --- a/stages.html +++ b/html/stages/stages.html @@ -15,6 +15,7 @@ background-size: 800px 800px; } + /* HEADER */ .header { position: relative; height: 150px; @@ -32,18 +33,45 @@ ); } + .hamburger { + position: absolute; + left: 40px; + top: 40%; + transform: translateY(-50%); + height: 50px; + cursor: pointer; + z-index: 3; + } + .logo { max-height: 120px; - margin-top: 0px; z-index: 2; } + + /* MAIN CONTENT */ + .content { + display: flex; + justify-content: center; + padding-top: 24px; + } + + .stage-info { + width: 65%; + max-width: 600px; + height: auto; + }
+ Menu
+
+ Stage Info +
+ diff --git a/html/stages/styles.css b/html/stages/styles.css new file mode 100644 index 0000000..36ae99c --- /dev/null +++ b/html/stages/styles.css @@ -0,0 +1,6 @@ +.content { + display: flex; + justify-content: center; + padding-top: 24px; + padding-bottom: 300px; /* forces scroll */ +}