From f0254fc2eaefc52b6c35c96af017410ac2851c39 Mon Sep 17 00:00:00 2001 From: Thomas G <62822072+Thomasluigi07@users.noreply.github.com> Date: Mon, 20 Jun 2022 21:03:11 +1000 Subject: [PATCH] Added Divs and Profile page, Oh My! --- 404.html | 4 +- games.html | 4 +- home.html | 4 +- home.js | 4 ++ index.html | 4 +- index.js | 4 ++ login.html | 4 +- main.css | 31 +++++++++----- main.js | 4 ++ nimda/panel.html | 4 +- privacy.html | 4 +- profile.html | 67 ++++++++++++++++++++++++++++++ profile.js | 104 +++++++++++++++++++++++++++++++++++++++++++++++ signup.html | 4 +- tos.html | 4 +- 15 files changed, 222 insertions(+), 28 deletions(-) create mode 100644 profile.html create mode 100644 profile.js diff --git a/404.html b/404.html index 4036884..8dfc4dd 100644 --- a/404.html +++ b/404.html @@ -52,9 +52,9 @@

You may have mistyped a URL.

Error Image - + \ No newline at end of file diff --git a/games.html b/games.html index 4d98eb6..6d33d55 100644 --- a/games.html +++ b/games.html @@ -48,9 +48,9 @@

Games Page

- + \ No newline at end of file diff --git a/home.html b/home.html index 5feafce..a602a96 100644 --- a/home.html +++ b/home.html @@ -56,9 +56,9 @@

You haven't played any games yet.

