This commit is contained in:
Thomas G 2023-03-06 18:31:33 +11:00
parent b3601a57cc
commit 0ecff0499a
19 changed files with 572 additions and 0 deletions

View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>archblox.com - 404</title>
<meta content="archblox.com - 404" property="og:title"/>
<meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description"/>
<meta content="https://archblox.com/" property="og:url"/>
<meta content="https://archblox.com/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="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"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="MORBLOX.ico">
<link rel="stylesheet" href="main.css">
<script src="404.js"></script>
</head>
<body>
<ul></ul>
<div id="logo_signup">
<a href="index.html"><img alt="ARCHBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<p id="morbin">It's ARCHBLOX time.</p>
</div>
<div class="content_signup">
<h2>404 Page Not Found</h2>
<p>Aw man, look at what you have done. You've made Luigi mad!</p>
<p>Why don't you go back a page for us before Luigi destroys us all.</p>
<img alt="Angry Luigi" src="error.png" width="100%" height="max-content">
</div>
<div id="footer_signup">
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo and Morbius. It's Morbin time!</p>
<p id="privacytext"><a href="privacy_signup.html">Privacy Policy</a> <a href="tos_signup.html">Terms of Service</a></p>
</div id="footer_signup">
</body>
</html>

View File

@ -0,0 +1,16 @@
window.onload = function() {
var logo = document.getElementById("logo_signup")
var privacytext = document.getElementById("privacytext")
var username = localStorage.getItem("username");
if (username == "") {
logo.innerHTML = "<a href=\"index.html\"><img alt=\"ARCHBLOX Logo\" src=\"MORBLOXlogo.png\" width=\"200\" height=\"40\"/></a><p id=\"morbin\">It's ARCHBLOX time.</p>"
privacytext.innerHTML = "<a href=\"privacy_signup.html\">Privacy Policy</a> <a href=\"tos_signup.html\">Terms of Service</a>"
} else if (username == null) {
logo.innerHTML = "<a href=\"index.html\"><img alt=\"ARCHBLOX Logo\" src=\"MORBLOXlogo.png\" width=\"200\" height=\"40\"/></a><p id=\"morbin\">It's ARCHBLOX time.</p>"
privacytext.innerHTML = "<a href=\"privacy_signup.html\">Privacy Policy</a> <a href=\"tos_signup.html\">Terms of Service</a>"
} else {
logo.innerHTML = "<a href=\"home.html\"><img alt=\"ARCHBLOX Logo\" src=\"MORBLOXlogo.png\" width=\"200\" height=\"40\"/></a><p id=\"morbin\">It's ARCHBLOX time.</p>"
privacytext.innerHTML = "<a href=\"privacy.html\">Privacy Policy</a> <a href=\"tos.html\">Terms of Service</a>"
}
};

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 283 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 938 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>ARCHBLOX - BRB</title>
<meta content="ARCHBLOX" property="og:title"/>
<meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description"/>
<meta content="https://archblox.com/" property="og:url"/>
<meta content="https://archblox.com/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="apple-mobile-web-app-status-bar-style" content="black"/>
<link rel="apple-touch-icon" href="MORBLOX.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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">
<link rel="manifest" href="manifest.json">
<script type="text/javascript" src="index.js"></script>
</head>
<body>
<ul></ul>
<div id="logo_signup">
<a href="index.html"><img alt="ARCHBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<p id="morbin">We'll be right back!</p>
</div>
<div class="content_signup">
<h1>ARCHBLOX will be right back!</h1>
<p>Sorry for the wait!</p>
</div>
<div id="footer_signup">
<p>super mario super mario world</p>
<p>ok</p>
</div id="footer_signup">
</body>
</html>

View File

@ -0,0 +1,21 @@
window.onload = function() {
var morblox = document.getElementById("morblox")
var usernamecontainer = document.getElementById("UsernameContainer");
if (window.location.hostname == "archblox.com") {
morblox.className = "invisible";
} else {
morblox.className = "";
}
if (localStorage.getItem("username") == null) {
localStorage.setItem("username","");
}
var username = localStorage.getItem("username");
usernamecontainer.innerHTML = "Saved Username: " + username
document.getElementById('SaveButton').onclick = function() {
var usernameset = document.getElementById("UsernameSet").value;
var usernamecontainer = document.getElementById("UsernameContainer");
localStorage.setItem("username",usernameset);
usernamecontainer.innerHTML = "Saved Username: " + usernameset
alert("Please click on the \"Home\" link or the \"Profile\" link in order to test Username features")
};
};

