added game page
This commit is contained in:
Thomas G
parent
d7a37beff1
commit
b5a8260b87
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<title>morblox.us - MORBLOX HQ</title>
|
||||
<meta content="morblox.us - MORBLOX HQ" 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 src="main.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar">
|
||||
<a id="logo_full" href="home.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
|
||||
<a id="logo_small" class="invisible" href="home.html"><img alt="MORBLOX Logo" src="MORBLOXlogoshort.png" width="45" height="40"/></a>
|
||||
<div class="navbarbuttoncontainer">
|
||||
<a class="navbarbutton" id="smallbtn5" href="games.html">Games</a>
|
||||
<a class="navbarbutton" id="smallbtn4" href="catalog.html">Catalog</a>
|
||||
<a class="navbarbutton" id="smallbtn0" href="build.html">Build</a>
|
||||
<a class="navbarbutton" id="smallbtn1" href="forum.html">Forum</a>
|
||||
<a class="navbarbutton" id="smallbtn2" href="profile.html">Profile</a>
|
||||
<a class="navbarbutton" id="smallbtn3" href="forum.html">Settings</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 class="nonbolded" id="navbarusername">nil <a href="logout.html">Sign out...</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallnav">
|
||||
<div class="smallnavbarbuttoncontainer">
|
||||
<a class="smallnavbarbutton" href="friends.html">Friends</a>
|
||||
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
|
||||
<a class="smallnavbarbutton" href="Settings.html">Transactions</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smallnav">
|
||||
<div class="smallnavbarbuttoncontainer">
|
||||
<a class="smallnavbarbutton" href="friends.html">Friends</a>
|
||||
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
|
||||
<a class="smallnavbarbutton" href="Settings.html">Transactions</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="invisible" id="alert">
|
||||
<p class="alerttext" id="alerttext">ALERT TEXT</p>
|
||||
</div>
|
||||
<div class="invisible" id="LoadingGame">
|
||||
<button class="redbutton" id="closebuttondl">X</button>
|
||||
<img id="loadlogo" src="MORBLOXlogoshort.png">
|
||||
<p>Loading MORBLOX...</p>
|
||||
<p id="downloadask">Don't have MORBLOX installed?</p>
|
||||
<button class="bluebutton" id="loadingdlbutton">Download and Play!</button>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="content_special" id="gametopcontainer">
|
||||
<div class="leftgamecontainer">
|
||||
<img id="gamethumbnail_large">
|
||||
</div>
|
||||
<div class="rightgamecontainer">
|
||||
<h1 id="gamename">OnlyTwentyCharacters's Place</h1>
|
||||
<p>By <a href="profile.html" id="gamecreator">OnlyTwentyCharacters</a></p>
|
||||
<button id="playbutton" class="greenbutton" style="width: 100%; height: 50px; font-size: x-large; margin-top: 115px; align-content: center;">Play</button>
|
||||
</div>
|
||||
</div>
|
||||
<ul></ul>
|
||||
<p id="placedescription">This is a description for the place "OnlyTwentyCharacters's Place", made by "OnlyTwentyCharacters".</p>
|
||||
<ul></ul>
|
||||
<div style="text-align: center;">
|
||||
<p>Visits: 0 | Created: 21/6/2022 | Last updated: 22/6/2022</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo and Morbius. It's Morbin time!</p>
|
||||
<p><a href="privacy.html">Privacy Policy</a> <a href="tos.html">Terms of Service</a></p>
|
||||
</div id="footer">
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
|
|
@ -53,7 +53,14 @@
|
|||
<p class="alerttext" id="alerttext">ALERT TEXT</p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>Games Page</p>
|
||||
<h1>Games</h1>
|
||||
<div class="content_special" style="flex-wrap: wrap; justify-content: space-around;">
|
||||
<div id="game1">
|
||||
<a href="gamepage.html"><img id="thumb1" class="gamethumbnail_small"></a>
|
||||
<a href="gamepage.html" id="gamename1">OnlyTwentyCharacters's Place</a>
|
||||
<p>By <a href="profile.html" id="gamecreator1">OnlyTwentyCharacters</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p>MORBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo and Morbius. It's Morbin time!</p>
|
||||
|
|
|
|||
40
home.html
40
home.html
|
|
@ -56,6 +56,46 @@
|
|||
<button class="greybutton" id="FeedButton">Post it!</button>
|
||||
<ul></ul>
|
||||
<div id="FeedContainer">
|
||||
<div class="FeedContainerBox" id="FeedContainerBox1">
|
||||
<div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer">
|
||||
<a href="profile.html"><img alt="Profile Image" src="reviewpending.png" width="60px" height="100%"></a>
|
||||
</div>
|
||||
<div class="FeedContainerBoxTextContainer" id="FeedContainerBox1TextContainer">
|
||||
<a href="profile.html" id="FeedContainerBox1Username">game hater</a>
|
||||
<p id="FeedContainerBox1Text">"NOOOOOOOOOOOOOOOOOOOOOO"</p>
|
||||
<p id="FeedContainerBox1Timestamp">June 22, 2022 12:41 AM</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="FeedContainerBox" id="FeedContainerBox1">
|
||||
<div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer">
|
||||
<a href="profile.html"><img alt="Profile Image" src="reviewpending.png" width="60px" height="100%"></a>
|
||||
</div>
|
||||
<div class="FeedContainerBoxTextContainer" id="FeedContainerBox1TextContainer">
|
||||
<a href="profile.html" id="FeedContainerBox1Username">Thomas</a>
|
||||
<p id="FeedContainerBox1Text">"banning you...."</p>
|
||||
<p id="FeedContainerBox1Timestamp">June 22, 2022 12:40 AM</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="FeedContainerBox" id="FeedContainerBox1">
|
||||
<div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer">
|
||||
<a href="profile.html"><img alt="Profile Image" src="reviewpending.png" width="60px" height="100%"></a>
|
||||
</div>
|
||||
<div class="FeedContainerBoxTextContainer" id="FeedContainerBox1TextContainer">
|
||||
<a href="profile.html" id="FeedContainerBox1Username">game hater</a>
|
||||
<p id="FeedContainerBox1Text">"i hate games... so its bad!"</p>
|
||||
<p id="FeedContainerBox1Timestamp">June 22, 2022 12:30 AM</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="FeedContainerBox" id="FeedContainerBox1">
|
||||
<div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer">
|
||||
<a href="profile.html"><img alt="Profile Image" src="reviewpending.png" width="60px" height="100%"></a>
|
||||
</div>
|
||||
<div class="FeedContainerBoxTextContainer" id="FeedContainerBox1TextContainer">
|
||||
<a href="profile.html" id="FeedContainerBox1Username">Thomas</a>
|
||||
<p id="FeedContainerBox1Text">"Who likes the Games Page?"</p>
|
||||
<p id="FeedContainerBox1Timestamp">June 22, 2022 12:05 AM</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="FeedContainerBox" id="FeedContainerBox1">
|
||||
<div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer">
|
||||
<a href="profile.html"><img alt="Profile Image" src="reviewpending.png" width="60px" height="100%"></a>
|
||||
|
|
|
|||
73
main.css
73
main.css
|
|
@ -2,6 +2,25 @@
|
|||
from {background-position-x: 0px; animation-timing-function: linear;}
|
||||
to {background-position-x: 2000px; animation-timing-function: linear;}
|
||||
}
|
||||
#LoadingGame {
|
||||
top: 0%;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
margin: auto;
|
||||
position: fixed;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #3D414A;
|
||||
width: max-content;
|
||||
height: max-content;
|
||||
text-align: center;
|
||||
background: linear-gradient(rgba(209, 209, 209,0.7) 10%, rgba(88, 88, 88,0.7) 100%);
|
||||
}
|
||||
#closebuttondl {height: 15%;width: 15%;font-size: large;margin-left: 80%;}
|
||||
#alert {
|
||||
height: fit-content;
|
||||
margin: 0px;
|
||||
|
|
@ -83,6 +102,39 @@
|
|||
padding-right: 5px;
|
||||
width: 50%;
|
||||
}
|
||||
.leftgamecontainer {
|
||||
text-align: center;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
width: inherit;
|
||||
}
|
||||
.rightgamecontainer {
|
||||
text-align: right;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
#gamethumbnail_large {
|
||||
background-color: black;
|
||||
background-position-x: center;
|
||||
background-position-y: center;
|
||||
background-image: url("gameplaceholder.png");
|
||||
background-size: contain;
|
||||
border-width: 0px;
|
||||
width: 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
}
|
||||
.gamethumbnail_small {
|
||||
background-color: black;
|
||||
background-position-x: center;
|
||||
background-position-y: center;
|
||||
background-image: url("gameplaceholder.png");
|
||||
background-size: contain;
|
||||
border-width: 0px;
|
||||
width: 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 130px;
|
||||
}
|
||||
#gamesframe, #profilerightcontainer {
|
||||
text-align: center;
|
||||
padding-left: 5px;
|
||||
|
|
@ -101,6 +153,19 @@
|
|||
#btncontainer {
|
||||
margin-left: 75%;
|
||||
}
|
||||
#loadingdlbutton {
|
||||
margin-top: auto;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
height: max-content;
|
||||
font-size: x-large;
|
||||
}
|
||||
#downloadask {
|
||||
margin-top: 10%;
|
||||
}
|
||||
#loadlogo {
|
||||
width: 20%;
|
||||
}
|
||||
.navbarbutton {
|
||||
position: relative;
|
||||
top: 10px;
|
||||
|
|
@ -161,12 +226,12 @@ body {
|
|||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
align-items: stretch;
|
||||
justify-content: center;
|
||||
}
|
||||
.content {
|
||||
color: black;
|
||||
max-width: 1000px;
|
||||
max-width: 880px;
|
||||
margin: auto;
|
||||
margin-top: 105px;
|
||||
padding-left: 5px;
|
||||
|
|
@ -195,7 +260,7 @@ body {
|
|||
}
|
||||
#footer {
|
||||
text-align: center;
|
||||
max-width: 1000px;
|
||||
max-width: 880px;
|
||||
margin: auto;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@ window.onload = function() {
|
|||
} else if (username == "") {
|
||||
usernamecontainer.innerHTML = 'OnlyTwentyCharacters'
|
||||
onlinestatus.className = "onlinestatus_ingame"
|
||||
onlinestatus.innerHTML = "In Game - MORBLOX HQ"
|
||||
onlinestatus.innerHTML = "In Game - OnlyTwentyCharacters's Place"
|
||||
} else {
|
||||
usernamecontainer.innerHTML = `${username}`
|
||||
onlinestatus.className = "onlinestatus_website"
|
||||
|
|
|
|||
Loading…
Reference in New Issue