Up-to-date Commit

This commit is contained in:
aggelosQQ 2016-11-14 19:42:07 +02:00
parent a52a1290fc
commit 1a326089c0
17 changed files with 211 additions and 597 deletions

1
css/global.css Normal file
View 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%}}

View file

@ -1,304 +1 @@
* {
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%;
}
}
.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%}}

View file

@ -1,75 +1 @@
* {
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;
}
}
#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}}

View file

@ -1,243 +1,214 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home | TotalFreedom Minecraft Server</title>
<meta name="author" content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom">
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<script src="js/moment.js"></script>
<script src="js/jquery.cookies.js"></script>
<script src="js/main.js"></script>
<script src="js/functions.js"></script>
<script src="https://use.fontawesome.com/cb2592f0cc.js"></script>
<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 rel="stylesheet" href="css/component.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel=”icon” href=”favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon href=”favicon.ico” type=”image/x-icon”>
<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>
</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">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home | TotalFreedom Minecraft Server</title>
<meta name="author" content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom">
<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">
<script async src="//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 async src="//use.fontawesome.com/cb2592f0cc.js"></script>
<script async src="js/moment.js"></script>
<script async src="js/jquery.cookies.js"></script>
<script async src="js/main.js"></script>
<script async src="js/functions.js"></script>
<link async rel="stylesheet" href="//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 async rel="stylesheet" href="css/component.min.css">
<link async rel="stylesheet" href="css/main.css">
<link async rel="stylesheet" href="css/global.css">
<link async rel=”icon” href=”favicon.ico” type=”image/x-icon”>
<link async rel=”shortcut icon href=”favicon.ico” type=”image/x-icon”>
<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>
</head>
<body>
<div id="load_screen" class="load_screen">
<div id="loading">
Loading TotalFreedom - Free OP..<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>
<div class="navbar-fixed">
<nav class="transparent z-depth-0" id="menu">
<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="#" 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">
<li><a href="#header">Home</a></li>
<li><a href="#rules">Rules</a></li>
<li><a href="#staff">Staff</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>
</ul>
<ul class="side-nav" id="mobile">
<li><a href="#header">Home</a></li>
<li><a href="#rules">Rules</a></li>
<li><a href="#staff">Staff</a></li>
<li><a href="masterbuilders/">Masterbuilders</a></li>
<li><a href="http://totalfreedom.boards.net">Forum</a></li>
</ul>
<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>
<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="#rules">Rules</a></li>
<li><a href="#staff">Staff</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>
</ul>
<ul class="side-nav" id="mobile">
<li><a href="#header">Home</a></li>
<li><a href="#rules">Rules</a></li>
<li><a href="#staff">Staff</a></li>
<li><a href="masterbuilders/">Masterbuilders</a></li>
<li><a href="http://totalfreedom.boards.net">Forum</a></li>
</ul>
</div>
</nav>
</div>
<div class="section active cover-1" id="header">
<div class="online-part">
</nav>
</div>
<div class="section active cover-1" id="header">
<div class="online-part">
<h3 id="server-status"> <span id="online"></span></h3>
<a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a>
</div>
<div id="onlineplayers" class="modal modal-fixed-footer">
<a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a>
</div>
<div id="onlineplayers" class="modal modal-fixed-footer">
<div class="modal-content">
<h4 id="players-online">
</h5>
<ul id="players"></ul>
<h4 id="players-online">
</h5>
<ul id="players"></ul>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close btn-flat waves-effect waves-dark">Close</a>
</div>
</div>
</div>
<div class="section cover-2" id="rules">
<h1 class="section-title">TotalFreedom Rules</h1>
<div class="rules-section">
<div class="modal-footer"> <a href="#!" class=" modal-action modal-close btn-flat waves-effect waves-dark">Close</a> </div>
</div>
</div>
<div class="section cover-2" id="rules">
<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>
<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>
</div>
<div class="rules-section">
<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>
</div>
<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>
<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>
</div>
<div class="rules-section">
<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>
</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>
<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>
</div>
<div class="rules-section">
<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>
</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>
<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>
</div>
<div class="rules-section">
<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>
</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>
<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>
</div>
<br>
<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>
<h1 class="section-title">TotalFreedom Help</h1>
<div class="rules-section">
<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>
</div>
<br>
<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>
<h1 class="section-title">TotalFreedom Help</h1>
<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>
<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>
</div>
<div class="rules-section">
<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>
</div>
<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>
<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 class="rules-section">
</div>
<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>
<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>
</div>
</div>
<div class="section cover-3" id="staff">
<br/>
<h1 class="section-title">Current Staff</h1>
<div class="admins">
<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>
</div>
</div>
<div class="section cover-3" id="staff">
<br/>
<h1 class="section-title">Current Staff</h1>
<div class="admins">
<h2 class="rank">TotalFreedom Executives</h2>
<ul id="executiveboard">
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark"><li>
<img src="images/markbyron.png" class="responsive-img head-icon">MarkByron - Owner & Founder
</li></a>
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza - Executive Lead Dev
</li></a>
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager
</li></a>
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK - Server Liaison
</li></a>
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/inFamas97/80.png" class="responsive-img head-icon">inFAmas97 - Executive Admin
</li></a>
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh - Executive Admin
</li></a>
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12 - Executive Admin
</li></a>
<a href="http://totalfreedom.boards.net/user/3448" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/_Windows/80.png" class="responsive-img head-icon">_Windows - Security Officer
</li></a>
<a href="http://totalfreedom.boards.net/user/16323" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/DarkLynx108/80.png" class="responsive-img head-icon">DarkLynx108 - Creative Designer
</li></a>
<a href="http://totalfreedom.boards.net/user/916" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/wisemagick1/80.png" class="responsive-img head-icon">wisemagick1 - Evangelist
</li></a>
<a href="http://www.twitter.com/maloukos1" target="_blank" class="waves-effect waves-dark"><li>
<img src="images/aggelosqq.png" class="responsive-img head-icon">aggelosQQ - Webmaster
</li></a>
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark">
<li> <img src="images/markbyron.png" class="responsive-img head-icon">MarkByron - Owner & Founder </li>
</a>
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza - Executive Lead Dev </li>
</a>
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager </li>
</a>
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK - Server Liaison </li>
</a>
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/inFamas97/80.png" class="responsive-img head-icon">inFAmas97 - Executive Admin </li>
</a>
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh - Executive Admin </li>
</a>
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12 - Executive Admin </li>
</a>
<a href="http://totalfreedom.boards.net/user/3448" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/_Windows/80.png" class="responsive-img head-icon">_Windows - Security Officer </li>
</a>
<a href="http://totalfreedom.boards.net/user/16323" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/DarkLynx108/80.png" class="responsive-img head-icon">DarkLynx108 - Creative Designer </li>
</a>
<a href="http://totalfreedom.boards.net/user/916" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/wisemagick1/80.png" class="responsive-img head-icon">wisemagick1 - Evangelist </li>
</a>
<a href="http://www.twitter.com/maloukos1" target="_blank" class="waves-effect waves-dark">
<li> <img src="images/aggelosqq.png" class="responsive-img head-icon">aggelosQQ - Webmaster </li>
</a>
</ul>
<h2 class="rank">Global Forum Moderators</h2>
<ul id="modboard">
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager
</li></a>
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark"><li>
<img src="images/markbyron.png" class="responsive-img head-icon">MarkByron
</li></a>
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza
</li></a>
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK
</li>
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12
</li></a>
<a href="htttps://twitter.com/OliverDatGuy" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/OliverDatGuy/80.png" class="responsive-img head-icon">OliverDatGuy
</li>
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/inFAmas97/80.png" class="responsive-img head-icon">inFAmas97
</li></a>
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh
</li></a>
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager </li>
</a>
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark">
<li> <img src="images/markbyron.png" class="responsive-img head-icon">MarkByron </li>
</a>
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza </li>
</a>
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK </li>
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12 </li>
</a>
<a href="htttps://twitter.com/OliverDatGuy" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/OliverDatGuy/80.png" class="responsive-img head-icon">OliverDatGuy </li>
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/inFAmas97/80.png" class="responsive-img head-icon">inFAmas97 </li>
</a>
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh </li>
</a>
</ul>
<div class="container">
<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>
<br/>
</ul>
<br/>
<hr>
<br/>
<h3 style="text-align: center;">Useful Links</h3>
<ul class="useful">
<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>
</a>
<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>
</a>
<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>
</a>
<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>
</a>
</ul>
<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>
<br/>
</ul>
<br/>
<hr>
<br/>
<h3 style="text-align: center;">Useful Links</h3>
<ul class="useful">
<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>
</a>
<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>
</a>
<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>
</a>
<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>
</a>
</ul>
</div>
</div>
<footer class="page-footer transparent">
</div>
<footer class="page-footer transparent">
<div class="container">
<div class="footer-copyright">
<div class="container">
<hr> TotalFreedom &copy; 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 class="footer-copyright">
<div class="container">
<hr>
TotalFreedom &copy; 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 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>
</div>
</footer>
</div>
</body>
</footer>
</div>
</body>
</html>