View File

@ -0,0 +1,362 @@
@keyframes animatedbackground {
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;
position: fixed;
top: 72px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
width: 100%;
text-align: center;
background: linear-gradient(#f07575 10%, #e13b3b 49%, #d22 50%, #de2323 100%);
}
.navbar {
height: 40px;
margin: 0px;
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
position: fixed;
top: 0px;
padding-bottom: 2px;
color: white;
line-height: normal;
display: inline-flex;
vertical-align: middle;
width: 100%;
background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
}
.navbarbuttoncontainer, .smallnavbarbuttoncontainer, .navbarlogincontainer {
padding-left: 5px;
display: table-cell;
vertical-align: middle;
}
#navbarlogincontainer, #navbarsignedincontainer {
position: relative;
padding-right: 10px;
margin-right: 3%;
margin-left: auto;
float: inline-end;
top: 11px;
}
#profilefriendscontainer p, #profilefriendscontainer a {
display: inline;
}
#profiletopcontainer {
margin-bottom: 30px;
display: block;
width: 100%;
}
.onlinestatus_website {
color: #2260DD;
}
.onlinestatus_ingame {
color: green;
}
.onlinestatus_offline {
color: black;
}
#yes, #no {
width: 50%;
}
#FeedBox {
width: 100%;
height: 22px;
}
#FeedButton {
width: 100%;
height: 22px;
}
#logo_signup, #logo-signup p {
margin: auto;
text-align: center;
width: 200px;
}
#feed, #profileleftcontainer {
text-align: center;
padding-left: 5px;
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;
padding-right: 5px;
width: 50%;
}
.FeedContainerBox {
border-radius: 1px;
text-align: left;
width: 100%;
vertical-align: top;
display: inline-flex;
border: 1px solid #000000;
border-width: 1px;
}
#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;
text-align: center;
font-size: 18px;
}
.smallnavbarbutton {
position: relative;
text-align: center;
font-size: 15px;
}
.smallnav {
height: 25px;
margin: 0px;
padding-left: 5px;
padding-right: 5px;
position: fixed;
top: 43px;
padding-top: 2px;
padding-bottom: 2px;
display: inline-table;
vertical-align: middle;
width: 100%;
line-height: normal;
color: rgb(255, 255, 255);
text-size-adjust: auto;
text-align: left;
background-color: black;
}
.invisible, #invisible {
display: none !important;
}
html {
margin: 0px;
font-family: "Helvetica";
src: url('Helvetica.ttf') format('truetype'),;
font-style: normal;
background-color: #316bdf;
color: white;
animation-name: animatedbackground;
animation-duration: 50s;
animation-iteration-count: infinite;
background-image: url(animated.png);
background-position: center 100%;
background-repeat: repeat-x;
background-attachment: fixed;
}
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 35px;
padding-bottom: 0px;
}
.content_special, #content_special {
display: inline-flex;
width: 100%;
flex-wrap: nowrap;
flex-direction: row;
align-content: center;
align-items: stretch;
justify-content: center;
}
.content {
color: black;
max-width: 880px;
margin: auto;
margin-top: 105px;
padding-left: 5px;
padding-right: 5px;
min-height: 300px;
background-color: rgba(255, 255, 255, 0.8);
padding-bottom: 5px;
padding-top: 5px;
}
.content_signup {
color: black;
max-width: 500px;
margin: auto;
margin-top: 30px;
padding-left: 5px;
padding-right: 5px;
background-color: rgba(255, 255, 255, 0.8);
padding-bottom: 5px;
padding-top: 5px;
}
.content_signup input, .content_signup button {
width: 90%;
}
.content p a, .content a, .content_signup p a, .content_signup a, .content_special p a, .content_special a {
color: black
}
#footer {
text-align: center;
max-width: 880px;
margin: auto;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
background-color: rgba(172, 172, 172, 0.8);
min-height: fit-content;
}
button {
font-weight: 400;
text-align: center;
border-radius: 3px;
border: 1px solid #3D414A;
font-family: "Helvetica";
color: #fff;
}
button.bluebutton {
background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
}
button:hover.bluebutton {
background: linear-gradient(#7ca1ef 10%, #4a7de4 49%, #396fdb 50%, #3168d6 100%);
cursor: pointer;
}
button:disabled.bluebutton {
background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
opacity: 0.5;
cursor: not-allowed;
}
button.greybutton {
background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
}
button:hover.greybutton {
background: linear-gradient(#d1d8e6 10%, #b3b8c2 49%, #868a91 50%, #393b3e 100%);
cursor: pointer;
}
button:disabled.greybutton {
background: linear-gradient(#cacbcc 10%, #99999a 49%, #747474 50%, #2d2d2d 100%);
opacity: 0.5;
cursor: not-allowed;
}
button.redbutton {
background: linear-gradient(#e65a5a 10%, #e13535 49%, #d92c2c 50%, #df1818 100%);
}
button:hover.redbutton {
background: linear-gradient(#e56c6c 10%, #dd4e4e 49%, #d14343 50%, #da2e2e 100%);
cursor: pointer;
}
button:disabled.redbutton {
background: linear-gradient(#e65a5a 10%, #e13535 49%, #d92c2c 50%, #df1818 100%);
opacity: 0.5;
cursor: not-allowed;
}
button.greenbutton {
background: linear-gradient(#5acf77 10%, #3abc44 49%, #359c32 50%, #1a5c2e 100%);
}
button:hover.greenbutton {
background: linear-gradient(#75f094 10%, #39d746 49%, #21b71c 50%, #137a32 100%);
cursor: pointer;
}
button:disabled.greenbutton {
background: linear-gradient(#75f094 10%, #39d746 49%, #21b71c 50%, #137a32 100%);
opacity: 0.5;
cursor: not-allowed;
}
#footer_signup {
text-align: center;
max-width: 500px;
margin: auto;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
background-color: rgba(172, 172, 172, 0.8);
min-height: fit-content;
}
#footer p, #footer a, #footer_signup p, #footer_signup a {
color: black;
}
p,h1,h2,h3,h4,h5,h6 {
margin: 0px;
}
a, #navbarusername {
color: white;
text-decoration: none;
font-weight: bolder;
}
.nonbolded {
font-weight: normal !important;
}
.logoutframe {
color: black;
max-width: fit-content;
margin: auto;
padding-left: 5px;
padding-right: 5px;
background-color: rgba(255, 255, 255, 0.3);
padding-bottom: 5px;
padding-top: 5px;
}

View File

@ -0,0 +1,95 @@
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 < 1000) {
logo_full.className = "invisible";
logo_small.className = "";
} else {
logo_small.className = "invisible";
logo_full.className = "";
}
if (viewport_width < 860) {
smallbtn.className = "invisible";
smallbtn2.className = "invisible";
smallbtn3.className = "invisible";
} else {
smallbtn.className = "navbarbutton";
smallbtn2.className = "navbarbutton";
smallbtn3.className = "navbarbutton";
}
if (viewport_width < 660) {
smallbtn0.className = "invisible";
smallbtn1.className = "invisible";
} else {
smallbtn0.className = "navbarbutton";
smallbtn1.className = "navbarbutton";
}
if (viewport_width < 510) {
smallbtn5.className = "invisible";
} else {
smallbtn5.className = "navbarbutton";
}
});
window.onload = 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 < 1000) {
logo_full.className = "invisible";
logo_small.className = "";
} else {
logo_small.className = "invisible";
logo_full.className = "";
}
if (viewport_width < 860) {
smallbtn.className = "invisible";
smallbtn2.className = "invisible";
smallbtn3.className = "invisible";
} else {
smallbtn.className = "navbarbutton";
smallbtn2.className = "navbarbutton";
smallbtn3.className = "navbarbutton";
}
if (viewport_width < 660) {
smallbtn0.className = "invisible";
smallbtn1.className = "invisible";
} else {
smallbtn0.className = "navbarbutton";
smallbtn1.className = "navbarbutton";
}
if (viewport_width < 510) {
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 = `Logged in as: ${username} <a href=\"logout.html\">Log out...</a>`;
};

View File

@ -0,0 +1,7 @@
{
"name": "ARCHBLOX",
"lang": "en-US",
"start_url": "index.html",
"display": "standalone",
"version": "1.0.0"
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 B