- + \ No newline at end of file diff --git a/home.js b/home.js index 4c6d8fd..587a641 100644 --- a/home.js +++ b/home.js @@ -92,6 +92,10 @@ window.onload = function() { username = "" navbarsignedincontainer.className = "invisible" navbarlogincontainer.className = "" + } else if (username == "") { + username = "" + navbarsignedincontainer.className = "invisible" + navbarlogincontainer.className = "" } else { navbarsignedincontainer.className = "" navbarlogincontainer.className = "invisible" diff --git a/index.html b/index.html index ff42279..bb4c18a 100644 --- a/index.html +++ b/index.html @@ -59,9 +59,9 @@

Your username is:

- + \ No newline at end of file diff --git a/index.js b/index.js index 1b0f49a..fd9b76d 100644 --- a/index.js +++ b/index.js @@ -96,6 +96,10 @@ window.onload = function() { username = "" navbarsignedincontainer.className = "invisible" navbarlogincontainer.className = "" + } else if (username == "") { + username = "" + navbarsignedincontainer.className = "invisible" + navbarlogincontainer.className = "" } else { navbarsignedincontainer.className = "" navbarlogincontainer.className = "invisible" diff --git a/login.html b/login.html index 857856d..49f0ccb 100644 --- a/login.html +++ b/login.html @@ -48,9 +48,9 @@

nothing

- + \ No newline at end of file diff --git a/main.css b/main.css index d5389b8..8479a42 100644 --- a/main.css +++ b/main.css @@ -44,6 +44,21 @@ float: inline-end; top: 11px; } +#profilefriendscontainer p, #profilefriendscontainer a { + display: inline; +} +#profiletopcontainer { + margin-bottom: 30px; + display: block; + width: 100%; +} +#profilemiddlecontainer { + text-align: center; + margin-right: 50%; +} +#btncontainer { + margin-left: 75%; +} .navbarbutton { position: relative; top: 10px; @@ -100,35 +115,31 @@ body { } .content { color: black; - min-height: 300px; max-width: 1000px; - margin-right: 20px; - margin-left: 20px; margin: auto; margin-top: 105px; padding-left: 5px; padding-right: 5px; - background-color: white; + min-height: 300px; + background-color: rgba(255, 255, 255, 0.8); padding-bottom: 5px; padding-top: 5px; } .content p a, .content a { color: black } -footer { +#footer { text-align: center; max-width: 1000px; - margin-right: 20px; - margin-left: 20px; + margin: auto; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px; - background-color: rgb(179, 179, 179); + background-color: rgba(172, 172, 172, 0.8); min-height: fit-content; - margin: auto; } -footer p, footer a { +#footer p, #footer a { color: black; } p,h1 { diff --git a/main.js b/main.js index b3b085f..bd60cbe 100644 --- a/main.js +++ b/main.js @@ -83,6 +83,10 @@ window.onload = function() { username = "" navbarsignedincontainer.className = "invisible" navbarlogincontainer.className = "" + } else if (username == "") { + username = "" + navbarsignedincontainer.className = "invisible" + navbarlogincontainer.className = "" } else { navbarsignedincontainer.className = "" navbarlogincontainer.className = "invisible" diff --git a/nimda/panel.html b/nimda/panel.html index fe29262..a13abcc 100644 --- a/nimda/panel.html +++ b/nimda/panel.html @@ -50,9 +50,9 @@

You do not have access to this page.

Error Image - + \ No newline at end of file diff --git a/privacy.html b/privacy.html index 9039e32..8d4ecab 100644 --- a/privacy.html +++ b/privacy.html @@ -76,9 +76,9 @@

Privacy Policy Complaints and Enquiries

If you have any queries or complaints about our Privacy Policy, please contact us on our Discord.

- + diff --git a/profile.html b/profile.html new file mode 100644 index 0000000..c84667f --- /dev/null +++ b/profile.html @@ -0,0 +1,67 @@ + + + + morblox.us - Profile + + + + + + + + + + + + + + + +
+ MORBLOX Logo + +
+ Home + Games + Catalog + Build + Upgrade + Forum +
+ + +
+
+
+ Profile + Avatar + Settings +
+
+ +
+
+

OnlyTwentyCharacters

+

"I'm new to MORBLOX!"

+
+

Friends

+ 0 +
+
+
+ profile image +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+ + + \ No newline at end of file diff --git a/profile.js b/profile.js new file mode 100644 index 0000000..b720882 --- /dev/null +++ b/profile.js @@ -0,0 +1,104 @@ +window.addEventListener('resize', function() { + var logo_full = document.getElementById("logo_full") + var logo_small = document.getElementById("logo_small") + var smallbtn = document.getElementById("smallbtn1") + var smallbtn0 = document.getElementById("smallbtn0") + var smallbtn2 = document.getElementById("smallbtn2") + var smallbtn3 = document.getElementById("smallbtn3") + var smallbtn1 = document.getElementById("smallbtn4") + var smallbtn5 = document.getElementById("smallbtn5") + var viewport_width = window.innerWidth; + if (viewport_width < 900) { + logo_full.className = "invisible"; + logo_small.className = ""; + } else { + logo_small.className = "invisible"; + logo_full.className = ""; + } + if (viewport_width < 600) { + smallbtn.className = "invisible"; + smallbtn2.className = "invisible"; + smallbtn3.className = "invisible"; + } else { + smallbtn.className = "navbarbutton"; + smallbtn2.className = "navbarbutton"; + smallbtn3.className = "navbarbutton"; + } + if (viewport_width < 425) { + smallbtn0.className = "invisible"; + smallbtn1.className = "invisible"; + } else { + smallbtn0.className = "navbarbutton"; + smallbtn1.className = "navbarbutton"; + } + if (viewport_width < 280) { + smallbtn5.className = "invisible"; + } else { + smallbtn5.className = "navbarbutton"; + } +}); +window.onload = function() { + var username = localStorage.getItem("username"); + var usernamecontainer = document.getElementById("usernameframe") + if (username == null) { + usernamecontainer.innerHTML = `Not signed in.` + } else if (username == "") { + usernamecontainer.innerHTML = `Not signed in.` + } else { + usernamecontainer.innerHTML = `${username}` + } + var logo_full = document.getElementById("logo_full") + var logo_small = document.getElementById("logo_small") + var smallbtn = document.getElementById("smallbtn1") + var smallbtn0 = document.getElementById("smallbtn0") + var smallbtn2 = document.getElementById("smallbtn2") + var smallbtn3 = document.getElementById("smallbtn3") + var smallbtn1 = document.getElementById("smallbtn4") + var smallbtn5 = document.getElementById("smallbtn5") + var viewport_width = window.innerWidth; + if (viewport_width < 900) { + logo_full.className = "invisible"; + logo_small.className = ""; + } else { + logo_small.className = "invisible"; + logo_full.className = ""; + } + if (viewport_width < 600) { + smallbtn.className = "invisible"; + smallbtn2.className = "invisible"; + smallbtn3.className = "invisible"; + } else { + smallbtn.className = "navbarbutton"; + smallbtn2.className = "navbarbutton"; + smallbtn3.className = "navbarbutton"; + } + if (viewport_width < 425) { + smallbtn0.className = "invisible"; + smallbtn1.className = "invisible"; + } else { + smallbtn0.className = "navbarbutton"; + smallbtn1.className = "navbarbutton"; + } + if (viewport_width < 280) { + smallbtn5.className = "invisible"; + } else { + smallbtn5.className = "navbarbutton"; + } + var username = localStorage.getItem("username"); + var navbarsignedincontainer = document.getElementById("navbarsignedincontainer"); + var navbarusername = document.getElementById("navbarusername"); + var navbarlogincontainer = document.getElementById("navbarlogincontainer"); + if (username == null) { + username = "" + navbarsignedincontainer.className = "invisible" + navbarlogincontainer.className = "" + } else if (username == "") { + username = "" + navbarsignedincontainer.className = "invisible" + navbarlogincontainer.className = "" + } else { + navbarsignedincontainer.className = "" + navbarlogincontainer.className = "invisible" + } + navbarusername.innerHTML = username +}; \ No newline at end of file diff --git a/signup.html b/signup.html index 941fdad..004c0e5 100644 --- a/signup.html +++ b/signup.html @@ -48,9 +48,9 @@

Nothing

- + \ No newline at end of file diff --git a/tos.html b/tos.html index 7500a1c..7928ecb 100644 --- a/tos.html +++ b/tos.html @@ -60,9 +60,9 @@

• Do not ban evade.

• Don't spam.

- + \ No newline at end of file