View file

@ -1,6 +1,14 @@
window.addEventListener("load", function() {
var load_screen = document.getElementById("load_screen");
document.body.removeChild(load_screen);
$(window).on('load', function() { // makes sure the whole site is loaded
$('#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() {
$(".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() {
@ -24,7 +32,7 @@ $(document).ready(function() {
$("#online").html('<span style="color: firebrick; font-weight: bolder;"> Server is Offline</span>');
$(".button").hide();
} 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!');
$('.button').show();
}

View file

Binary file not shown.

After

Width:  |  Height:  |  Size: 279 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 279 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 481 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

View file

@ -19,6 +19,7 @@
<link href="https://fonts.googleapis.com/css?family=Baloo+Tamma" rel="stylesheet">
<link href="assets/css/builders.css" rel="stylesheet">
<link href="../css/component.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/global.css">
</head>
<body>
@ -43,6 +44,13 @@
</ul>
</div>
</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>
<div class="container">
<div class="header">
@ -79,7 +87,7 @@
<li><img class="responsive-img head-icon" src="https://minotar.net/avatar/FelixtheTrap/80.png">FelixtheTrap</li>
</a>
<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>
</ul><br>
<hr>

View file

@ -18,6 +18,7 @@
<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 rel="stylesheet" href="css/component.min.css">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/staff.css">
<link rel=”icon” href=”favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon href=”favicon.ico” type=”image/x-icon”>
@ -37,6 +38,8 @@
</script>
</head>
<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">
<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>