diff --git a/public/classicsite copy/404.html b/public/classicsite copy/404.html new file mode 100644 index 0000000..6e3d92c --- /dev/null +++ b/public/classicsite copy/404.html @@ -0,0 +1,36 @@ + + + + archblox.com - 404 + + + + + + + + + + + + + + + + +
+ ARCHBLOX Logo +

It's ARCHBLOX time.

+
+
+

404 Page Not Found

+

Aw man, look at what you have done. You've made Luigi mad!

+

Why don't you go back a page for us before Luigi destroys us all.

+ Angry Luigi +
+ + + \ No newline at end of file diff --git a/public/classicsite copy/404.js b/public/classicsite copy/404.js new file mode 100644 index 0000000..3880432 --- /dev/null +++ b/public/classicsite copy/404.js @@ -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 = "\"ARCHBLOX

It's ARCHBLOX time.

" + privacytext.innerHTML = "Privacy Policy Terms of Service" + } else if (username == null) { + logo.innerHTML = "\"ARCHBLOX

It's ARCHBLOX time.

" + privacytext.innerHTML = "Privacy Policy Terms of Service" + } else { + logo.innerHTML = "\"ARCHBLOX

It's ARCHBLOX time.

" + privacytext.innerHTML = "Privacy Policy Terms of Service" + } +}; \ No newline at end of file diff --git a/public/classicsite copy/Helvetica.ttf b/public/classicsite copy/Helvetica.ttf new file mode 100644 index 0000000..1b39eb2 Binary files /dev/null and b/public/classicsite copy/Helvetica.ttf differ diff --git a/public/classicsite copy/MORBLOX.ico b/public/classicsite copy/MORBLOX.ico new file mode 100644 index 0000000..8b4e98e Binary files /dev/null and b/public/classicsite copy/MORBLOX.ico differ diff --git a/public/classicsite copy/MORBLOX.png b/public/classicsite copy/MORBLOX.png new file mode 100644 index 0000000..ad68e6e Binary files /dev/null and b/public/classicsite copy/MORBLOX.png differ diff --git a/public/classicsite copy/MORBLOXMobile.ico b/public/classicsite copy/MORBLOXMobile.ico new file mode 100644 index 0000000..db4d1b2 Binary files /dev/null and b/public/classicsite copy/MORBLOXMobile.ico differ diff --git a/public/classicsite copy/MORBLOXSplash.png b/public/classicsite copy/MORBLOXSplash.png new file mode 100644 index 0000000..1dcf59f Binary files /dev/null and b/public/classicsite copy/MORBLOXSplash.png differ diff --git a/public/classicsite copy/MORBLOXSplash_Large.png b/public/classicsite copy/MORBLOXSplash_Large.png new file mode 100644 index 0000000..d59c6a6 Binary files /dev/null and b/public/classicsite copy/MORBLOXSplash_Large.png differ diff --git a/public/classicsite copy/MORBLOXlogo.png b/public/classicsite copy/MORBLOXlogo.png new file mode 100644 index 0000000..eae8ba6 Binary files /dev/null and b/public/classicsite copy/MORBLOXlogo.png differ diff --git a/public/classicsite copy/MORBLOXlogoshort.png b/public/classicsite copy/MORBLOXlogoshort.png new file mode 100644 index 0000000..72c13b1 Binary files /dev/null and b/public/classicsite copy/MORBLOXlogoshort.png differ diff --git a/public/classicsite copy/OLD_animated.png b/public/classicsite copy/OLD_animated.png new file mode 100644 index 0000000..b3134cf Binary files /dev/null and b/public/classicsite copy/OLD_animated.png differ diff --git a/public/classicsite copy/animated.png b/public/classicsite copy/animated.png new file mode 100644 index 0000000..8d0a488 Binary files /dev/null and b/public/classicsite copy/animated.png differ diff --git a/public/classicsite copy/error.png b/public/classicsite copy/error.png new file mode 100644 index 0000000..f7a287c Binary files /dev/null and b/public/classicsite copy/error.png differ diff --git a/public/classicsite copy/index.html b/public/classicsite copy/index.html new file mode 100644 index 0000000..faddeb7 --- /dev/null +++ b/public/classicsite copy/index.html @@ -0,0 +1,35 @@ + + + + ARCHBLOX - BRB + + + + + + + + + + + + + + + + + +
+ ARCHBLOX Logo +

We'll be right back!

+
+
+

ARCHBLOX will be right back!

+

Sorry for the wait!

+
+ + + \ No newline at end of file diff --git a/public/classicsite copy/index.js b/public/classicsite copy/index.js new file mode 100644 index 0000000..0fb453e --- /dev/null +++ b/public/classicsite copy/index.js @@ -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") + }; +}; \ No newline at end of file diff --git a/public/classicsite copy/main.css b/public/classicsite copy/main.css new file mode 100644 index 0000000..4e72d1c --- /dev/null +++ b/public/classicsite copy/main.css @@ -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; +} \ No newline at end of file diff --git a/public/classicsite copy/main.js b/public/classicsite copy/main.js new file mode 100644 index 0000000..fec6211 --- /dev/null +++ b/public/classicsite copy/main.js @@ -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} Log out...`; +}; \ No newline at end of file diff --git a/public/classicsite copy/manifest.json b/public/classicsite copy/manifest.json new file mode 100644 index 0000000..e3e1f07 --- /dev/null +++ b/public/classicsite copy/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "ARCHBLOX", + "lang": "en-US", + "start_url": "index.html", + "display": "standalone", + "version": "1.0.0" +} \ No newline at end of file diff --git a/public/classicsite copy/placeholder.png b/public/classicsite copy/placeholder.png new file mode 100644 index 0000000..fdf950d Binary files /dev/null and b/public/classicsite copy/placeholder.png differ