mirror of
https://github.com/TotalFreedomMC/Website.git
synced 2024-06-20 10:27:45 +00:00
Up-to-date Commit
This commit is contained in:
aggelosQQ
parent
a52a1290fc
commit
1a326089c0
1
css/global.css
Normal file
1
css/global.css
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
#load_screen{background:rgba(40,40,40,1);position:fixed;top:0;width:100%;height:1600px;z-index:300;opacity:1}#load_screen>#loading>#note{color:rgba(150,150,150,.6);font-size:.9em}#load_screen>#loading{color:#fff;width:50%;height:240px;margin:300px auto;text-align:center;font-size:1.5em}.progress{background:#fafafa}.skip{background:rgba(150,150,150,.4);font-size:.8em;cursor:pointer;padding:5px 45px}.skip:after{font-family:FontAwesome;content:"\f105";position:relative;right:15px;opacity:0;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.skip:hover:after{opacity:1;right:0;padding-left:15px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(100,100,100,.1);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(230,230,230,.3)}@media only screen and (max-width:768px){#load_screen>#loading{width:97%}}
|
||||||
305
css/main.css
305
css/main.css
|
|
@ -1,304 +1 @@
|
||||||
* {
|
.brand-logo,body{font-family:Catamaran,sans-serif}#rules-title,.button{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;z-index:100}.admins ul,.cover-1,.cover-2,.cover-3 .section-title,.rank{text-align:center}*{margin:0;padding:0}body{color:#fff;background:url(../images/cover-1.png) center no-repeat fixed #222;background-size:cover}.brand-logo{margin-top:5px;margin-bottom:5px}.button-collapse{margin-top:5px;margin-bottom:10px}.cover-1{font-size:1.5em;color:rgba(255,255,255,.4);height:100vh}.cover-1 a,.cover-1 h3{margin-top:23%}.button{padding:15px;background:rgba(255,255,255,.1);border-radius:65px;color:#c8c8c8;transition:all .2s ease-in-out}.button:hover{background:rgba(200,200,200,.2)}.cover-2{background:url(../images/cover-2.png) center fixed;background-size:cover;height:auto;padding-bottom:40px}.rule{z-index:100;display:none;padding:30px}#rules-title,.admins>ul>a{padding:10px;display:inline-block}#rules-title{font-size:2.2em;background:rgba(230,230,230,.1);cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;transition:all .2s ease-in-out}.admins>ul>a,i.rules-icon{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}#rules-title:hover{background:rgba(210,210,210,.2)}i.rules-icon{position:relative;float:right;color:rgba(150,150,150,.3);transition:all .2s ease-in-out}i.rules-icon:hover{color:rgba(150,150,150,1)}.cover-2 h2,.cover-2 p{width:75%;margin:0 auto}.cover-2 p{font-size:1.2em;height:auto}.section-title{font-size:4em;color:rgba(255,255,255,.9);z-index:100}.cover-3{background:url(../images/cover-3.png) no-repeat fixed;background-size:cover}.admins>ul>a{margin:5px;background:rgba(0,0,0,.3);transition:all .2s ease-in-out;border-radius:150px;z-index:200}.admins>ul>a:hover{background:rgba(100,100,100,.3)}.admins ul{z-index:101}.admins a li{color:rgba(255,255,255,.5);font-size:1.2em;z-index:102}.rank{font-size:2em;z-index:103}.rest>li>a,.useful a{padding:10px;z-index:100;text-align:center}.cover-1,.cover-2,.cover-3{border-bottom:1px solid rgba(255,255,255,.2)}.rest>li>a{font-size:1.5em;color:rgba(255,255,255,.6);border-radius:50px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.rest>li>a:hover{background:rgba(255,255,255,.2);color:#fff}.rest>li{margin-top:50px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.rest>li:hover{transform:translateX(5px)}.useful a{display:inline-block;font-size:1.2em;color:rgba(255,255,255,.6);border:2px solid rgba(255,255,255,.6);margin-right:10px;border-radius:50px;width:200px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin-bottom:10px}.useful>a>li>i{font-size:2em;margin-bottom:10px}.useful a:hover{background:rgba(255,255,255,.2);color:#fff;transform:translateY(-5px)}#note{text-align:center;color:#ccc;border-radius:150px;padding:15px;z-index:1}#note h5{margin-bottom:-20px}#note a{color:#c8c8c8;font-weight:700}.nav-wrapper{background:rgba(0,0,0,.3)}.cover-2 a{font-size:1.3em;color:rgba(255,255,255,.3)}.head-icon{width:20px;height:20px;float:left;margin-right:5px;border-radius:50%}.modal{background:rgba(0,0,0,.5);color:#ccc}.modal a{color:#c8c8c8}.modal ul{display:inline-block}.modal h4{margin-bottom:38px}.modal>.modal-footer{background:rgba(50,50,50,.6)}.waves-effect.waves-brown .waves-ripple{background-color:rgba(230,230,230,.3)}@media only screen and (max-width:768px){.cover-2 h2,.cover-2 p{width:100%}.online-part{padding:25% .7%}.rule{padding:15px}.admins>ul>a{display:block;border-radius:0}.head-icon{width:20px;height:20px;margin-right:0;float:left;border-radius:50%}}
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
color: #fff;
|
|
||||||
font-family: 'Catamaran', sans-serif;
|
|
||||||
background: #222 url('../images/cover-1.png') no-repeat center fixed;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
.brand-logo {
|
|
||||||
font-family: 'Catamaran', sans-serif;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.button-collapse {
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.cover-1 {
|
|
||||||
font-size: 1.5em;
|
|
||||||
color: rgba(255, 255, 255, 0.4);
|
|
||||||
text-align: center;
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
.cover-1 h3,
|
|
||||||
.cover-1 a {
|
|
||||||
margin-top: 23%;
|
|
||||||
}
|
|
||||||
.button {
|
|
||||||
padding: 15px;
|
|
||||||
background: rgba(255, 255, 255, 0.1);
|
|
||||||
border-radius: 65px;
|
|
||||||
color: rgb(200, 200, 200);
|
|
||||||
-webkit-transition: all 0.2s ease-in-out;
|
|
||||||
-moz-transition: all 0.2s ease-in-out;
|
|
||||||
-ms-transition: all 0.2s ease-in-out;
|
|
||||||
-o-transition: all 0.2s ease-in-out;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
.button:hover {
|
|
||||||
background: rgba(200, 200, 200, 0.2);
|
|
||||||
}
|
|
||||||
.cover-2 {
|
|
||||||
background: url('../images/cover-2.png') center fixed;
|
|
||||||
background-size: cover;
|
|
||||||
text-align: center;
|
|
||||||
height: auto;
|
|
||||||
padding-bottom: 40px;
|
|
||||||
}
|
|
||||||
.rule {
|
|
||||||
z-index: 100;
|
|
||||||
display: none;
|
|
||||||
padding: 30px;
|
|
||||||
}
|
|
||||||
#rules-title {
|
|
||||||
font-size: 2.2em;
|
|
||||||
z-index: 100;
|
|
||||||
display: inline-block;
|
|
||||||
background: rgba(230, 230, 230, 0.1);
|
|
||||||
padding: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
-webkit-transition: all 0.2s ease-in-out;
|
|
||||||
-moz-transition: all 0.2s ease-in-out;
|
|
||||||
-ms-transition: all 0.2s ease-in-out;
|
|
||||||
-o-transition: all 0.2s ease-in-out;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
#rules-title:hover {
|
|
||||||
background: rgba(210, 210, 210, 0.2);
|
|
||||||
}
|
|
||||||
i.rules-icon {
|
|
||||||
position: relative;
|
|
||||||
float: right;
|
|
||||||
color: rgba(150, 150, 150, 0.3);
|
|
||||||
-webkit-transition: all 0.2s ease-in-out;
|
|
||||||
-moz-transition: all 0.2s ease-in-out;
|
|
||||||
-ms-transition: all 0.2s ease-in-out;
|
|
||||||
-o-transition: all 0.2s ease-in-out;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
i.rules-icon:hover {
|
|
||||||
color: rgba(150, 150, 150, 1);
|
|
||||||
}
|
|
||||||
.cover-2 p,
|
|
||||||
.cover-2 h2 {
|
|
||||||
width: 75%;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
.cover-2 p {
|
|
||||||
font-size: 1.2em;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.section-title {
|
|
||||||
font-size: 4em;
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
.cover-3 {
|
|
||||||
background: url('../images/cover-3.png') no-repeat fixed;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
.cover-3 .section-title {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.admins > ul > a {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 5px;
|
|
||||||
background: rgba(0, 0, 0, 0.3);
|
|
||||||
-webkit-transition: all 0.2s ease-in-out;
|
|
||||||
-moz-transition: all 0.2s ease-in-out;
|
|
||||||
-ms-transition: all 0.2s ease-in-out;
|
|
||||||
-o-transition: all 0.2s ease-in-out;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
border-radius: 150px;
|
|
||||||
z-index: 800;
|
|
||||||
}
|
|
||||||
.admins > ul > a:hover {
|
|
||||||
background: rgba(100, 100, 100, 0.3);
|
|
||||||
}
|
|
||||||
.admins ul {
|
|
||||||
text-align: center;
|
|
||||||
z-index: 101;
|
|
||||||
}
|
|
||||||
.admins a li {
|
|
||||||
color: rgba(255, 255, 255, 0.5);
|
|
||||||
font-size: 1.2em;
|
|
||||||
z-index: 102;
|
|
||||||
}
|
|
||||||
.rank {
|
|
||||||
font-size: 2em;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 103;
|
|
||||||
}
|
|
||||||
.cover-1,
|
|
||||||
.cover-2,
|
|
||||||
.cover-3 {
|
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
||||||
}
|
|
||||||
.rest > li > a {
|
|
||||||
font-size: 1.5em;
|
|
||||||
color: rgba(255, 255, 255, 0.6);
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 50px;
|
|
||||||
-webkit-transition: all 0.2s ease-in-out;
|
|
||||||
-moz-transition: all 0.2s ease-in-out;
|
|
||||||
-ms-transition: all 0.2s ease-in-out;
|
|
||||||
-o-transition: all 0.2s ease-in-out;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
.rest > li > a:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.2);
|
|
||||||
color: rgb(255, 255, 255);
|
|
||||||
}
|
|
||||||
.rest > li {
|
|
||||||
margin-top: 50px;
|
|
||||||
-webkit-transition: all 0.5s ease-in-out;
|
|
||||||
-moz-transition: all 0.5s ease-in-out;
|
|
||||||
-ms-transition: all 0.5s ease-in-out;
|
|
||||||
-o-transition: all 0.5s ease-in-out;
|
|
||||||
transition: all 0.5s ease-in-out;
|
|
||||||
}
|
|
||||||
.rest > li:hover {
|
|
||||||
transform: translateX(5px);
|
|
||||||
}
|
|
||||||
.useful a {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 1.2em;
|
|
||||||
color: rgba(255, 255, 255, 0.6);
|
|
||||||
text-align: center;
|
|
||||||
border: 2px solid rgba(255, 255, 255, 0.6);
|
|
||||||
padding: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
border-radius: 50px;
|
|
||||||
width: 200px;
|
|
||||||
-webkit-transition: all 0.2s ease-in-out;
|
|
||||||
-moz-transition: all 0.2s ease-in-out;
|
|
||||||
-ms-transition: all 0.2s ease-in-out;
|
|
||||||
-o-transition: all 0.2s ease-in-out;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
.useful > a > li > i {
|
|
||||||
font-size: 2em;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.useful a:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.2);
|
|
||||||
color: rgb(255, 255, 255);
|
|
||||||
transform: translateY(-5px);
|
|
||||||
}
|
|
||||||
#note {
|
|
||||||
text-align: center;
|
|
||||||
color: #ccc;
|
|
||||||
border-radius: 150px;
|
|
||||||
padding: 15px;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
#note h5 {
|
|
||||||
margin-bottom: -20px;
|
|
||||||
}
|
|
||||||
#note a {
|
|
||||||
color: rgb(200, 200, 200);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.nav-wrapper {
|
|
||||||
background: rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
.cover-2 a {
|
|
||||||
font-size: 1.3em;
|
|
||||||
color: rgba(255, 255, 255, 0.3);
|
|
||||||
}
|
|
||||||
.head-icon {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
float: left;
|
|
||||||
margin-right: 5px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.modal {
|
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
.modal a {
|
|
||||||
color: rgb(200, 200, 200);
|
|
||||||
}
|
|
||||||
.modal ul {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.modal h4 {
|
|
||||||
margin-bottom: 38px;
|
|
||||||
}
|
|
||||||
.modal > .modal-footer {
|
|
||||||
background: rgba(50, 50, 50, 0.6);
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: rgba(100,100,100,0.1);
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
border-radius: 10px;
|
|
||||||
background: rgba(230,230,230,0.3);
|
|
||||||
}
|
|
||||||
.waves-effect.waves-brown .waves-ripple {
|
|
||||||
background-color: rgba(230,230,230, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
#load_screen {
|
|
||||||
background: rgba(40,40,40,1);
|
|
||||||
position: fixed;
|
|
||||||
top: 0px;
|
|
||||||
width: 100%;
|
|
||||||
height: 1600px;
|
|
||||||
z-index: 10;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
#load_screen > #loading {
|
|
||||||
color: #fff;
|
|
||||||
width: 50%;
|
|
||||||
height: 240px;
|
|
||||||
margin: 300px auto;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
.progress {
|
|
||||||
background: rgb(250,250,250);
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
.cover-2 p,
|
|
||||||
.cover-2 h2 {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.online-part {
|
|
||||||
padding: 25% 0.7%;
|
|
||||||
}
|
|
||||||
.rule {
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
.admins > ul > a {
|
|
||||||
display: block;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
.head-icon {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
margin-right: 0;
|
|
||||||
float: left;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,75 +1 @@
|
||||||
* {
|
#note a,a{color:#c8c8c8}#note,.admins,.page-title,.rank{text-align:center}.brand-logo,h2{font-family:Catamaran,sans-serif}*{margin:0;padding:0}body{margin-bottom:50px;background:url(../images/staff-bg.png) center fixed #222;color:#ccc}.nav-wrapper{background:rgba(0,0,0,.2)}.admins{width:85%;margin:0 auto;background:rgba(100,100,100,.1);padding:15px;border-radius:10px}.admins li{display:inline-block;padding:10px;background:rgba(100,100,100,.2);margin:5px;border-radius:50px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.admins li:hover{background:rgba(100,100,100,.5)}h2{font-size:1.5em}#note h5{margin-bottom:-15px}#note a{font-weight:700}.page-title{font-size:3.8em;font-weight:300}.brand-logo{font-size:2em;font-weight:200}@media only screen and (max-width:768px){.admins{width:95%}.admins li{display:block;border-radius:0}}
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
margin-bottom: 50px;
|
|
||||||
background: #222 url('../images/staff-bg.png') center fixed;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
.nav-wrapper {
|
|
||||||
background: rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: rgb(200, 200, 200);
|
|
||||||
}
|
|
||||||
.admins {
|
|
||||||
width: 85%;
|
|
||||||
margin: 0 auto;
|
|
||||||
background: rgba(100, 100, 100, 0.1);
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 10px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.admins li {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 10px;
|
|
||||||
background: rgba(100, 100, 100, 0.2);
|
|
||||||
margin: 5px;
|
|
||||||
border-radius: 50px;
|
|
||||||
-webkit-transition: all 0.2s ease-in-out;
|
|
||||||
-moz-transition: all 0.2s ease-in-out;
|
|
||||||
-ms-transition: all 0.2s ease-in-out;
|
|
||||||
-o-transition: all 0.2s ease-in-out;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
.admins li:hover {
|
|
||||||
background: rgba(100,100,100,0.5);
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
font-size: 1.5em;
|
|
||||||
font-family: 'Catamaran', sans-serif;
|
|
||||||
}
|
|
||||||
#note {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
#note h5 {
|
|
||||||
margin-bottom: -15px;
|
|
||||||
}
|
|
||||||
#note a {
|
|
||||||
color: rgb(200, 200, 200);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.rank {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.page-title {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 3.8em;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
.brand-logo {
|
|
||||||
font-family: 'Catamaran', sans-serif;
|
|
||||||
font-size: 2em;
|
|
||||||
font-weight: 200;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
.admins {
|
|
||||||
width: 95%;
|
|
||||||
}
|
|
||||||
.admins li {
|
|
||||||
display: block;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
397
index.html
397
index.html
|
|
@ -1,243 +1,214 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
<head>
|
||||||
<head>
|
<meta charset="utf-8">
|
||||||
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<title>Home | TotalFreedom Minecraft Server</title>
|
||||||
<title>Home | TotalFreedom Minecraft Server</title>
|
<meta name="author" content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom">
|
||||||
<meta name="author" content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom">
|
<meta name="keywords" content="TF,minecraft,totalfreedom,free op,server,worldedit,freebuild">
|
||||||
<meta name="keywords" content="TF,minecraft,totalfreedom,free op,server,worldedit,freebuild">
|
<meta name="description" content="TotalFreedom is the first Free OP Minecraft server, which is up and running since 2012! play.totalfreedom.me">
|
||||||
<meta name="description" content="TotalFreedom is the first Free OP Minecraft server, which is up and running since 2012! play.totalfreedom.me">
|
<script async src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
|
<script async src="//cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
|
<script async src="//use.fontawesome.com/cb2592f0cc.js"></script>
|
||||||
<script src="js/moment.js"></script>
|
<script async src="js/moment.js"></script>
|
||||||
<script src="js/jquery.cookies.js"></script>
|
<script async src="js/jquery.cookies.js"></script>
|
||||||
<script src="js/main.js"></script>
|
<script async src="js/main.js"></script>
|
||||||
<script src="js/functions.js"></script>
|
<script async src="js/functions.js"></script>
|
||||||
<script src="https://use.fontawesome.com/cb2592f0cc.js"></script>
|
<link async rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
|
<link async href="//fonts.googleapis.com/css?family=Catamaran:200" rel="stylesheet">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Catamaran:200" rel="stylesheet">
|
<link async rel="stylesheet" href="css/component.min.css">
|
||||||
<link rel="stylesheet" href="css/component.min.css">
|
<link async rel="stylesheet" href="css/main.css">
|
||||||
<link rel="stylesheet" href="css/main.css">
|
<link async rel="stylesheet" href="css/global.css">
|
||||||
<link rel=”icon” href=”favicon.ico” type=”image/x-icon”>
|
<link async rel=”icon” href=”favicon.ico” type=”image/x-icon”>
|
||||||
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
|
<link async rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
|
||||||
<script>
|
<script>// All Json content is loaded respectively into #(item) var jsonUrl="http://madgeekonline.com/tfinfo/"; var jsonContent=[ "players"]; $(document).ready(function(){loadJson(jsonUrl, jsonContent);}); </script> <script>! function(a, b, c, d, e, f, g){a.GoogleAnalyticsObject=e, a[e]=a[e] || function(){(a[e].q=a[e].q || []).push(arguments)}, a[e].l=1 * new Date, f=b.createElement(c), g=b.getElementsByTagName(c)[0], f.async=1, f.src=d, g.parentNode.insertBefore(f, g)}(window, document, "script", "https://www.google-analytics.com/analytics.js", "ga"), ga("create", "UA-74643356-2", "auto"), ga("send", "pageview"); </script>
|
||||||
// All Json content is loaded respectively into #(item)
|
</head>
|
||||||
var jsonUrl = "http://madgeekonline.com/tfinfo/";
|
<body>
|
||||||
var jsonContent = [
|
<div id="load_screen" class="load_screen">
|
||||||
"players"
|
<div id="loading">
|
||||||
];
|
Loading TotalFreedom - Free OP..<br/><br/>
|
||||||
|
<i class="fa fa-spinner fa-pulse fa-4x fa-fw"></i><br/><br/>
|
||||||
$(document).ready(function() {
|
<br/><span class="skip">I don't want to wait!</span>
|
||||||
loadJson(jsonUrl, jsonContent);
|
</div>
|
||||||
});
|
</div>
|
||||||
</script>
|
<div class="navbar-fixed">
|
||||||
<script>
|
<nav class="transparent z-depth-0" id="menu">
|
||||||
! function(a, b, c, d, e, f, g) {
|
|
||||||
a.GoogleAnalyticsObject = e, a[e] = a[e] || function() {
|
|
||||||
(a[e].q = a[e].q || []).push(arguments)
|
|
||||||
}, a[e].l = 1 * new Date, f = b.createElement(c), g = b.getElementsByTagName(c)[0], f.async = 1, f.src = d, g.parentNode.insertBefore(f, g)
|
|
||||||
}(window, document, "script", "https://www.google-analytics.com/analytics.js", "ga"), ga("create", "UA-74643356-2", "auto"), ga("send", "pageview");
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="load_screen"><div id="loading">Loading TotalFreedom - Free OP!<div class="progress"><div class="indeterminate"></div></div>
|
|
||||||
</div></div>
|
|
||||||
<div class="navbar-fixed">
|
|
||||||
<nav class="transparent z-depth-0" id="menu">
|
|
||||||
<div class="nav-wrapper z-depth-0">
|
<div class="nav-wrapper z-depth-0">
|
||||||
<a href="#header" class="brand-logo"><small class="hide-on-med-and-down">play.</small>TotalFreedom<small class="hide-on-med-and-down">.me</small></a>
|
<a href="#header" class="brand-logo"><small class="hide-on-med-and-down">play.</small>TotalFreedom<small class="hide-on-med-and-down">.me</small></a> <a href="#" data-activates="mobile" class="button-collapse"><i class="fa fa-bars"></i></a>
|
||||||
<a href="#" data-activates="mobile" class="button-collapse"><i class="fa fa-bars"></i></a>
|
<ul class="right hide-on-med-and-down cl-effect-14" id="cl-effect-14">
|
||||||
<ul class="right hide-on-med-and-down cl-effect-14" id="cl-effect-14">
|
<li><a href="#header">Home</a></li>
|
||||||
<li><a href="#header">Home</a></li>
|
<li><a href="#rules">Rules</a></li>
|
||||||
<li><a href="#rules">Rules</a></li>
|
<li><a href="#staff">Staff</a></li>
|
||||||
<li><a href="#staff">Staff</a></li>
|
<li><a href="masterbuilders/">Masterbuilders</a></li>
|
||||||
<li><a href="masterbuilders/">Masterbuilders</a></li>
|
<li><a href="http://totalfreedom.boards.net" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="You will be redirected to totalfreedom.boards.net">Forum</a></li>
|
||||||
<li><a href="http://totalfreedom.boards.net" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="You will be redirected to totalfreedom.boards.net">Forum</a></li>
|
</ul>
|
||||||
</ul>
|
<ul class="side-nav" id="mobile">
|
||||||
<ul class="side-nav" id="mobile">
|
<li><a href="#header">Home</a></li>
|
||||||
<li><a href="#header">Home</a></li>
|
<li><a href="#rules">Rules</a></li>
|
||||||
<li><a href="#rules">Rules</a></li>
|
<li><a href="#staff">Staff</a></li>
|
||||||
<li><a href="#staff">Staff</a></li>
|
<li><a href="masterbuilders/">Masterbuilders</a></li>
|
||||||
<li><a href="masterbuilders/">Masterbuilders</a></li>
|
<li><a href="http://totalfreedom.boards.net">Forum</a></li>
|
||||||
<li><a href="http://totalfreedom.boards.net">Forum</a></li>
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
<div class="section active cover-1" id="header">
|
<div class="section active cover-1" id="header">
|
||||||
<div class="online-part">
|
<div class="online-part">
|
||||||
<h3 id="server-status"> <span id="online"></span></h3>
|
<h3 id="server-status"> <span id="online"></span></h3>
|
||||||
<a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a>
|
<a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="onlineplayers" class="modal modal-fixed-footer">
|
<div id="onlineplayers" class="modal modal-fixed-footer">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<h4 id="players-online">
|
<h4 id="players-online">
|
||||||
</h5>
|
</h5>
|
||||||
<ul id="players"></ul>
|
<ul id="players"></ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer"> <a href="#!" class=" modal-action modal-close btn-flat waves-effect waves-dark">Close</a> </div>
|
||||||
<a href="#!" class=" modal-action modal-close btn-flat waves-effect waves-dark">Close</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="section cover-2" id="rules">
|
||||||
</div>
|
<h1 class="section-title">TotalFreedom Rules</h1>
|
||||||
<div class="section cover-2" id="rules">
|
<div class="rules-section">
|
||||||
<h1 class="section-title">TotalFreedom Rules</h1>
|
|
||||||
<div class="rules-section">
|
|
||||||
<h2 id="rules-title" class="one waves-effect waves-brown">No Griefing <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
<h2 id="rules-title" class="one waves-effect waves-brown">No Griefing <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
||||||
<p class="rule a">Do not grief the server. There are many ways to do that, but the most common are to intentionally crash the server, lag the server, destroy or damage the spawn, destroy or damage other player's builds, erase warp points, PVP without agreement
|
<p class="rule a">Do not grief the server. There are many ways to do that, but the most common are to intentionally crash the server, lag the server, destroy or damage the spawn, destroy or damage other player's builds, erase warp points, PVP without agreement of other players, chat spamming, and so forth.<br>Use your best judgment, and remember that other people are on here to have fun also.</p>
|
||||||
of other players, chat spamming, and so forth.<br> Use your best judgment, and remember that other people are on here to have fun also.</p>
|
</div>
|
||||||
</div>
|
<div class="rules-section">
|
||||||
<div class="rules-section">
|
|
||||||
<h2 id="rules-title" class="two waves-effect waves-brown">No Posing <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
<h2 id="rules-title" class="two waves-effect waves-brown">No Posing <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
||||||
<p class="rule b">Do not pose as the server owner (markbyron) and do not pose as an admin or one of the other regular players that use Total Freedom. By posing, that means using a program such as MinecraftSP or otherwise changing your nick. Posing to change
|
<p class="rule b">Do not pose as the server owner (markbyron) and do not pose as an admin or one of the other regular players that use Total Freedom. By posing, that means using a program such as MinecraftSP or otherwise changing your nick. Posing to change your title or to pose as somebody "famous" (like Notch) is okay provided you do not use it grief the server. You may not use nicks or tags that imply you have an official position on the server. This includes any nick or tag including the words admin, senior, owner, telnet, builder, architect, coder, dev, programmer, mod, security, or any nick or tag that the owner or a senior admin believes is an attempt to pose. In such cases, the offender will be de-nicked and warned.</p>
|
||||||
your title or to pose as somebody "famous" (like Notch) is okay provided you do not use it grief the server. You may not use nicks or tags that imply you have an official position on the server. This includes any nick or tag including
|
</div>
|
||||||
the words admin, senior, owner, telnet, builder, architect, coder, dev, programmer, mod, security, or any nick or tag that the owner or a senior admin believes is an attempt to pose. In such cases, the offender will be de-nicked and warned.</p>
|
<div class="rules-section">
|
||||||
</div>
|
|
||||||
<div class="rules-section">
|
|
||||||
<h2 id="rules-title" class="three waves-effect waves-brown">Respect Privacy <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
<h2 id="rules-title" class="three waves-effect waves-brown">Respect Privacy <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
||||||
<p class="rule c">Respect the "Total Freedom" of other players. Do not be a pest or a nuisance to others, and respect their privacy. Do not "help" with builds if people do not want you to, and do not teleport someone without their permission. It is best to
|
<p class="rule c">Respect the "Total Freedom" of other players. Do not be a pest or a nuisance to others, and respect their privacy. Do not "help" with builds if people do not want you to, and do not teleport someone without their permission. It is best to use /tpahere to request for someone to teleport to you, rather than forcefully teleporting them. </p>
|
||||||
use /tpahere to request for someone to teleport to you, rather than forcefully teleporting them.
|
</div>
|
||||||
</p>
|
<div class="rules-section">
|
||||||
</div>
|
|
||||||
<div class="rules-section">
|
|
||||||
<h2 id="rules-title" class="four waves-effect waves-brown">Respect others <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
<h2 id="rules-title" class="four waves-effect waves-brown">Respect others <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
||||||
<p class="rule d">Do not engage in personal attacks on other players/admins and take all personal disputes off the server. If you don't like a particular player, feel more than free to use the ignore command on them but personal wars on the server won't be
|
<p class="rule d">Do not engage in personal attacks on other players/admins and take all personal disputes off the server. If you don't like a particular player, feel more than free to use the ignore command on them but personal wars on the server won't be tolerated regardless of who started it and temporary bans will result. If you're coming on the server to troll other players, you'll end up getting trolled yourself (we love to play with trolls). Similarly, threats to DOX, threats to commit illegal acts (e.g. DDOS), graphic sexual discussion or RP, linking to porn or scam sites, racist attacks, and other forms of behavior designed to offend, intimidate or harass will not be tolerated.</p>
|
||||||
tolerated regardless of who started it and temporary bans will result. If you're coming on the server to troll other players, you'll end up getting trolled yourself (we love to play with trolls). Similarly, threats to DOX, threats to commit
|
</div>
|
||||||
illegal acts (e.g. DDOS), graphic sexual discussion or RP, linking to porn or scam sites, racist attacks, and other forms of behavior designed to offend, intimidate or harass will not be tolerated.</p>
|
<div class="rules-section">
|
||||||
</div>
|
|
||||||
<div class="rules-section">
|
|
||||||
<h2 id="rules-title" class="five waves-effect waves-brown">Adhere to Authority <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
<h2 id="rules-title" class="five waves-effect waves-brown">Adhere to Authority <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
||||||
<p class="rule e">Do not override the actions of the server owner (markbyron) or other admins. For example, if an admin de-ops or bans a player for griefing, you may not re-op or pardon them without permission. Super admins will follow the directions of senior
|
<p class="rule e">Do not override the actions of the server owner (markbyron) or other admins. For example, if an admin de-ops or bans a player for griefing, you may not re-op or pardon them without permission. Super admins will follow the directions of senior admins with respect to any admin matter unless it violates server rules. If it violates the rules, the admin will notify the proper authority.</p>
|
||||||
admins with respect to any admin matter unless it violates server rules. If it violates the rules, the admin will notify the proper authority.</p>
|
</div>
|
||||||
</div>
|
<br>
|
||||||
<br>
|
<p class="caution"><i class="fa fa-exclamation-circle"></i> TotalFreedom does not accept donations.</p>
|
||||||
<p class="caution"><i class="fa fa-exclamation-circle"></i> TotalFreedom does not accept donations.</p>
|
<a href="http://totalfreedom.boards.net/thread/21065/server-conduct-policy-players-admins">Read more</a>
|
||||||
<a href="http://totalfreedom.boards.net/thread/21065/server-conduct-policy-players-admins">Read more</a>
|
<h1 class="section-title">TotalFreedom Help</h1>
|
||||||
<h1 class="section-title">TotalFreedom Help</h1>
|
<div class="rules-section">
|
||||||
<div class="rules-section">
|
|
||||||
<h2 id="rules-title" class="six">Saving Builds <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
<h2 id="rules-title" class="six">Saving Builds <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
||||||
<p class="rule f">To save your builds (i.e. create a WorldEdit schematic), first use the //wand tool to select the bounds of your build (i.e. the opposite corners of your build). Then, type //copy to place your build on the clipboard, and type //schem save
|
<p class="rule f">To save your builds (i.e. create a WorldEdit schematic), first use the //wand tool to select the bounds of your build (i.e. the opposite corners of your build). Then, type //copy to place your build on the clipboard, and type //schem save nameofbuild to save your build (replacing nameofbuild with a unique name of your own).<br/> To load a schematic back into the world, do //schem load nameofbuild, and then //paste..</p>
|
||||||
nameofbuild to save your build (replacing nameofbuild with a unique name of your own).<br/> To load a schematic back into the world, do //schem load nameofbuild, and then //paste..</p>
|
</div>
|
||||||
</div>
|
<div class="rules-section">
|
||||||
<div class="rules-section">
|
|
||||||
<h2 id="rules-title" class="seven">Flatlands <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
<h2 id="rules-title" class="seven">Flatlands <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
||||||
<p class="rule g">This server features an additional flat-land building world which is very useful for building intricate creations. You can access this world by typing /flatlands, and you can get back to the main world by typing /flatlands again.</p>
|
<p class="rule g">This server features an additional flat-land building world which is very useful for building intricate creations. You can access this world by typing /flatlands, and you can get back to the main world by typing /flatlands again.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="rules-section">
|
<div class="rules-section">
|
||||||
<h2 id="rules-title" class="eight">Gamemodes <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
<h2 id="rules-title" class="eight">Gamemodes <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
|
||||||
<p class="rule h">You are free to use creative or survival mode on the server. For creative, type /creative. For survival, type /survival.
|
<p class="rule h">You are free to use creative or survival mode on the server. For creative, type /creative. For survival, type /survival. </p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="section cover-3" id="staff">
|
||||||
<div class="section cover-3" id="staff">
|
<br/>
|
||||||
<br/>
|
<h1 class="section-title">Current Staff</h1>
|
||||||
<h1 class="section-title">Current Staff</h1>
|
<div class="admins">
|
||||||
<div class="admins">
|
|
||||||
<h2 class="rank">TotalFreedom Executives</h2>
|
<h2 class="rank">TotalFreedom Executives</h2>
|
||||||
<ul id="executiveboard">
|
<ul id="executiveboard">
|
||||||
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="images/markbyron.png" class="responsive-img head-icon">MarkByron - Owner & Founder
|
<li> <img src="images/markbyron.png" class="responsive-img head-icon">MarkByron - Owner & Founder </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza - Executive Lead Dev
|
<li> <img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza - Executive Lead Dev </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager
|
<li> <img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK - Server Liaison
|
<li> <img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK - Server Liaison </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/inFamas97/80.png" class="responsive-img head-icon">inFAmas97 - Executive Admin
|
<li> <img src="https://minotar.net/avatar/inFamas97/80.png" class="responsive-img head-icon">inFAmas97 - Executive Admin </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh - Executive Admin
|
<li> <img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh - Executive Admin </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12 - Executive Admin
|
<li> <img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12 - Executive Admin </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://totalfreedom.boards.net/user/3448" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://totalfreedom.boards.net/user/3448" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/_Windows/80.png" class="responsive-img head-icon">_Windows - Security Officer
|
<li> <img src="https://minotar.net/avatar/_Windows/80.png" class="responsive-img head-icon">_Windows - Security Officer </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://totalfreedom.boards.net/user/16323" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://totalfreedom.boards.net/user/16323" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/DarkLynx108/80.png" class="responsive-img head-icon">DarkLynx108 - Creative Designer
|
<li> <img src="https://minotar.net/avatar/DarkLynx108/80.png" class="responsive-img head-icon">DarkLynx108 - Creative Designer </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://totalfreedom.boards.net/user/916" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://totalfreedom.boards.net/user/916" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/wisemagick1/80.png" class="responsive-img head-icon">wisemagick1 - Evangelist
|
<li> <img src="https://minotar.net/avatar/wisemagick1/80.png" class="responsive-img head-icon">wisemagick1 - Evangelist </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://www.twitter.com/maloukos1" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://www.twitter.com/maloukos1" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="images/aggelosqq.png" class="responsive-img head-icon">aggelosQQ - Webmaster
|
<li> <img src="images/aggelosqq.png" class="responsive-img head-icon">aggelosQQ - Webmaster </li>
|
||||||
</li></a>
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
<h2 class="rank">Global Forum Moderators</h2>
|
<h2 class="rank">Global Forum Moderators</h2>
|
||||||
<ul id="modboard">
|
<ul id="modboard">
|
||||||
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager
|
<li> <img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="images/markbyron.png" class="responsive-img head-icon">MarkByron
|
<li> <img src="images/markbyron.png" class="responsive-img head-icon">MarkByron </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza
|
<li> <img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza </li>
|
||||||
</li></a>
|
</a>
|
||||||
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark"><li>
|
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark">
|
||||||
<img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK
|
<li> <img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK </li>
|
||||||
</li>
|
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark">
|
||||||
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark"><li>
|
<li> <img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12 </li>
|
||||||
<img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12
|
</a>
|
||||||
</li></a>
|
<a href="htttps://twitter.com/OliverDatGuy" target="_blank" class="waves-effect waves-dark">
|
||||||
<a href="htttps://twitter.com/OliverDatGuy" target="_blank" class="waves-effect waves-dark"><li>
|
<li> <img src="https://minotar.net/avatar/OliverDatGuy/80.png" class="responsive-img head-icon">OliverDatGuy </li>
|
||||||
<img src="https://minotar.net/avatar/OliverDatGuy/80.png" class="responsive-img head-icon">OliverDatGuy
|
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark">
|
||||||
</li>
|
<li> <img src="https://minotar.net/avatar/inFAmas97/80.png" class="responsive-img head-icon">inFAmas97 </li>
|
||||||
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark"><li>
|
</a>
|
||||||
<img src="https://minotar.net/avatar/inFAmas97/80.png" class="responsive-img head-icon">inFAmas97
|
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark">
|
||||||
</li></a>
|
<li> <img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh </li>
|
||||||
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark"><li>
|
</a>
|
||||||
<img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh
|
|
||||||
</li></a>
|
|
||||||
</ul>
|
</ul>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<ul class="rest">
|
<ul class="rest">
|
||||||
<li><a href="staff.html" class="readmore waves-effect waves-light">See the rest of the staff <i class="fa fa-arrow-right"></i></a></li>
|
<li><a href="staff.html" class="readmore waves-effect waves-light">See the rest of the staff <i class="fa fa-arrow-right"></i></a></li>
|
||||||
<br/>
|
<br/>
|
||||||
</ul>
|
</ul>
|
||||||
<br/>
|
<br/>
|
||||||
<hr>
|
<hr>
|
||||||
<br/>
|
<br/>
|
||||||
<h3 style="text-align: center;">Useful Links</h3>
|
<h3 style="text-align: center;">Useful Links</h3>
|
||||||
<ul class="useful">
|
<ul class="useful">
|
||||||
<a href="http://totalfreedom.boards.net" target="_blank" class="readmore waves-effect waves-dark">
|
<a href="http://totalfreedom.boards.net" target="_blank" class="readmore waves-effect waves-dark">
|
||||||
<li><i class="fa fa-comments icon"></i><br/> Forum</li>
|
<li><i class="fa fa-comments icon"></i><br/> Forum</li>
|
||||||
</a>
|
</a>
|
||||||
<a href="http://totalfreedom.boards.net/thread/21065/server-conduct-policy-players-admins" target="_blank" class="readmore waves-effect waves-dark">
|
<a href="http://totalfreedom.boards.net/thread/21065/server-conduct-policy-players-admins" target="_blank" class="readmore waves-effect waves-dark">
|
||||||
<li><i class="fa fa-ban icon"></i><br/> Conduct Policy</li>
|
<li><i class="fa fa-ban icon"></i><br/> Conduct Policy</li>
|
||||||
</a>
|
</a>
|
||||||
<a href="http://github.com/TotalFreedom" target="_blank" class="readmore waves-effect waves-dark">
|
<a href="http://github.com/TotalFreedom" target="_blank" class="readmore waves-effect waves-dark">
|
||||||
<li><i class="fa fa-github icon"></i><br/>Github</li>
|
<li><i class="fa fa-github icon"></i><br/>Github</li>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://twitter.com/totalfreedommc" target="_blank" class="readmore waves-effect waves-dark">
|
<a href="https://twitter.com/totalfreedommc" target="_blank" class="readmore waves-effect waves-dark">
|
||||||
<li><i class="fa fa-twitter icon"></i><br/> Twitter</li>
|
<li><i class="fa fa-twitter icon"></i><br/> Twitter</li>
|
||||||
</a>
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footer class="page-footer transparent">
|
<footer class="page-footer transparent">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer-copyright">
|
<div class="footer-copyright">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<hr> TotalFreedom © 2012 - <span id="curYear"></span>.
|
<hr>
|
||||||
<a class="grey-text text-lighten-4 right" href="https://twitter.com/maloukos1">Made by aggelosQQ</a>
|
TotalFreedom © 2012 - <span id="curYear"></span>. <a class="grey-text text-lighten-4 right" href="https://twitter.com/maloukos1">Made by aggelosQQ</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="note">
|
<div id="note">
|
||||||
<h6>Got an idea you would love to see implemented on the page? <a href="https://github.com/TotalFreedom/Website/issues" target="_blank">Please post your suggestions here</a>!</h6>
|
<h6>Got an idea you would love to see implemented on the page? <a href="https://github.com/TotalFreedom/Website/issues" target="_blank">Please post your suggestions here</a>!</h6>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
16
js/main.js
16
js/main.js
|
|
@ -1,6 +1,14 @@
|
||||||
window.addEventListener("load", function() {
|
$(window).on('load', function() { // makes sure the whole site is loaded
|
||||||
var load_screen = document.getElementById("load_screen");
|
$('#loading').fadeOut(); // will first fade out the loading animation
|
||||||
document.body.removeChild(load_screen);
|
$('#load_screen').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
|
||||||
|
$('body').delay(350).css({'overflow':'visible'});
|
||||||
|
})
|
||||||
|
$(document).ready(function() {
|
||||||
|
$(".skip").click(function() {
|
||||||
|
$('#loading').fadeOut(); // will first fade out the loading animation
|
||||||
|
$('#load_screen').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
|
||||||
|
$('body').delay(350).css({'overflow':'visible'});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
@ -24,7 +32,7 @@ $(document).ready(function() {
|
||||||
$("#online").html('<span style="color: firebrick; font-weight: bolder;"> Server is Offline</span>');
|
$("#online").html('<span style="color: firebrick; font-weight: bolder;"> Server is Offline</span>');
|
||||||
$(".button").hide();
|
$(".button").hide();
|
||||||
} else {
|
} else {
|
||||||
$("#online").html('TotalFreedom has <font color="green">' + json.players.online + '</font> players online!');
|
$("#online").html('TotalFreedom has <font color="green">' + json.players.online + '</font> players online!<br/>');
|
||||||
$("#players-online").html(json.players.online + ' online players!');
|
$("#players-online").html(json.players.online + ' online players!');
|
||||||
$('.button').show();
|
$('.button').show();
|
||||||
}
|
}
|
||||||
|
|
|
||||||
0
masterbuilders/assets/images/Temp File
Normal file
0
masterbuilders/assets/images/Temp File
Normal file
BIN
masterbuilders/assets/images/build11.jpg
Normal file
BIN
masterbuilders/assets/images/build11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 279 KiB |
BIN
masterbuilders/assets/images/build12.jpg
Normal file
BIN
masterbuilders/assets/images/build12.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
BIN
masterbuilders/assets/images/build13.jpg
Normal file
BIN
masterbuilders/assets/images/build13.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
BIN
masterbuilders/assets/images/build14.jpg
Normal file
BIN
masterbuilders/assets/images/build14.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 279 KiB |
BIN
masterbuilders/assets/images/build15.jpg
Normal file
BIN
masterbuilders/assets/images/build15.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
BIN
masterbuilders/assets/images/build17.png
Normal file
BIN
masterbuilders/assets/images/build17.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 304 KiB |
BIN
masterbuilders/assets/images/build18.png
Normal file
BIN
masterbuilders/assets/images/build18.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 481 KiB |
BIN
masterbuilders/assets/images/build19.png
Normal file
BIN
masterbuilders/assets/images/build19.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 MiB |
BIN
masterbuilders/assets/images/build20.jpg
Normal file
BIN
masterbuilders/assets/images/build20.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
|
|
@ -19,6 +19,7 @@
|
||||||
<link href="https://fonts.googleapis.com/css?family=Baloo+Tamma" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Baloo+Tamma" rel="stylesheet">
|
||||||
<link href="assets/css/builders.css" rel="stylesheet">
|
<link href="assets/css/builders.css" rel="stylesheet">
|
||||||
<link href="../css/component.min.css" rel="stylesheet">
|
<link href="../css/component.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="../css/global.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -43,6 +44,13 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</nav><br>
|
</nav><br>
|
||||||
|
<div id="load_screen" class="load_screen">
|
||||||
|
<div id="loading">
|
||||||
|
The masterbuilders page is loading..<br/><br/>
|
||||||
|
<i class="fa fa-spinner fa-pulse fa-4x fa-fw"></i><br/><br/>
|
||||||
|
<br/><span class="skip">I don't want to wait!</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<h2 class="page-title hide-on-large-only">Master Builders</h2>
|
<h2 class="page-title hide-on-large-only">Master Builders</h2>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
@ -79,7 +87,7 @@
|
||||||
<li><img class="responsive-img head-icon" src="https://minotar.net/avatar/FelixtheTrap/80.png">FelixtheTrap</li>
|
<li><img class="responsive-img head-icon" src="https://minotar.net/avatar/FelixtheTrap/80.png">FelixtheTrap</li>
|
||||||
</a>
|
</a>
|
||||||
<a href="http://totalfreedom.boards.net/user/11618" target="_blank">
|
<a href="http://totalfreedom.boards.net/user/11618" target="_blank">
|
||||||
<li><img class="responsive-img head-icon" src="https://minotar.net/avatar/iHaveSkills/80.png">iHaveSkills</li>
|
<li><img class="responsive-img head-icon" src="https://minotar.net/avatar/Exotivity/80.png">Exotivity</li>
|
||||||
</a>
|
</a>
|
||||||
</ul><br>
|
</ul><br>
|
||||||
<hr>
|
<hr>
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,7 @@
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Catamaran:200" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Catamaran:200" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="css/component.min.css">
|
<link rel="stylesheet" href="css/component.min.css">
|
||||||
|
<link rel="stylesheet" href="css/global.css">
|
||||||
<link rel="stylesheet" href="css/staff.css">
|
<link rel="stylesheet" href="css/staff.css">
|
||||||
<link rel=”icon” href=”favicon.ico” type=”image/x-icon”>
|
<link rel=”icon” href=”favicon.ico” type=”image/x-icon”>
|
||||||
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
|
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
|
||||||
|
|
@ -37,6 +38,8 @@
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<div id="load_screen" class="load_screen"><div id="loading">Loading TotalFreedom's Staff..<div class="progress"><div class="indeterminate"></div></div><br/><span class="skip">I don't want to wait!</span>
|
||||||
|
</div></div>
|
||||||
<nav class="transparent z-depth-0" id="menu">
|
<nav class="transparent z-depth-0" id="menu">
|
||||||
<div class="nav-wrapper z-depth-0">
|
<div class="nav-wrapper z-depth-0">
|
||||||
<a href="#header" class="brand-logo">TotalFreedom <span class="hide-on-med-and-down">Staff</span></small></a>
|
<a href="#header" class="brand-logo">TotalFreedom <span class="hide-on-med-and-down">Staff</span></small></a>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue