ARCHBLOX
/
website
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

updated a lot of css stuff and added proper fonts, and splashes

This commit is contained in:
Thomas G 2022-08-15 04:41:31 +10:00
parent 7cf3b05fdd
commit f3e7b003bf
14 changed files with 472 additions and 222 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

453
public/css/2018.css
View File

@ -1,16 +1,34 @@
@keyframes alertanim { @keyframes alertanim {
0% { 0% {
top: 0px; top: 0px;
animation-timing-function: linear; animation-timing-function: linear;
} }
100% { 100% {
background-position-x: 40px; background-position-x: 40px;
animation-timing-function: linear; animation-timing-function: linear;
} }
} }
html { @font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: normal;
src: url('SourceSansPro-Normal.ttf');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: normal;
src: url('SourceSansPro-Italic.ttf');
}
#FeedButton {
height: 34px !important;
}
html, .loggedout {
background: none; background: none;
} }
@ -18,20 +36,20 @@ html {
margin: 0px; margin: 0px;
width: 30px; width: 30px;
content: url("http://archblox.com/img/ark2018nbd.png"); content: url("http://archblox.com/img/ark2018nbd.png");
} }
.arkoticon_navbar { .arkoticon_navbar {
margin: 0px; margin: 0px;
margin-top: -5px; margin-top: -5px;
content: url("http://archblox.com/img/ark2018.png"); content: url("http://archblox.com/img/ark2018.png");
margin-right: 3px; margin-right: 3px;
width: 30px; width: 30px;
} }
body { body {
background-color: #E3E3E3; background-color: #E3E3E3;
color: #191919; color: #191919;
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif; font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif;
font-size: 16px; font-size: 16px;
font-size: 100%; font-size: 100%;
width: 100%; width: 100%;
@ -40,29 +58,40 @@ body {
} }
:focus-visible { :focus-visible {
outline: 0px; outline: 0px;
} }
.content_signup, .profilefriend #FeedContainerBox1Username, .content p a, .content a, .content_signup p a, .content_signup a, .content_special p a, .content_special a { .content_signup,
.profilefriend #FeedContainerBox1Username,
.content p a,
.content a,
.content_signup p a,
.content_signup a,
.content_special p a,
.content_special a {
color: #191919 color: #191919
} }
.content { .content {
color: #191919; color: #191919;
background-color: #E3E3E3; background-color: #E3E3E3;
width: 970px; width: 970px;
padding-top: 12px; padding-top: 12px;
margin: 40px auto 0; margin: 40px auto 0;
padding-bottom: 40px; padding-bottom: 40px;
min-height: calc(100% - 40px); min-height: calc(100% - 40px);
} }
#SearchContainer, #FriendsContainer, #profilefriendcontainer { #SearchContainer,
#FriendsContainer,
#profilefriendcontainer {
background-color: #fff; background-color: #fff;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
padding: 15px; padding: 15px;
} }
.ProfileContainerBox, .FriendsContainerBox {
.ProfileContainerBox,
.FriendsContainerBox {
border: 0; border: 0;
} }
@ -73,16 +102,17 @@ body {
padding: 2px 5px; padding: 2px 5px;
float: none; float: none;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
line-height: 1.92857; line-height: 1.92857;
height: 28px; height: 28px;
} }
#alert, #success { #alert,
#success {
top: 40px; top: 40px;
animation: alertanim; animation: alertanim;
animation-duration: 250ms; animation-duration: 250ms;
animation-iteration-count: 1; animation-iteration-count: 1;
} }
#alert { #alert {
@ -93,85 +123,102 @@ body {
background: #02b757; background: #02b757;
} }
.smallnavbarbutton:nth-child(1):hover, .smallnavbarbutton:nth-child(3):hover, .profilefriend #FeedContainerBox1Username:hover, .smallnavbarbutton:nth-child(4):hover, .smallnavbarbutton:nth-child(5):hover, .smallnavbarbutton:nth-child(6):hover { .smallnavbarbutton:nth-child(1):hover,
color: #00a2ff; .smallnavbarbutton:nth-child(3):hover,
text-decoration: none; .profilefriend #FeedContainerBox1Username:hover,
.smallnavbarbutton:nth-child(4):hover,
.smallnavbarbutton:nth-child(5):hover,
.smallnavbarbutton:nth-child(6):hover {
color: #00a2ff;
text-decoration: none;
} }
.smallnavbarbutton:nth-child(1):hover::before{
.smallnavbarbutton:nth-child(1):hover::before {
background-position: -28px -224px; background-position: -28px -224px;
} }
.smallnavbarbutton:nth-child(1):before { .smallnavbarbutton:nth-child(1):before {
content: ''; content: '';
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto auto; background-size: auto auto;
width: 28px; width: 28px;
height: 28px; height: 28px;
background-position: 0 -224px; background-position: 0 -224px;
} }
.smallnavbarbutton:nth-child(2):hover { .smallnavbarbutton:nth-child(2):hover {
color: #f68802; color: #f68802;
text-decoration: none; text-decoration: none;
} }
.smallnavbarbutton:nth-child(2):hover::before{
.smallnavbarbutton:nth-child(2):hover::before {
background-position: -28px -252px; background-position: -28px -252px;
} }
.smallnavbarbutton:nth-child(2):before { .smallnavbarbutton:nth-child(2):before {
content: ''; content: '';
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto auto; background-size: auto auto;
width: 28px; width: 28px;
height: 28px; height: 28px;
background-position: 0 -252px; background-position: 0 -252px;
} }
.smallnavbarbutton:nth-child(3):hover::before{
.smallnavbarbutton:nth-child(3):hover::before {
background-position: -28px -336px; background-position: -28px -336px;
} }
.smallnavbarbutton:nth-child(3):before { .smallnavbarbutton:nth-child(3):before {
content: ''; content: '';
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto auto; background-size: auto auto;
width: 28px; width: 28px;
height: 28px; height: 28px;
background-position: 0 -336px; background-position: 0 -336px;
} }
.smallnavbarbutton:nth-child(4):hover::before{
.smallnavbarbutton:nth-child(4):hover::before {
background-position: -28px -196px; background-position: -28px -196px;
} }
.smallnavbarbutton:nth-child(4):before { .smallnavbarbutton:nth-child(4):before {
content: ''; content: '';
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto auto; background-size: auto auto;
width: 28px; width: 28px;
height: 28px; height: 28px;
background-position: 0 -196px; background-position: 0 -196px;
} }
.smallnavbarbutton:nth-child(5):hover::before{
background-position: -28px -364px; .smallnavbarbutton:nth-child(5):hover::before {
background-position: -28px -364px;
} }
.smallnavbarbutton:nth-child(5):before { .smallnavbarbutton:nth-child(5):before {
content: ''; content: '';
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto auto; background-size: auto auto;
width: 28px; width: 28px;
height: 28px; height: 28px;
background-position: 0px -364px; background-position: 0px -364px;
} }
.smallnavbarbutton:nth-child(6):hover::before{
background-position: -28px -475px; .smallnavbarbutton:nth-child(6):hover::before {
background-position: -28px -475px;
} }
.smallnavbarbutton:nth-child(6):before { .smallnavbarbutton:nth-child(6):before {
content: ''; content: '';
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto auto; background-size: auto auto;
width: 28px; width: 28px;
height: 28px; height: 28px;
background-position: 0 -475px; background-position: 0 -475px;
} }
@ -199,12 +246,14 @@ body {
margin: 0; margin: 0;
width: 100%; width: 100%;
} }
.mySubmenuFixed.Redesign { .mySubmenuFixed.Redesign {
top: 0; top: 0;
height: 0; height: 0;
width: 0; width: 0;
background: #fff; background: #fff;
} }
.Redesign .subMenu { .Redesign .subMenu {
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
transform: translateZ(0); transform: translateZ(0);
@ -216,6 +265,7 @@ body {
display: block; display: block;
visibility: visible; visibility: visible;
height: calc(100% - 40px); height: calc(100% - 40px);
font-family: 'Source Sans Pro';
font-size: 16px; font-size: 16px;
left: 0; left: 0;
overflow: hidden; overflow: hidden;
@ -223,6 +273,7 @@ body {
z-index: 1001; z-index: 1001;
padding: 0; padding: 0;
} }
.smallnavbarbuttoncontainer { .smallnavbarbuttoncontainer {
padding: 5px 10px 0; padding: 5px 10px 0;
display: block; display: block;
@ -233,31 +284,38 @@ body {
border: 0; border: 0;
} }
.FeedContainerBoxImageContainer, #ProfileContainerBox1ImageContainer, #FriendsContainerBox1ImageContainer { .FeedContainerBoxImageContainer,
#ProfileContainerBox1ImageContainer,
#FriendsContainerBox1ImageContainer {
-webkit-transition: box-shadow 200ms ease; -webkit-transition: box-shadow 200ms ease;
-o-transition: box-shadow 200ms ease; -o-transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease; transition: box-shadow 200ms ease;
margin: 5px 24px 5px 5px; margin: 5px 24px 5px 5px;
border-radius: 50%; border-radius: 50%;
background-color: #fff; background-color: #fff;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
height: 60px; height: 60px;
width: 60px; width: 60px;
} }
.FeedContainerBoxImageContainer:hover, #ProfileContainerBox1ImageContainer:hover, #FriendsContainerBox1ImageContainer:hover, .profilefriend img:hover, .profilefriend:hover img {
.FeedContainerBoxImageContainer:hover,
#ProfileContainerBox1ImageContainer:hover,
#FriendsContainerBox1ImageContainer:hover,
.profilefriend img:hover,
.profilefriend:hover img {
-webkit-transition: box-shadow 200ms ease; -webkit-transition: box-shadow 200ms ease;
-o-transition: box-shadow 200ms ease; -o-transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease; transition: box-shadow 200ms ease;
box-shadow: 0 1px 6px 0 rgb(25 25 25 / 75%); box-shadow: 0 1px 6px 0 rgb(25 25 25 / 75%);
} }
.profilefriend #FeedContainerBox1Username { .profilefriend #FeedContainerBox1Username {
display: block; display: block;
margin: 3px 0 0; margin: 3px 0 0;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
#gamesframe { #gamesframe {
@ -266,31 +324,37 @@ body {
.profilefriend img { .profilefriend img {
-webkit-transition: box-shadow 200ms ease; -webkit-transition: box-shadow 200ms ease;
-o-transition: box-shadow 200ms ease; -o-transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease; transition: box-shadow 200ms ease;
width: 90px; width: 90px;
height: 90px; height: 90px;
border-radius: 50%; border-radius: 50%;
background-color: #fff; background-color: #fff;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
} }
#logo_small, #logo_full, #smallnav_open { #logo_small,
#logo_full,
#smallnav_open {
max-width: 76px; max-width: 76px;
width: auto; width: auto;
margin: 0 12px; margin: 0 12px;
padding: 0; padding: 0;
} }
#logo_small img, #smallnav_open img {
#logo_small img,
#smallnav_open img {
padding: 5px 0; padding: 5px 0;
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
#logo_full .btn-logo { #logo_full .btn-logo {
padding: 5px 0; padding: 5px 0;
max-width: 120px; max-width: 120px;
height: 30px; height: 30px;
} }
#smallnav_open { #smallnav_open {
cursor: pointer; cursor: pointer;
background-image: url("https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg"); background-image: url("https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg");
@ -304,7 +368,10 @@ body {
height: 30px; height: 30px;
float: left; float: left;
} }
.btn-logo:hover, .smallnavbarbutton:hover, .navbarbuttoncontainer li:hover {
.btn-logo:hover,
.smallnavbarbutton:hover,
.navbarbuttoncontainer li:hover {
background-image: none; background-image: none;
background: none; background: none;
} }
@ -313,66 +380,79 @@ body {
color: #fff; color: #fff;
} }
#logo_full, #logo_full .btn-logo { #logo_full,
#logo_full .btn-logo {
height: 30px; height: 30px;
} }
.navbarbuttoncontainer { .navbarbuttoncontainer {
display: flex; display: flex;
min-height: 40px; min-height: 40px;
align-items: center;
justify-content: flex-start;
align-content: center;
flex-wrap: nowrap;
flex-direction: row;
} }
.navbarbuttoncontainer li { .navbarbuttoncontainer li {
padding: 0; padding: 0;
margin: 0;
padding-left: 5px; padding-left: 5px;
height: 40px height: 40px
} }
.navbarbutton { .navbarbutton {
color: #fff; color: #fff;
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif; font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif;
padding: 6px 9px; padding: 6px 9px;
width: auto; width: auto;
font-size: 16px; font-size: 16px;
line-height: 1.4em; line-height: 1.4em;
font-weight: 400; font-weight: 400;
position: relative; position: relative;
display: block; display: block;
float: left; float: left;
margin: 4px auto; margin: 4px auto;
top: 0; top: 0;
} }
#NavigationRedesignBannerContainer { #NavigationRedesignBannerContainer {
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif; font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif;
} }
.navbarbutton:hover { .navbarbutton:hover {
background-color: #191919; background-color: #191919;
background-color: rgba(25,25,25,.1); background-color: rgba(25, 25, 25, .1);
border-radius: 5px; border-radius: 5px;
text-decoration: none; text-decoration: none;
} }
#FeedBox { #FeedBox {
border: 1px solid #B8B8B8; border: 1px solid #B8B8B8;
color: #191919; color: #191919;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: 16px;
padding: 5px 12px; padding: 5px 12px;
border-radius: 3px; border-radius: 3px;
} }
#FeedBox:focus { #FeedBox:focus {
box-shadow: none; box-shadow: none;
border-color: #00A2FF; border-color: #00A2FF;
} }
#feed { #feed {
background-color: #fff; background-color: #fff;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
padding: 15px; padding: 15px;
margin-right: 10px; margin-right: 10px;
} }
#feed h2 { #feed h2 {
text-align: left; text-align: left;
font-size: 24px; font-size: 24px;
font-weight: 300; font-weight: 300;
} }
.invisible_navbar { .invisible_navbar {
@ -385,114 +465,158 @@ body {
display: none; display: none;
} }
#footer, #footer_signup { #footer,
padding: 12px; #footer_signup {
padding: 12px;
background-color: #fff; background-color: #fff;
position: relative; position: relative;
margin: 0;
bottom: 0; bottom: 0;
right: 0; left: 0;
right: 0;
width: 100%;
max-width: 100%; max-width: 100%;
} }
#footer p, #footer a:nth-child(2), #footer_signup p, #footer_signup a:nth-child(2) {
#footer p,
#footer a:nth-child(2),
#footer_signup p,
#footer_signup a:nth-child(2) {
color: #b8b8b8; color: #b8b8b8;
} }
#footer a:nth-child(2):hover, #footer a:nth-child(2):focus, #footer_signup a:nth-child(2):hover, #footer_signup a:nth-child(2):focus {
#footer a:nth-child(2):hover,
#footer a:nth-child(2):focus,
#footer_signup a:nth-child(2):hover,
#footer_signup a:nth-child(2):focus {
color: #191919; color: #191919;
} }
#footer a:nth-child(1), #footer_signup a:nth-child(1) {
#footer a:nth-child(1),
#footer_signup a:nth-child(1) {
color: #00a2ff; color: #00a2ff;
} }
#footer a:nth-child(1):hover, #footer_signup a:nth-child(1):hover {
#footer a:nth-child(1):hover,
#footer_signup a:nth-child(1):hover {
text-decoration: underline; text-decoration: underline;
} }
#footer p, #footer a {
#footer p,
#footer a {
max-width: 970px; max-width: 970px;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
} }
button.bluebutton, .tab_selected { button.bluebutton,
.tab_selected {
border: 1px solid transparent; border: 1px solid transparent;
background: #00A2FF; background: #00A2FF;
border-color: #00A2FF; border-color: #00A2FF;
-webkit-transition: box-shadow 200ms ease-in-out; -webkit-transition: box-shadow 200ms ease-in-out;
-o-transition: box-shadow 200ms ease-in-out; -o-transition: box-shadow 200ms ease-in-out;
transition: box-shadow 200ms ease-in-out; transition: box-shadow 200ms ease-in-out;
border-radius: 3px; border-radius: 3px;
} }
button.bluebutton:hover, button.bluebutton:focus, .tab_selected:hover, .tab_selected:focus {
button.bluebutton:hover,
button.bluebutton:focus,
.tab_selected:hover,
.tab_selected:focus {
background: #32B5FF; background: #32B5FF;
box-shadow: 0 1px 3px rgb(150 150 150 / 74%); box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
border-color: #32B5FF; border-color: #32B5FF;
color: #fff; color: #fff;
text-decoration: none text-decoration: none
} }
button.greybutton, .tab {
button.greybutton,
.tab {
-webkit-transition: box-shadow 200ms ease-in-out; -webkit-transition: box-shadow 200ms ease-in-out;
-o-transition: box-shadow 200ms ease-in-out; -o-transition: box-shadow 200ms ease-in-out;
transition: box-shadow 200ms ease-in-out; transition: box-shadow 200ms ease-in-out;
border: 1px solid transparent; border: 1px solid transparent;
background: #fff; background: #fff;
border-color: #B8B8B8; border-color: #B8B8B8;
color: #191919 !important; color: #191919 !important;
border-radius: 3px; border-radius: 3px;
} }
button.greybutton:hover, button.greybutton:focus, .tab:hover, .tab:focus {
button.greybutton:hover,
button.greybutton:focus,
.tab:hover,
.tab:focus {
background: #fff; background: #fff;
box-shadow: 0 1px 3px rgb(150 150 150 / 74%); box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
border-color: #B8B8B8; border-color: #B8B8B8;
color: #191919; color: #191919;
text-decoration: none text-decoration: none
} }
button.redbutton { button.redbutton {
transition: box-shadow 200ms ease-in-out; transition: box-shadow 200ms ease-in-out;
border: 1px solid transparent; border: 1px solid transparent;
background: #D86868; background: #D86868;
border-color: #D86868; border-color: #D86868;
color: #fff; color: #fff;
border-radius: 3px; border-radius: 3px;
} }
button.redbutton:hover, button.redbutton:focus {
button.redbutton:hover,
button.redbutton:focus {
background: #E27676; background: #E27676;
box-shadow: 0 1px 3px rgb(150 150 150 / 74%); box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
border-color: #E27676; border-color: #E27676;
} }
button.greenbutton { button.greenbutton {
-webkit-transition: box-shadow 200ms ease-in-out; -webkit-transition: box-shadow 200ms ease-in-out;
-o-transition: box-shadow 200ms ease-in-out; -o-transition: box-shadow 200ms ease-in-out;
transition: box-shadow 200ms ease-in-out; transition: box-shadow 200ms ease-in-out;
border: 1px solid transparent; border: 1px solid transparent;
background: #02b757; background: #02b757;
border-color: #02b757; border-color: #02b757;
border-radius: 3px; border-radius: 3px;
} }
button.greenbutton:hover, button.greenbutton:focus {
button.greenbutton:hover,
button.greenbutton:focus {
background: #3FC679; background: #3FC679;
box-shadow: 0 1px 3px rgb(150 150 150 / 74%); box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
border-color: #3FC679; border-color: #3FC679;
} }
div[style="color:white;background-color:green;text-align:center;margin-top:72px"] { div[style="color:white;background-color:green;text-align:center;margin-top:72px"] {
background-color: #02b757 !important background-color: #02b757 !important
} }
p[style="color: darkred;"], .important {
p[style="color: darkred;"],
.important {
color: #D86868 !important; color: #D86868 !important;
} }
a, .content a, .content_signup p a { a,
.content a,
.content_signup p a {
color: #00A2FF color: #00A2FF
} }
a:hover, .content_signup p a:hover {
a:hover,
.content_signup p a:hover {
text-decoration: underline; text-decoration: underline;
} }
textarea, input { textarea,
input {
background-color: #fff; background-color: #fff;
border: 1px solid #b8b8b8; border: 1px solid #b8b8b8;
color: #191919; color: #191919;
border-radius: 3px border-radius: 3px
} }
textarea:focus, input:focus {
textarea:focus,
input:focus {
border-color: #00A2FF border-color: #00A2FF
} }
@ -505,68 +629,75 @@ button:hover a {
} }
.onlinestatus_website { .onlinestatus_website {
color: #00A2FF; color: #00A2FF;
} }
.onlinestatus_studio { .onlinestatus_studio {
color: #F68802; color: #F68802;
} }
.onlinestatus_ingame { .onlinestatus_ingame {
color: #02b757; color: #02b757;
} }
.onlinestatus_offline { .onlinestatus_offline {
color: #b8b8b8; color: #b8b8b8;
} }
iframe { iframe {
height: calc(100% - 104px);
padding-bottom: 40px
} }
#logo_full { #logo_full {
display: none; display: none;
} }
#logo_small { #logo_small {
display: block; display: block;
} }
@media (min-width: 1688px) { @media (min-width: 1688px) {
#smallnav_open { #smallnav_open {
display: none; display: none;
} }
.mySubmenuFixed { .mySubmenuFixed {
display: block; display: block;
} }
#logo_full img, #logo_full {
#logo_full img,
#logo_full {
max-width: 200px; max-width: 200px;
width: 120px; width: 120px;
} }
.content, iframe {
.content,
iframe {
padding-left: 180px; padding-left: 180px;
padding-right: 10px; padding-right: 10px;
} }
#logo_full { #logo_full {
display: block; display: block;
} }
#logo_small { #logo_small {
display: none; display: none;
} }
} }
@media (max-width: 970px) { @media (max-width: 970px) {
.navbarbuttoncontainer a { .navbarbuttoncontainer a {
font-size: 16px; font-size: 16px;
top: 0px; top: 0px;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.navbar { .navbar {
height: 40px; height: 40px;
} }
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.navbarbuttoncontainer a { .navbarbuttoncontainer a {
font-size: 10px; font-size: 10px;
@ -574,6 +705,7 @@ iframe {
top: 0px; top: 0px;
} }
} }
@media (max-width: 560px) { @media (max-width: 560px) {
.navbarbuttoncontainer a { .navbarbuttoncontainer a {
font-size: 8px; font-size: 8px;
@ -581,10 +713,11 @@ iframe {
top: 0px; top: 0px;
} }
} }
@media (max-width: 560px) { @media (max-width: 560px) {
.navbarbuttoncontainer a { .navbarbuttoncontainer a {
font-size: 6px; font-size: 6px;
line-height: 3.5em; line-height: 3.5em;
top: 0px; top: 0px;
} }
} }

BIN
public/css/HelveticaNeue-Italic.ttf Normal file
View File

Binary file not shown.

BIN
public/css/HelveticaNeue-Normal.ttf Normal file
View File

Binary file not shown.

BIN
public/css/SourceSansPro-Italic.ttf Normal file
View File

Binary file not shown.

BIN
public/css/SourceSansPro-Normal.ttf Normal file
View File

Binary file not shown.

99
public/css/app.css
View File

@ -22,6 +22,20 @@
} }
} }
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: normal;
src: url('HelveticaNeue-Normal.ttf');
}
@font-face {
font-family: 'Helvetica Neue';
font-style: italic;
font-weight: normal;
src: url('HelveticaNeue-Italic.ttf');
}
.catalogitem, .catalogitem,
.catalogitemimage { .catalogitemimage {
width: 126px; width: 126px;
@ -88,6 +102,7 @@
.warningtext { .warningtext {
color: red; color: red;
} }
.helpfultip { .helpfultip {
color: orange; color: orange;
font-weight: 600; font-weight: 600;
@ -97,7 +112,9 @@
display: inline-block; display: inline-block;
float: left; float: left;
} }
#logo_full, #logo_full .btn-logo {
#logo_full,
#logo_full .btn-logo {
width: 200px; width: 200px;
Height: 35px; Height: 35px;
} }
@ -107,24 +124,36 @@
display: none; display: none;
float: left; float: left;
} }
#logo_small, #logo_small img {
#logo_small,
#logo_small img {
width: 45px; width: 45px;
height: 35px; height: 35px;
} }
@media (max-width: 970px) { @media (max-width: 970px) {
.navbarbuttoncontainer a, #navbarusername, .arkotcontainer p, #navbarlogincontainer {
.navbarbuttoncontainer a,
#navbarusername,
.arkotcontainer p,
#navbarlogincontainer {
font-size: 11px; font-size: 11px;
} }
.arkoticon_navbar { .arkoticon_navbar {
width: 11px; width: 11px;
} }
} }
@media (max-width: 730px) { @media (max-width: 730px) {
.navbarbuttoncontainer a { .navbarbuttoncontainer a {
position: relative; position: relative;
} }
.navbarbuttoncontainer a, #navbarusername, .arkotcontainer p, #navbarlogincontainer {
.navbarbuttoncontainer a,
#navbarusername,
.arkotcontainer p,
#navbarlogincontainer {
font-size: 9px; font-size: 9px;
} }
} }
@ -162,14 +191,16 @@
position: relative; position: relative;
height: 36px; height: 36px;
z-index: 200; z-index: 200;
font-family: Arial,Helvetica,sans-serif; font-family: Arial, Helvetica Neue, sans-serif;
} }
.BannerCenterContainer { .BannerCenterContainer {
width: 970px; width: 970px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
text-align: center; text-align: center;
} }
.BannerRedesign { .BannerRedesign {
height: 35px; height: 35px;
background: #114081; background: #114081;
@ -181,37 +212,45 @@
top: 0; top: 0;
display: inline-flex; display: inline-flex;
} }
.btn-logo:hover, .navbarbuttoncontainer li:hover {
.btn-logo:hover,
.navbarbuttoncontainer li:hover {
background-image: url(/images/RevisedHeader/bg-main_menu_hover.png); background-image: url(/images/RevisedHeader/bg-main_menu_hover.png);
background-size: auto 35px; background-size: auto 35px;
} }
.smallnavbarbutton:hover { .smallnavbarbutton:hover {
background-image: url(/images/RevisedHeader/bg-sub_menu_hover.png); background-image: url(/images/RevisedHeader/bg-sub_menu_hover.png);
} }
div.mySubmenuFixed { div.mySubmenuFixed {
position: fixed; position: fixed;
top: 68px; top: 68px;
width: 100%; width: 100%;
z-index: 10000; z-index: 10000;
} }
div.mySubmenuFixed { div.mySubmenuFixed {
top: 36px; top: 36px;
background: linear-gradient(#000 10%, #191919 100%); background: linear-gradient(#000 10%, #191919 100%);
height: 25px; height: 25px;
} }
.mySubmenuFixed.Redesign { .mySubmenuFixed.Redesign {
position: fixed; position: fixed;
top: 35px; top: 35px;
} }
.mySubmenuFixed.Redesign { .mySubmenuFixed.Redesign {
position: fixed; position: fixed;
top: 35px; top: 35px;
} }
.subMenu { .subMenu {
background: #A3514F; background: #A3514F;
background-repeat: repeat-x; background-repeat: repeat-x;
color: White; color: White;
font-family: Arial,Helvetica,Sans-Serif; font-family: Arial, Helvetica Neue, Sans-Serif;
font-size: 14px; font-size: 14px;
height: 26px; height: 26px;
position: relative; position: relative;
@ -220,6 +259,7 @@ div.mySubmenuFixed {
border-bottom: solid 3px #6E99C9; border-bottom: solid 3px #6E99C9;
z-index: 5; z-index: 5;
} }
.subMenu { .subMenu {
width: 970px; width: 970px;
height: 30px; height: 30px;
@ -229,6 +269,7 @@ div.mySubmenuFixed {
z-index: 200; z-index: 200;
margin: 0 auto; margin: 0 auto;
} }
.Redesign .subMenu { .Redesign .subMenu {
height: 25px; height: 25px;
background: linear-gradient(#000 10%, #191919 100%); background: linear-gradient(#000 10%, #191919 100%);
@ -240,6 +281,7 @@ div.mySubmenuFixed {
z-index: 1000; z-index: 1000;
float: left; float: left;
} }
.navbarbuttoncontainer li { .navbarbuttoncontainer li {
float: left; float: left;
list-style: none; list-style: none;
@ -271,6 +313,7 @@ div.mySubmenuFixed {
position: relative; position: relative;
*top: -6px; *top: -6px;
} }
#HeaderOr { #HeaderOr {
font-family: Arial; font-family: Arial;
font-weight: normal; font-weight: normal;
@ -281,6 +324,7 @@ div.mySubmenuFixed {
position: relative; position: relative;
margin: 0 6px; margin: 0 6px;
} }
#headerLogin { #headerLogin {
color: white; color: white;
background: url(/images/btn-login_dropdown.png) no-repeat; background: url(/images/btn-login_dropdown.png) no-repeat;
@ -290,6 +334,7 @@ div.mySubmenuFixed {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
#headerLogin:hover { #headerLogin:hover {
background-position: 0 -54px; background-position: 0 -54px;
} }
@ -314,7 +359,8 @@ iframe {
padding: 3px; padding: 3px;
} }
#navbarlogincontainer, #navbarsignedincontainer { #navbarlogincontainer,
#navbarsignedincontainer {
position: relative; position: relative;
padding-right: 10px; padding-right: 10px;
margin-right: 0%; margin-right: 0%;
@ -381,14 +427,16 @@ iframe {
width: 200px; width: 200px;
} }
#feed, #profileleftcontainer { #feed,
#profileleftcontainer {
text-align: center; text-align: center;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
width: 50%; width: 50%;
} }
#profileleftcontainer, #profilerightcontainer { #profileleftcontainer,
#profilerightcontainer {
max-width: 450px; max-width: 450px;
} }
@ -435,11 +483,13 @@ iframe {
float: right; float: right;
position: relative; position: relative;
} }
#navbarlogincontainer { #navbarlogincontainer {
margin-top: 5px; margin-top: 5px;
float: right; float: right;
position: relative; position: relative;
} }
#NavigationRedesignBannerContainer .RightNav { #NavigationRedesignBannerContainer .RightNav {
margin-top: 9px; margin-top: 9px;
} }
@ -449,8 +499,9 @@ iframe {
font-size: 13px; font-size: 13px;
padding: 0; padding: 0;
text-decoration: none; text-decoration: none;
font-weight: 800;
outline: none; outline: none;
font-family: Arial,Helvetica,sans-serif; font-family: Arial, Helvetica Neue, sans-serif;
} }
.smallnavbarbutton { .smallnavbarbutton {
@ -459,6 +510,7 @@ iframe {
text-align: center; text-align: center;
font-size: 15px; font-size: 15px;
} }
.Redesign .smallnavbarbutton { .Redesign .smallnavbarbutton {
font-size: 12px; font-size: 12px;
padding: 5px; padding: 5px;
@ -472,8 +524,7 @@ iframe {
html { html {
margin: 0px; margin: 0px;
font-family: "Helvetica"; font-family: "Helvetica Neue";
src: url('Helvetica.ttf') format('truetype'),;
font-style: normal; font-style: normal;
height: 100%; height: 100%;
color: #000; color: #000;
@ -497,8 +548,8 @@ body {
margin-top: 0px; margin-top: 0px;
min-width: 670px; min-width: 670px;
margin-bottom: 0px; margin-bottom: 0px;
padding-bottom: 0px;
height: 100%; height: 100%;
padding-bottom: 0px;
} }
.content_special, .content_special,
@ -518,8 +569,9 @@ body {
.content { .content {
color: black; color: black;
min-height: 550px; min-height: 100%;
padding: 5px 5px 25px 5px; padding: 5px 5px 25px 5px;
/* Height of the footer */
margin: 100px auto 0 auto; margin: 100px auto 0 auto;
width: 970px; width: 970px;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
@ -536,15 +588,18 @@ body {
/* Fallback for IE 11*/ /* Fallback for IE 11*/
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
} }
.content_signup .hyperlink{
.content_signup .hyperlink {
display: block; display: block;
color: #0074bd; color: #0074bd;
transition: .25s all ease-in-out; transition: .25s all ease-in-out;
} }
.content_signup .hyperlink:hover { .content_signup .hyperlink:hover {
color: #32cfff; color: #32cfff;
} }
.content_signup h1, .content_signup a, .content_signup p {
.content_signup h1, .content_signup a, .content_signup p, .content_signup h2, .content_signup h5 {
text-align: center; text-align: center;
} }
@ -572,12 +627,14 @@ body {
margin-right: 10px; margin-right: 10px;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
width: calc(100% - 30px);
padding-bottom: 5px; padding-bottom: 5px;
padding-top: 5px; padding-top: 5px;
background: rgb(172, 172, 172); background: rgb(172, 172, 172);
/* Fallback for IE 11*/ /* Fallback for IE 11*/
background-color: rgb(172, 172, 172); background-color: rgb(172, 172, 172);
min-height: fit-content; min-height: fit-content;
bottom: 0;
} }
/*Button gradients by TersisWilvin*/ /*Button gradients by TersisWilvin*/
@ -590,7 +647,7 @@ body {
height: 20px; height: 20px;
border-radius: 1px; border-radius: 1px;
border: 1px solid #3D414A; border: 1px solid #3D414A;
font-family: "Helvetica"; font-family: "Helvetica Neue";
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
color: rgb(0, 0, 0) !important; color: rgb(0, 0, 0) !important;
@ -604,7 +661,7 @@ body {
height: 20px; height: 20px;
border-radius: 1px; border-radius: 1px;
border: 1px solid #3D414A; border: 1px solid #3D414A;
font-family: "Helvetica"; font-family: "Helvetica Neue";
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
color: #fff !important; color: #fff !important;
@ -619,7 +676,7 @@ button {
height: 20px; height: 20px;
border-radius: 3px; border-radius: 3px;
border: 1px solid #3D414A; border: 1px solid #3D414A;
font-family: "Helvetica"; font-family: "Helvetica Neue";
color: #fff; color: #fff;
} }

2
public/css/appdark.css
View File

@ -93,7 +93,7 @@ html {
a, a,
#navbarusername { #navbarusername {
color: rgb(200,200,200); color: rgb(215 215 215);
} }
.logoutframe { .logoutframe {

18
public/css/classicapp.css
View File

@ -15,6 +15,20 @@ html {
margin: auto; margin: auto;
} }
#footer, #footer_signup {
background: rgba(172,172,172,0.75);
}
.content_signup {
background: rgba(255, 255, 255,0.75);
}
.content {
margin-top: 105px;
min-height: 550px;
background: rgba(255, 255, 255,0.75);
}
.content { .content {
margin-top: 105px; margin-top: 105px;
} }
@ -28,7 +42,7 @@ html {
} }
#NavigationRedesignBannerContainer { #NavigationRedesignBannerContainer {
font-family: "Helvetica"; font-family: "Helvetica Neue";
height: 40px;; height: 40px;;
} }
@ -105,7 +119,7 @@ html {
padding-right: 5px; padding-right: 5px;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-family: "Helvetica"; font-family: "Helvetica Neue";
font-weight: bold; font-weight: bold;
} }
.Redesign .smallnavbarbutton { .Redesign .smallnavbarbutton {

18
public/css/classicappdark.css
View File

@ -11,12 +11,24 @@ html {
.content, #footer { .content, #footer {
max-width: 1000px; max-width: 1000px;
width: 1000px;
margin: auto; margin: auto;
width: 1000px;
}
#footer, #footer_signup {
background: rgba(0,0,0,0.75);
}
.content_signup {
background: rgba(25, 25, 25,0.75);
} }
.content { .content {
margin-top: 105px; margin-top: 105px;
background: rgba(25, 25, 25,0.75);
min-height: 550px;
}
#footer {
} }
#logo_full { #logo_full {
@ -28,7 +40,7 @@ html {
} }
#NavigationRedesignBannerContainer { #NavigationRedesignBannerContainer {
font-family: "Helvetica"; font-family: "Helvetica Neue";
height: 40px; height: 40px;
} }
@ -105,7 +117,7 @@ html {
padding-right: 5px; padding-right: 5px;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-family: "Helvetica"; font-family: "Helvetica Neue";
font-weight: bold; font-weight: bold;
} }
.Redesign .smallnavbarbutton { .Redesign .smallnavbarbutton {

6
resources/css/DONOTUSE.css
View File

@ -168,8 +168,8 @@
} }
html { html {
margin: 0px; margin: 0px;
font-family: "Helvetica"; font-family: "Helvetica Neue";
src: url('Helvetica.ttf') format('truetype'),; src: url('Helvetica Neue.ttf') format('truetype'),;
font-style: normal; font-style: normal;
background-color: rgb(49, 107, 223); background-color: rgb(49, 107, 223);
color: white; color: white;
@ -242,7 +242,7 @@ font-weight: 400;
text-align: center; text-align: center;
border-radius: 3px; border-radius: 3px;
border: 1px solid #3D414A; border: 1px solid #3D414A;
font-family: "Helvetica"; font-family: "Helvetica Neue";
color: #fff; color: #fff;
} }
button.bluebutton { button.bluebutton {

3
resources/views/index.blade.php
View File

@ -1,6 +1,7 @@
@extends('layouts.loggedout') @extends('layouts.loggedout')
@section('title') @section('title')
<title>{{ env('APP_NAME') }} - We're Still Morbin!</title> <title>{{ env('APP_NAME') }} - It's Archaic!
</title>
@endsection @endsection
@section('titlediscord') @section('titlediscord')
<meta content="{{ env('APP_NAME') }}" property="og:title" /> <meta content="{{ env('APP_NAME') }}" property="og:title" />

5
resources/views/layouts/app.blade.php
View File

@ -114,7 +114,7 @@
<li><a class="navbarbutton" id="smallbtn2" href="@guest {{ route('login') }} <li><a class="navbarbutton" id="smallbtn2" href="@guest {{ route('login') }}
@else @else
{{ route('profile', Auth::id()) }} @endguest">Profile</a></li> {{ route('profile', Auth::id()) }} @endguest">Profile</a></li>
<li><a class="navbarbutton" id="smallbtn3" href="{{ route('settings') }}">Settings</a><li> <li><a class="navbarbutton" id="smallbtn3" href="{{ route('settings') }}">Settings</a></li>
</div> </div>
@guest @guest
<div id="navbarlogincontainer"> <div id="navbarlogincontainer">
@ -174,8 +174,7 @@
users are online</p> users are online</p>
<br> <br>
@endif @endif
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company. <p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.</p>
We're still Morbin'!</p>
<p><a href="{{ route('privacy') }}">Privacy Policy</a> <a href="{{ route('tos') }}">Terms of Service</a> <p><a href="{{ route('privacy') }}">Privacy Policy</a> <a href="{{ route('tos') }}">Terms of Service</a>
</p> </p>
</div> </div>

53
resources/views/layouts/loggedout.blade.php
View File

@ -1,3 +1,37 @@
@php
$splash = array(
'It\'s Archaic!',
'Think. Build. Create.',
'MORBLOX never existed.',
'You make the game.',
'Memories under the arch.',
'Watch out for Archviles!',
'We\'re still Morbin\'',
'Why yes I play ARCHBLOX, how could you tell?',
'Do not sell us expensive helicopters',
'Get better at archery with ARCHBLOX!!!',
'my bitch got me a walle hat from disney land',
'We are powering laziness',
'If you can\'t beat em, join em',
'We will, we will rock you',
'I\'m a goofy goober',
'I LOVE BEING PURPLE',
'The slogan always changes!',
'Crosswoods is a great game!',
'The oldest anarchy server in minecraft.',
'Good morning U.S.A!',
'I\'ve got a feeling that it\'s gonna be a wonderful day',
'The sun in the sky has a smile on his face',
'And he\'s shining a salute to the American race',
'OOOH ARCHBLOX\'S OH YEAH',
'you know what they say all toasters toast toast',
'omg old roblox!!',
'Thomas was here!',
'C# moment!',
'Laravel moment!'
);
@endphp
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-us" class="loggedout"> <html lang="en-us" class="loggedout">
@ -37,15 +71,16 @@
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet"> <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
@endswitch @endswitch
@else @else
<style> <style>
body { body {
display: none; display: none;
} }
html { html {
background: black; background: black;
} }
</style> </style>
<script> <script>
function getDarkMode() { function getDarkMode() {
var currentTime = new Date().getHours(); var currentTime = new Date().getHours();
if (6 >= currentTime || currentTime > 18) { if (6 >= currentTime || currentTime > 18) {
@ -89,19 +124,21 @@
<div id="logo_signup"> <div id="logo_signup">
<a href="{{ route('index') }}"><img alt="ARCHBLOX Logo" src="{{ asset('img/ARCHBLOXarched.png') }}" width="200" <a href="{{ route('index') }}"><img alt="ARCHBLOX Logo" src="{{ asset('img/ARCHBLOXarched.png') }}" width="200"
height="40" /></a> height="40" /></a>
<p id="morbin">We're Still Morbin'</p>
<p id="morbin">@php echo $splash[rand(0, count($splash) - 1)]; @endphp</p>
</div> </div>
<div class="content_signup"> <div class="content_signup">
@yield('contentloggedout') @yield('contentloggedout')
</div> </div>
<div id="footer_signup"> <div id="footer_signup">
@if (!Auth::guest() && Auth::user()->isAdmin()) @if (!Auth::guest() && Auth::user()->isAdmin())
<p><strong>{{ App\Models\User::count() }}</strong> users registered | <strong>{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subMinute()->toDateTimeString())->count(); }}</strong> <p><strong>{{ App\Models\User::count() }}</strong> users registered |
users are online</p> <strong>{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subMinute()->toDateTimeString())->count(); }}</strong>
users are online
</p>
<br> <br>
@endif @endif
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company. <p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.</p>
We're still Morbin'!</p>
<p><a href="{{ route('privacy') }}">Privacy Policy</a> <a href="{{ route('tos') }}">Terms of Service</a></p> <p><a href="{{ route('privacy') }}">Privacy Policy</a> <a href="{{ route('tos') }}">Terms of Service</a></p>
</div> </div>
</body> </body>

37
resources/views/misc/privacy.blade.php
View File

@ -10,23 +10,22 @@
@endsection @endsection
@section('contentloggedout') @section('contentloggedout')
<h1>Privacy Policy</h1> <h1>Privacy Policy</h1>
<p>ARCHBLOX is committed to providing a silly ROBLOX revival and this policy outlines our ongoing obligations to you in <p>ARCHBLOX is committed to providing a ROBLOX revival and this policy outlines our ongoing obligations to you in
respect of how we manage your Personal Information. respect of how we manage your Personal Information.
We have adopted the Australian Privacy Principles (APPs) contained in the Privacy Act 1988 (Cth) (the Privacy Act). We have adopted the Australian Privacy Principles (APPs) contained in the Privacy Act 1988 (Cth) (the Privacy Act).
The NPPs govern the way in which we collect, use, disclose, store, secure and dispose of your Personal Information. The NPPs govern the way in which we collect, use, disclose, store, secure and dispose of your Personal Information.
A copy of the Australian Privacy Principles may be obtained from the website of The Office of the Australian A copy of the Australian Privacy Principles may be obtained from the website of The Office of the Australian
Information Commissioner at www.aoic.gov.au</p> Information Commissioner at www.aoic.gov.au</p>
<h2>Req. Legal Disclaimer</h2> <br>
<p>ARCHBLOX is not associated, partnered or owned with Roblox Corp in any way.</p> <p>ARCHBLOX is not associated or partnered with Roblox Corp in any way.</p>
<h2>How we store your passwords</h2> <h2>How we store your passwords</h2>
<p>As with every other site that uses passwords, we need a way to secure them, so no bad actors can read them. We use <p>As with every other site that uses passwords, we need a way to secure them, so no bad actors can read them. We use
bcrypt to store your passwords securely.</p> bcrypt to store your passwords securely. In the event of a database breach, please change your password and email, to be safe.</p>
<h2>What is Personal Information and why do we collect it?</h2> <h2>What is Personal Information and why do we collect it?</h2>
<p>Personal Information is information that identifies an individual. The Personal Information we collect include your <p>Personal Information is information that identifies an individual. The Personal Information we collect include your
username, age and email address. username, age and email address.
We also store your Places, Decals, T-Shirts, Shirts, Pants, Audios, Settings, Friends and ARKOTs until you delete it We also store your Places, Decals, T-Shirts, Shirts, Pants, Audios, Settings, Friends, ARCHBLOX Badges, Badges and ARKOTs until you delete it
yourself, or we moderate it (see our Terms of Service). yourself, or we moderate it (see our Terms of Service). <a style="color: blue;"
This Personal Information is obtained from our website archblox.com. <a style="color: blue;"
href="https://media.discordapp.net/attachments/987687460974788669/991175756602409041/unknown.png?width=1440&height=345">We href="https://media.discordapp.net/attachments/987687460974788669/991175756602409041/unknown.png?width=1440&height=345">We
do not store your IP Address.</a> do not store your IP Address.</a>
We collect your Personal Information for the primary purpose of using the services. We may also use your Personal We collect your Personal Information for the primary purpose of using the services. We may also use your Personal
@ -35,27 +34,25 @@
When we collect Personal Information, we will, where appropriate and where possible, explain to you why we are When we collect Personal Information, we will, where appropriate and where possible, explain to you why we are
collecting the information and how we plan to use it.</p> collecting the information and how we plan to use it.</p>
<h2>What happens when your account gets terminated?</h2> <h2>What happens when your account gets terminated?</h2>
<p>Within 3 months of being terminated, your account will be forever deleted. This includes all your stored data, and <p>Within 3 months of being terminated, your account will be fully deleted. This includes all your stored data, and
personal information. YOU CAN APPEAL YOUR TERMINATION.</p> personal information.</p>
<h2>What happens if your account is inactive for a long time?</h2> <h2>What happens if your account is inactive for a long time?</h2>
<p>After 1 year of inactivity, your account goes into a "disabled" state, where you can only change your Personal <p>After 1 year of inactivity, your account goes into a "disabled" state, where you can only modify/delete your Personal
Information. You can either ask for it to be re-enabled or deleted. If it is inactive for another year after being Information (Settings, Assets). You can either ask for it to be re-enabled or deleted. If it is inactive for another year after being
disabled, it will be terminated, and then will lose all the stored data after the 3-month period of being disabled, it will be terminated. (See "What happens when your account gets terminated!" for more info)</p>
terminated.</p> <h2>How do I delete my account?</h2>
<p>Ask one of the developers, or press the "Delete Account" button on the Settings page.</p>
<h2>Disclosure of Personal Information</h2> <h2>Disclosure of Personal Information</h2>
<p>Your Personal Information will only be disclosed when required by law and when you request for it. (See <p>Your Personal Information will only be disclosed when required by law and when you request for it. (See
Access/Deletion of your Personal Information for more information.)</p> Access/Deletion of your Personal Information for more information.)</p>
<h2>Security of Personal Information</h2> <h2>Security of Personal Information</h2>
<p>Your Personal Information is stored in a manner that reasonably protects it from misuse and loss and from <p>Your Personal Information is stored on our webserver. We've stored it in a manner that reasonably protects it from misuse and loss and from unauthorized access, modification or disclosure. If you would like to see what it looks like, click <a style="color: blue;"href="https://media.discordapp.net/attachments/987687460974788669/991175756602409041/unknown.png?width=1440&height=345">here</a>.</p>
unauthorized access, modification or disclosure.</p>
<h2>Access/Deletion of your Personal Information</h2> <h2>Access/Deletion of your Personal Information</h2>
<p>You may access, delete and update and/or correct the Personal Information we hold (that is yours). If you wish to <p>You may access, delete and update and/or correct the Personal Information we hold (that is yours). If you wish to
access your Personal Information, please open the Settings/Build page, or contact us on our server. access your Personal Information, please open the Settings/Develop page, or contact us on our server if you wish to delete your account fully.</p>
In order to protect your Personal Information, we may require identification from you before releasing the requested
information.</p>
<h2>Policy Updates</h2> <h2>Policy Updates</h2>
<p>This Policy can change from time to time and is available on our website. You will be notified of this change.</p> <p>This Policy can change from time to time. You will be notified of any change.</p>
<h2>Privacy Policy Complaints and Enquiries</h2> <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> <p>If you have any queries or complaints about our Privacy Policy, please contact us on our Discord, or contact us using the Messages system.</p>
<br> <br>
@endsection @endsection