Added Divs and Profile page, Oh My!
This commit is contained in:
Thomas G
parent
90b0321450
commit
f0254fc2ea
4
404.html
4
404.html
|
|
@ -52,9 +52,9 @@
|
|||
<p>You may have mistyped a URL.</p>
|
||||
<img alt="Error Image" src="error.png" width="503" height="579">
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -48,9 +48,9 @@
|
|||
<div class="content">
|
||||
<p>Games Page</p>
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -56,9 +56,9 @@
|
|||
<p>You haven't played any games yet.</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
4
home.js
4
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"
|
||||
|
|
|
|||
|
|
@ -59,9 +59,9 @@
|
|||
<p id="UsernameContainer">Your username is:</p>
|
||||
</form>
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
4
index.js
4
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"
|
||||
|
|
|
|||
|
|
@ -48,9 +48,9 @@
|
|||
<div class="content">
|
||||
<p>nothing</p>
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
31
main.css
31
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 {
|
||||
|
|
|
|||
4
main.js
4
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"
|
||||
|
|
|
|||
|
|
@ -50,9 +50,9 @@
|
|||
<p>You do not have access to this page.</p>
|
||||
<img alt="Error Image" src="../error.png" width="503" height="579">
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="../privacy.html">Privacy Policy</a> and the <a href="../tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -76,9 +76,9 @@
|
|||
<h2>Privacy Policy Complaints and Enquiries</h2>
|
||||
<p>If you have any queries or complaints about our Privacy Policy, please contact us on our Discord.</p>
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,67 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<title>morblox.us - Profile</title>
|
||||
<meta content="morblox.us - Profile" property="og:title"/>
|
||||
<meta content="MORBLOX is a work in progress revival." property="og:description"/>
|
||||
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/" property="og:url"/>
|
||||
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/MORBLOXlogo.png" property="og:image"/>
|
||||
<meta content="#4b4b4b" data-react-helmet="true" name="theme-color"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
|
||||
<link rel="apple-touch-icon" href="MORBLOX.png"/>
|
||||
<link rel="apple-touch-startup-image" href="MORBLOXSplash.png"/>
|
||||
<link rel="icon" type="image/x-icon" href="MORBLOX.ico">
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<script type="text/javascript" src="profile.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar">
|
||||
<a id="logo_full" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
|
||||
<a id="logo_small" class="invisible" href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="45" height="40"/></a>
|
||||
<div class="navbarbuttoncontainer">
|
||||
<a class="navbarbutton" id="smallbtn5" href="home.html">Home</a>
|
||||
<a class="navbarbutton" id="smallbtn4" href="games.html">Games</a>
|
||||
<a class="navbarbutton" id="smallbtn0" href="catalog.html">Catalog</a>
|
||||
<a class="navbarbutton" id="smallbtn1" href="build.html">Build</a>
|
||||
<a class="navbarbutton" id="smallbtn2" href="upgrade.html">Upgrade</a>
|
||||
<a class="navbarbutton" id="smallbtn3" href="forum.html">Forum</a>
|
||||
</div>
|
||||
<div id="navbarlogincontainer" class="">
|
||||
<p><a href="signup.html">Sign Up</a> or <a href="login.html">Log In</a>
|
||||
</div>
|
||||
<div id="navbarsignedincontainer" class="invisible">
|
||||
<p id="navbarusername">nil</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallnav">
|
||||
<div class="smallnavbarbuttoncontainer">
|
||||
<a class="smallnavbarbutton" href="profile.html">Profile</a>
|
||||
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
|
||||
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="invisible" id="alert">
|
||||
<p class="alerttext" id="alerttext">ALERT TEXT</p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div id="profiletopcontainer">
|
||||
<h1 id="usernameframe">OnlyTwentyCharacters</h1>
|
||||
<p id="status">"I'm new to MORBLOX!"</p>
|
||||
<div id="profilefriendscontainer">
|
||||
<p>Friends</p>
|
||||
<a href="friends.html" id="friends">0</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="profilemiddlecontainer">
|
||||
<img alt="profile image" src="error.png" width="25%">
|
||||
<p id="bio">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.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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
|
||||
};
|
||||
|
|
@ -48,9 +48,9 @@
|
|||
<div class="content">
|
||||
<p>Nothing</p>
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
4
tos.html
4
tos.html
|
|
@ -60,9 +60,9 @@
|
|||
<p>• Do not ban evade.</p>
|
||||
<p>• Don't spam.</p>
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo, or the Pirates of the Caribbean. ARrrr!</p>
|
||||
<p>Before signing up, please read the <a href="privacy.html">Privacy Policy</a> and the <a href="tos.html">Terms of Service</a>.</p>
|
||||
</footer>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue