Code cleanup/beautified

This commit is contained in:
Victor Lobe 2020-08-02 16:06:29 -07:00
parent 95a8995be7
commit 33446ab77c
12 changed files with 694 additions and 543 deletions

View file

@ -1,80 +1,83 @@
<html> <html>
<head>
<head>
<title>Admin Application Calculator</title> <title>Admin Application Calculator</title>
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script> <script src="script.js"></script>
</head> </head>
<body>
<h1>Admin Application Calculator</h1> <body>
<div class="form"> <h1>Admin Application Calculator</h1>
<div> <div class="form">
<div>
<p>Application Type:</p> <p>Application Type:</p>
<select id="type"> <select id="type">
<option value="super">Super Admin</option> <option value="super">Super Admin</option>
<option value="telnet">Telnet Admin</option> <option value="telnet">Telnet Admin</option>
<option value="senior">Senior Admin</option> <option value="senior">Senior Admin</option>
</select> </select>
</div>
<div>
<div>
<p>Operator:</p>
</div> </div>
<div> <div>
<div> <button onclick="submit_vote(1);" )>V (+1)</button>
<p>Operator:</p> <button onclick="submit_vote(2);">V (+2)</button>
</div>
<div>
<button onclick="submit_vote(1);")>V (+1)</button>
<button onclick="submit_vote(2);">V (+2)</button>
</div>
<div>
<button onclick="submit_vote(-1);">O (-1)</button>
<button onclick="submit_vote(-2);">O (-2)</button>
</div>
</div> </div>
<div> <div>
<div> <button onclick="submit_vote(-1);">O (-1)</button>
<p>Super Admin:</p> <button onclick="submit_vote(-2);">O (-2)</button>
</div>
<div>
<button onclick="submit_vote(2);")>V (+2)</button>
<button onclick="submit_vote(3);">V (+3)</button>
<button onclick="submit_vote(4);">V (+4)</button>
</div>
<div>
<button onclick="submit_vote(-2);">O (-2)</button>
<button onclick="submit_vote(-3);">O (-3)</button>
<button onclick="submit_vote(-4);">O (-4)</button>
</div>
</div>
<div>
<div>
<p>Telnet Admin:</p>
</div>
<div>
<button onclick="submit_vote(3);">V (+3)</button>
<button onclick="submit_vote(4);">V (+4)</button>
</div>
<div>
<button onclick="submit_vote(-3);">O (-3)</button>
<button onclick="submit_vote(-4);">O (-4)</button>
</div>
</div>
<div>
<div>
<p>Senior Admin:</p>
</div>
<div>
<button onclick="submit_vote(4);">V (+4)</button>
</div>
<div>
<button onclick="submit_vote(-4);">O (-4)</button>
</div>
</div>
<div>
<div>
<p>Score:</p>
<p><span id="points">0</span> points / <span id="total_votes">0</span> votes</p>
<p><span id="rounded_percentage">0</span>% (<span id="percentage">0</span>%)</p>
<p>Status: <span id="status">N/A</span></p>
</div>
</div> </div>
</div> </div>
</body> <div>
<div>
<p>Super Admin:</p>
</div>
<div>
<button onclick="submit_vote(2);" )>V (+2)</button>
<button onclick="submit_vote(3);">V (+3)</button>
<button onclick="submit_vote(4);">V (+4)</button>
</div>
<div>
<button onclick="submit_vote(-2);">O (-2)</button>
<button onclick="submit_vote(-3);">O (-3)</button>
<button onclick="submit_vote(-4);">O (-4)</button>
</div>
</div>
<div>
<div>
<p>Telnet Admin:</p>
</div>
<div>
<button onclick="submit_vote(3);">V (+3)</button>
<button onclick="submit_vote(4);">V (+4)</button>
</div>
<div>
<button onclick="submit_vote(-3);">O (-3)</button>
<button onclick="submit_vote(-4);">O (-4)</button>
</div>
</div>
<div>
<div>
<p>Senior Admin:</p>
</div>
<div>
<button onclick="submit_vote(4);">V (+4)</button>
</div>
<div>
<button onclick="submit_vote(-4);">O (-4)</button>
</div>
</div>
<div>
<div>
<p>Score:</p>
<p><span id="points">0</span> points / <span id="total_votes">0</span> votes</p>
<p><span id="rounded_percentage">0</span>% (<span id="percentage">0</span>%)</p>
<p>Status: <span id="status">N/A</span></p>
</div>
</div>
</div>
</body>
</html> </html>

View file

@ -5,8 +5,7 @@ var rounded_percentage = 0;
var application_type = "super"; var application_type = "super";
var approved = false; var approved = false;
function submit_vote(points) function submit_vote(points) {
{
total_points += points; total_points += points;
total_votes++; total_votes++;
percentage = (total_points / total_votes) * 100; percentage = (total_points / total_votes) * 100;
@ -14,38 +13,27 @@ function submit_vote(points)
update_score(); update_score();
} }
function update_score() function update_score() {
{
document.getElementById("points").innerHTML = total_points; document.getElementById("points").innerHTML = total_points;
document.getElementById("total_votes").innerHTML = total_votes; document.getElementById("total_votes").innerHTML = total_votes;
document.getElementById("rounded_percentage").innerHTML = rounded_percentage; document.getElementById("rounded_percentage").innerHTML = rounded_percentage;
document.getElementById("percentage").innerHTML = percentage; document.getElementById("percentage").innerHTML = percentage;
application_type = document.getElementById("type").value; application_type = document.getElementById("type").value;
if (application_type == "super" && rounded_percentage >= 60) if (application_type == "super" && rounded_percentage >= 60) {
{
approved = true; approved = true;
} } else if (application_type == "telnet" && rounded_percentage >= 65) {
else if (application_type == "telnet" && rounded_percentage >= 65)
{
approved = true; approved = true;
} } else if (application_type == "senior" && rounded_percentage >= 70) {
else if (application_type == "senior" && rounded_percentage >= 70)
{
approved = true; approved = true;
} } else {
else
{
approved = false; approved = false;
} }
if (approved) if (approved) {
{
document.getElementById("status").style = "color: #0f0;"; document.getElementById("status").style = "color: #0f0;";
document.getElementById("status").innerHTML = "Accepted"; document.getElementById("status").innerHTML = "Accepted";
} } else {
else
{
document.getElementById("status").style = "color: #f00;"; document.getElementById("status").style = "color: #f00;";
document.getElementById("status").innerHTML = "Denied"; document.getElementById("status").innerHTML = "Denied";
} }

View file

@ -30,14 +30,15 @@ select {
color: white; color: white;
cursor: pointer; cursor: pointer;
-webkit-appearance: none; -webkit-appearance: none;
}
select::before { select::before {
border-bottom-style: solid; border-bottom-style: solid;
border-top: none; border-top: none;
} }
select:after { select:after {
margin-top: 7px; margin-top: 7px;
border-top-style: solid; border-top-style: solid;
border-bottom: none; border-bottom: none;
} }

View file

@ -2,10 +2,12 @@ body {
background: #222 url("../images/conduct-bg.png") fixed no-repeat center center; background: #222 url("../images/conduct-bg.png") fixed no-repeat center center;
background-size: cover; background-size: cover;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
margin-bottom: 50px; } margin-bottom: 50px;
}
.brand-logo { .brand-logo {
font-family: 'Raleway', sans-serif !important; } font-family: 'Raleway', sans-serif !important;
}
.content { .content {
margin: 50px auto; margin: 50px auto;
@ -13,30 +15,43 @@ body {
width: 90%; width: 90%;
color: #eee; color: #eee;
height: 100%; height: 100%;
background: rgba(34, 34, 34, 0.6); } background: rgba(34, 34, 34, 0.6);
.content h1 { }
margin-top: 5.17241px;
font-size: 1.3em; .content h1 {
font-weight: 900; margin-top: 5.17241px;
text-transform: uppercase; font-size: 1.3em;
border-bottom: 1px solid #ccc; font-weight: 900;
padding: 0 0 10px; } text-transform: uppercase;
.content h3 { border-bottom: 1px solid #ccc;
font-size: 1.05em; padding: 0 0 10px;
font-weight: 600; } }
.content li {
padding: 5px; } .content h3 {
.content .warning { font-size: 1.05em;
color: #F44336; font-weight: 600;
padding: 1px 10px; }
border-left: 3px solid #F44336;
display: block; } .content li {
.content a { padding: 5px;
color: #bbb; }
padding: 2px;
-webkit-transition: all .3s ease-in-out; .content .warning {
-o-transition: all .3s ease-in-out; color: #F44336;
transition: all .3s ease-in-out; padding: 1px 10px;
border-bottom: 1px hidden #ccc; } border-left: 3px solid #F44336;
.content a:hover { display: block;
border-bottom: 1px solid #ccc; } }
.content a {
color: #bbb;
padding: 2px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-bottom: 1px hidden #ccc;
}
.content a:hover {
border-bottom: 1px solid #ccc;
}

View file

@ -431,57 +431,65 @@ small {
} }
footer.page-footer .footer-copyright { footer.page-footer .footer-copyright {
height: auto!important; height: auto !important;
margin-bottom: -15px margin-bottom: -15px
} }
h3 { h3 {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
font-size: 1.35em;text-align: center; font-size: 1.35em;
margin-top: 2px; text-align: center;
margin-top: 2px;
} }
.github { .github {
position: absolute; position: absolute;
right: 10px; right: 10px;
font-size: 16px; font-size: 16px;
z-index: 1; z-index: 1;
color: #ddd; color: #ddd;
} }
.github-icon { .github-icon {
font-family: FontAwesome; font-family: FontAwesome;
} }
.github-icon::before { .github-icon::before {
content: '\f09b' content: '\f09b'
} }
@media only screen and (max-width:991px) { @media only screen and (max-width:991px) {
.cover-2 h2, .cover-2 h2,
.cover-2 p { .cover-2 p {
width: 100% width: 100%
} }
.online-part { .online-part {
padding: 25% .7% padding: 25% .7%
} }
.rule { .rule {
padding: 15px padding: 15px
} }
.useful { .useful {
margin-top: 0; margin-top: 0;
margin: 0 margin: 0
} }
.discord-widget { .discord-widget {
padding-left: 0; padding-left: 0;
-webkit-transform: translateX(25%); -webkit-transform: translateX(25%);
-ms-transform: translateX(25%); -ms-transform: translateX(25%);
transform: translateX(25%) transform: translateX(25%)
} }
.admins>ul>a { .admins>ul>a {
display: block; display: block;
border-radius: 0 border-radius: 0
} }
.head-icon { .head-icon {
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -489,21 +497,26 @@ h3 {
float: left; float: left;
border-radius: 50% border-radius: 50%
} }
.modal li { .modal li {
display: block; display: block;
width: 100%; width: 100%;
padding: 5px 70px padding: 5px 70px
} }
.modal-msg { .modal-msg {
margin: 25px 0; margin: 25px 0;
padding: 5px padding: 5px
} }
.nav-wrapper { .nav-wrapper {
background: #111 background: #111
} }
.modal.modal-fixed-footer .modal-content { .modal.modal-fixed-footer .modal-content {
padding: 10px padding: 10px
} }
nav .nav-wrapper li>a { nav .nav-wrapper li>a {
font-weight: 500; font-weight: 500;
font-size: 1em font-size: 1em

View file

@ -1,7 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<!-- <head>
<!--
Copyright 2017 Aggelos Sarris and contributors Copyright 2017 Aggelos Sarris and contributors
Licensed under the Apache License, Version 2.0 (the "License"); Licensed under the Apache License, Version 2.0 (the "License");
@ -17,75 +18,91 @@
limitations under the License. limitations under the License.
--> -->
<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, scripthead"> <meta name="author" content="aggelosQQ, scripthead">
<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 2010! play.totalfreedom.me"> <meta name="description"
<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600" rel="stylesheet"> content="TotalFreedom is the first Free OP Minecraft server, which is up and running since 2010! play.totalfreedom.me">
<link async 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=Raleway:100,200,300,400,500,600" rel="stylesheet">
<link async rel="stylesheet" href="css/component.min.css"> <link async rel="stylesheet"
<link async rel="stylesheet" href="css/global.css"> href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<link async rel="stylesheet" href="css/main.css"> <link async rel="stylesheet" href="css/component.min.css">
<link async rel="icon" href="favicon.png" type="image/png"> <link async rel="stylesheet" href="css/global.css">
<link async rel="shortcut icon" href="favicon.png" type="image/png"> <link async rel="stylesheet" href="css/main.css">
<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> <link async rel="icon" href="favicon.png" type="image/png">
</head> <link async rel="shortcut icon" href="favicon.png" type="image/png">
<body> <script>
<div class="navbar-fixed"> ! function (a, b, c, d, e, f, g) {
<nav class="transparent z-depth-0" id="menu"> a.GoogleAnalyticsObject = e, a[e] = a[e] || function () {
<div class="nav-wrapper z-depth-0"> (a[e].q = a[e].q || []).push(arguments)
<a href="#" id="brand-top" class="brand-logo"><small class="hide-on-med-and-down">play.</small>TotalFreedom<small class="hide-on-med-and-down">.me</small></a> }, a[e].l = 1 * new Date, f = b.createElement(c), g = b.getElementsByTagName(c)[0], f.async = 1, f.src = d,
<a href="#" data-activates="mobile" class="button-collapse"><i class="fa fa-bars"></i></a> g.parentNode.insertBefore(f, g)
<ul class="right hide-on-med-and-down cl-effect-14" id="cl-effect-14"> }(window, document, "script", "https://www.google-analytics.com/analytics.js", "ga"), ga("create",
<li><a href="#" id="top">Home</a></li> "UA-74643356-2", "auto"), ga("send", "pageview");
<li><a href="#" id="rules">Rules</a></li> </script>
<li><a href="/emailappeal">Email Appeal</a></li> </head>
<li><a href="#" id="staff">Staff</a></li>
<li><a href="/masterbuilders">Masterbuilders</a></li> <body>
<li><a href="https://totalfreedom.boards.net" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="You will be redirected to totalfreedom.boards.net">Forum</a></li> <div class="navbar-fixed">
</ul> <nav class="transparent z-depth-0" id="menu">
<ul class="side-nav" id="mobile"> <div class="nav-wrapper z-depth-0">
<li><a href="#header">Home</a></li> <a href="#" id="brand-top" class="brand-logo"><small
<li><a href="#rules">Rules</a></li> class="hide-on-med-and-down">play.</small>TotalFreedom<small
<li><a href="/emailappeal">Email Appeal</a></li> class="hide-on-med-and-down">.me</small></a>
<li><a href="#staff">Staff</a></li> <a href="#" data-activates="mobile" class="button-collapse"><i class="fa fa-bars"></i></a>
<li><a href="masterbuilders/">Masterbuilders</a></li> <ul class="right hide-on-med-and-down cl-effect-14" id="cl-effect-14">
<li><a href="https://totalfreedom.boards.net">Forum</a></li> <li><a href="#" id="top">Home</a></li>
</ul> <li><a href="#" id="rules">Rules</a></li>
</div> <li><a href="/emailappeal">Email Appeal</a></li>
</nav> <li><a href="#" id="staff">Staff</a></li>
</div> <li><a href="/masterbuilders">Masterbuilders</a></li>
<a href="https://github.com/TFPatches/Website" class="github" aria-hidden="true"><span class="github-icon"></span> Edit on GitHub</a> <li><a href="https://totalfreedom.boards.net" class="tooltipped" data-position="bottom" data-delay="50"
<div class="section active cover-1" id="header"> data-tooltip="You will be redirected to totalfreedom.boards.net">Forum</a></li>
<div class="online-part"> </ul>
<h3 id="server-status"> <span id="online"></span></h3> <ul class="side-nav" id="mobile">
<a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a> <li><a href="#header">Home</a></li>
<p style="font-size: 1em;line-height: 69px;" id="lastupdate"></p> <li><a href="#rules">Rules</a></li>
<li><a href="/emailappeal">Email Appeal</a></li>
<li><a href="#staff">Staff</a></li>
<li><a href="masterbuilders/">Masterbuilders</a></li>
<li><a href="https://totalfreedom.boards.net">Forum</a></li>
</ul>
</div> </div>
<div id="onlineplayers" class="modal modal-fixed-footer"> </nav>
<div class="modal-content"> </div>
<h4 id="players-online"> <a href="https://github.com/TFPatches/Website" class="github" aria-hidden="true"><span class="github-icon"></span>
</h4> Edit on GitHub</a>
<ul id="players"></ul> <div class="section active cover-1" id="header">
<br/> <div class="online-part">
<div class="modal-msg"> <h3 id="server-status"> <span id="online"></span></h3>
<h5>Why don't you visit us yourself?</h5> <a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a>
<span class="ip">play.totalfreedom.me</span> <p style="font-size: 1em;line-height: 69px;" id="lastupdate"></p>
</div> </div>
</div> <div id="onlineplayers" class="modal modal-fixed-footer">
<div class="modal-footer"> <div class="modal-content">
<a href="#!" class="modal-action modal-close btn-flat waves-effect waves-dark">Close</a> <h4 id="players-online">
</h4>
<ul id="players"></ul>
<br />
<div class="modal-msg">
<h5>Why don't you visit us yourself?</h5>
<span class="ip">play.totalfreedom.me</span>
</div> </div>
</div> </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-sec"> </div>
<div class="container"> <div class="section cover-2" id="rules-sec">
<div class="container">
<h1 class="section-title">Server Conduct Policy</h1> <h1 class="section-title">Server Conduct Policy</h1>
<div class="rules-section"> <div class="rules-section">
<h2 id="rules-title" class="one waves-effect waves-brown">Category 1 (Permanent Bannable Offenses) <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">Category 1 (Permanent Bannable Offenses) <i
class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<div class="rule a"> <div class="rule a">
<p>a. Attempts at harming the server.</p> <p>a. Attempts at harming the server.</p>
<p>b. Repeated rule-breaking (recurring category 2 & 3 offenses or punishment bypassing).</p> <p>b. Repeated rule-breaking (recurring category 2 & 3 offenses or punishment bypassing).</p>
@ -95,11 +112,13 @@
<p>f. Unauthorized access to admin-exclusive resources.</p> <p>f. Unauthorized access to admin-exclusive resources.</p>
<p>g. Using an exploit that restricts a players experience.</p> <p>g. Using an exploit that restricts a players experience.</p>
<p>h. Attempts to harm any (ex)member of TotalFreedom.</p> <p>h. Attempts to harm any (ex)member of TotalFreedom.</p>
<p>i. Threatening to commit/committing illegal activities that violate US Law on any official TotalFreedom platform.</p> <p>i. Threatening to commit/committing illegal activities that violate US Law on any official
</div> TotalFreedom platform.</p>
</div>
</div> </div>
<div class="rules-section"> <div class="rules-section">
<h2 id="rules-title" class="two waves-effect waves-brown">Category 2 (Temporary Bannable Offenses) <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">Category 2 (Temporary Bannable Offenses) <i
class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<div class="rule b"> <div class="rule b">
<p>a. Modifying other players builds (with intent) without permission from the builder.</p> <p>a. Modifying other players builds (with intent) without permission from the builder.</p>
<p>b. Tricking players into breaking a rule.</p> <p>b. Tricking players into breaking a rule.</p>
@ -110,189 +129,231 @@
</div> </div>
</div> </div>
<div class="rules-section"> <div class="rules-section">
<h2 id="rules-title" class="three waves-effect waves-brown">Category 3 (Minor Offenses) <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">Category 3 (Minor Offenses) <i
<div class="rule c"> class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<div class="rule c">
<p>a. Bigotry.</p> <p>a. Bigotry.</p>
<p>b. Spamming commands or chat.</p> <p>b. Spamming commands or chat.</p>
<p>c. Being a nuisance to other players.</p> <p>c. Being a nuisance to other players.</p>
<p>d. Interfering with an admin doing their job.</p> <p>d. Interfering with an admin doing their job.</p>
<p>e. Having a nickname that is unreadable, i.e. admins cannot use /realname on it. </p> <p>e. Having a nickname that is unreadable, i.e. admins cannot use /realname on it. </p>
<p>f. A tag/nick that implies an official rank that they do not have or one that impersonates another player.</p> <p>f. A tag/nick that implies an official rank that they do not have or one that impersonates another
player.</p>
<p>g. Pornographic builds if in a 250 block radius of spawn.</p> <p>g. Pornographic builds if in a 250 block radius of spawn.</p>
<p>h. Advertising a server more than once in a 1 hour period.</p></div> <p>h. Advertising a server more than once in a 1 hour period.</p>
</div>
</div> </div>
<!--<p class="caution" style="margin-bottom: -45px;"><i class="fa fa-exclamation-triangle"></i> TotalFreedom does not accept donations.</p>--> <!--<p class="caution" style="margin-bottom: -45px;"><i class="fa fa-exclamation-triangle"></i> TotalFreedom does not accept donations.</p>-->
<ul class="rest"> <ul class="rest">
<li> <li>
<a href="https://totalfreedom.boards.net/thread/65799" class="readmore waves-effect waves-light">Read the Conduct Policy</a> <a href="https://totalfreedom.boards.net/thread/65799" class="readmore waves-effect waves-light">Read the
Conduct Policy</a>
</li> </li>
</ul> </ul>
<h1 class="section-title">Support/Help</h1> <h1 class="section-title">Support/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
<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> 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>
<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
<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> 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>
<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
<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="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> </div>
</div> </div>
</div> </div>
<div class="section cover-3" id="staff-sec"> <div class="section cover-3" id="staff-sec">
<br/> <br />
<h1 class="section-title" style="margin-bottom: 10px;">Upper-Level Staff Members</h1> <h1 class="section-title" style="margin-bottom: 10px;">Upper-Level Staff Members</h1>
<h3>Last updated August 1st, 2020</h3> <h3>Last updated August 1st, 2020</h3>
<div class="admins"> <div class="admins">
<h2 class="rank">Executives</h2> <h2 class="rank">Executives</h2>
<ul id="executiveboard"> <ul id="executiveboard">
<a href="https://totalfreedom.boards.net/user/20408" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/20408" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/scripthead/32.png" class="responsive-img head-icon">scripthead - Owner</li> <li> <img src="https://mc-heads.net/avatar/scripthead/32.png" class="responsive-img head-icon">scripthead
- Owner</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/3" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/3" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/markbyron/32.png" class="responsive-img head-icon">markbyron - Founder</li> <li> <img src="https://mc-heads.net/avatar/markbyron/32.png" class="responsive-img head-icon">markbyron -
Founder</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/1514" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/1514" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/Madgeek1450/32.png" class="responsive-img head-icon">Madgeek1450 - Co-Founder</li> <li> <img src="https://mc-heads.net/avatar/Madgeek1450/32.png"
class="responsive-img head-icon">Madgeek1450 - Co-Founder</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/1" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/1" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/Finest95/32.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager</li> <li> <img src="https://mc-heads.net/avatar/Finest95/32.png" class="responsive-img head-icon">Finest95 -
Forum Owner & Manager</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/22952" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/22952" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/zeseryu/32.png" class="responsive-img head-icon">zeseryu - Admin Officer</li> <li> <img src="https://mc-heads.net/avatar/zeseryu/32.png" class="responsive-img head-icon">zeseryu -
Admin Officer</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/23874" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/23874" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/Rhymix/32.png" class="resonsive-img head-icon">Rhymix - Creative Designer</li> <li> <img src="https://mc-heads.net/avatar/Rhymix/32.png" class="resonsive-img head-icon">Rhymix -
Creative Designer</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/19507" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/19507" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/DarthZonarius/32.png" class="responsive-img head-icon">DarthZonarius - Server Liaison</li> <li> <img src="https://mc-heads.net/avatar/DarthZonarius/32.png"
class="responsive-img head-icon">DarthZonarius - Server Liaison</li>
</a> </a>
</ul> </ul>
<h2 class="rank">Assistant Executives</h2> <h2 class="rank">Assistant Executives</h2>
<ul id="assistexecboard"> <ul id="assistexecboard">
<a href="https://totalfreedom.boards.net/user/22775" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/22775" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/fionnn/32.png" class="responsive-img head-icon">fionnn - Assistant Admin Officer</li> <li> <img src="https://mc-heads.net/avatar/fionnn/32.png" class="responsive-img head-icon">fionnn -
Assistant Admin Officer</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/23832" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/23832" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/Zevante/32.png" class="responsive-img head-icon">Zevante - Assistant Admin Officer</li> <li> <img src="https://mc-heads.net/avatar/Zevante/32.png" class="responsive-img head-icon">Zevante -
Assistant Admin Officer</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/23930" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/23930" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/Lyicx/32.png" class="responsive-img head-icon">Lyicx - Assistant Server Liaison</li> <li> <img src="https://mc-heads.net/avatar/Lyicx/32.png" class="responsive-img head-icon">Lyicx -
Assistant Server Liaison</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/5863" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/5863" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/OxElmonxO/32.png" class="responsive-img head-icon">OxElmonxO - Assistant Server Liaison</li> <li> <img src="https://mc-heads.net/avatar/OxElmonxO/32.png" class="responsive-img head-icon">OxElmonxO -
Assistant Server Liaison</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/21917" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/21917" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/squareMC/32.png" class="responsive-img head-icon">squareMC - Assistant Creative Designer</li> <li> <img src="https://mc-heads.net/avatar/squareMC/32.png" class="responsive-img head-icon">squareMC -
Assistant Creative Designer</li>
</a> </a>
</ul> </ul>
<h2 class="rank">Forum Staff</h2> <h2 class="rank">Forum Staff</h2>
<ul id="modboard"> <ul id="modboard">
<a href="https://totalfreedom.boards.net/user/1" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/1" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/Finest95/32.png" class="responsive-img head-icon">Finest95 - Forum Admin</li> <li> <img src="https://mc-heads.net/avatar/Finest95/32.png" class="responsive-img head-icon">Finest95 -
</a> Forum Admin</li>
<a href="https://totalfreedom.boards.net/user/20408" target="_blank" class="waves-effect waves-dark"> </a>
<li> <img src="https://mc-heads.net/avatar/scripthead/32.png" class="responsive-img head-icon">scripthead - Forum Admin</li> <a href="https://totalfreedom.boards.net/user/20408" target="_blank" class="waves-effect waves-dark">
</a> <li> <img src="https://mc-heads.net/avatar/scripthead/32.png" class="responsive-img head-icon">scripthead
<a href="https://totalfreedom.boards.net/user/10099" target="_blank" class="waves-effect waves-dark"> - Forum Admin</li>
<li> <img src="https://mc-heads.net/avatar/StevenNL2000/32.png" class="responsive-img head-icon">StevenNL2000 - Forum Admin</li> </a>
</a> <a href="https://totalfreedom.boards.net/user/10099" target="_blank" class="waves-effect waves-dark">
<a href="https://totalfreedom.boards.net/user/22952" target="_blank" class="waves-effect waves-dark"> <li> <img src="https://mc-heads.net/avatar/StevenNL2000/32.png"
<li> <img src="https://mc-heads.net/avatar/zeseryu/32.png" class="responsive-img head-icon">zeseryu - Forum Admin</li> class="responsive-img head-icon">StevenNL2000 - Forum Admin</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/10700" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/22952" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/JJ_Jaguar2000/32.png" class="responsive-img head-icon">JJ_Jaguar2000 - Forum Mod</li> <li> <img src="https://mc-heads.net/avatar/zeseryu/32.png" class="responsive-img head-icon">zeseryu -
</a> Forum Admin</li>
<a href="https://totalfreedom.boards.net/user/84" target="_blank" class="waves-effect waves-dark"> </a>
<li> <img src="https://mc-heads.net/avatar/Cowgomooo12/32.png" class="responsive-img head-icon">Cowgomooo12 - Forum Mod</li> <a href="https://totalfreedom.boards.net/user/10700" target="_blank" class="waves-effect waves-dark">
</a> <li> <img src="https://mc-heads.net/avatar/JJ_Jaguar2000/32.png"
<a href="https://totalfreedom.boards.net/user/3448" target="_blank" class="waves-effect waves-dark"> class="responsive-img head-icon">JJ_Jaguar2000 - Forum Mod</li>
<li> <img src="https://mc-heads.net/avatar/TheMinecraft/32.png" class="responsive-img head-icon">TheMinecraft - Forum Mod</li> </a>
</a> <a href="https://totalfreedom.boards.net/user/84" target="_blank" class="waves-effect waves-dark">
</ul> <li> <img src="https://mc-heads.net/avatar/Cowgomooo12/32.png"
class="responsive-img head-icon">Cowgomooo12 - Forum Mod</li>
</a>
<a href="https://totalfreedom.boards.net/user/3448" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/TheMinecraft/32.png"
class="responsive-img head-icon">TheMinecraft - Forum Mod</li>
</a>
</ul>
<h1 class="rank">Internal Affairs</h1> <h1 class="rank">Internal Affairs</h1>
<ul id="internalaffairs"> <ul id="internalaffairs">
<a href="https://totalfreedom.boards.net/user/23832" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/23832" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/Zevante/32.png" class="responsive-img head-icon">Zevante - Leader</li> <li> <img src="https://mc-heads.net/avatar/Zevante/32.png" class="responsive-img head-icon">Zevante -
</a> Leader</li>
</a>
<a href="https://totalfreedom.boards.net/user/23037" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/23037" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/Tozzit/32.png" class="responsive-img head-icon">Tozzit</li> <li> <img src="https://mc-heads.net/avatar/Tozzit/32.png" class="responsive-img head-icon">Tozzit</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/16482" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/16482" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/mmmmmonke/32.png" class="responsive-img head-icon">mmmmmonke</li> <li> <img src="https://mc-heads.net/avatar/mmmmmonke/32.png" class="responsive-img head-icon">mmmmmonke
</li>
</a> </a>
<a href="https://totalfreedom.boards.net/user/22775" target="_blank" class="waves-effect waves-dark"> <a href="https://totalfreedom.boards.net/user/22775" target="_blank" class="waves-effect waves-dark">
<li> <img src="https://mc-heads.net/avatar/fionnn/32.png" class="responsive-img head-icon">fionnn</li> <li> <img src="https://mc-heads.net/avatar/fionnn/32.png" class="responsive-img head-icon">fionnn</li>
</a> </a>
</ul>
<div class="container">
<ul class="rest">
<li><a href="/staff" class="readmore waves-effect waves-light">See the rest of the staff</a></li>
<br/>
</ul> </ul>
<br/> <div class="container">
<hr> <ul class="rest">
<br/> <li><a href="/staff" class="readmore waves-effect waves-light">See the rest of the staff</a></li>
<div class="row"> <br />
<div class="col s12 m12 l8"> </ul>
<ul class="useful"> <br />
<h3 style="text-align: center;">Useful Links</h3> <hr>
<a href="http://totalfreedom.boards.net" target="_blank" class="readmore waves-effect waves-dark"> <br />
<li><i class="fa fa-comments icon"></i><br/> Forum</li> <div class="row">
</a> <div class="col s12 m12 l8">
<a href="https://totalfreedom.boards.net/thread/65799" target="_blank" class="readmore waves-effect waves-dark"> <ul class="useful">
<li><i class="fa fa-ban icon"></i><br/> Conduct Policy</li> <h3 style="text-align: center;">Useful Links</h3>
</a> <a href="http://totalfreedom.boards.net" 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-comments icon"></i><br /> Forum</li>
<li><i class="fa fa-github icon"></i><br/>Github</li> </a>
</a> <a href="https://totalfreedom.boards.net/thread/65799" target="_blank"
<a href="https://twitter.com/totalfreedommc" target="_blank" class="readmore waves-effect waves-dark"> class="readmore waves-effect waves-dark">
<li><i class="fa fa-twitter icon"></i><br/> Twitter</li> <li><i class="fa fa-ban icon"></i><br /> Conduct Policy</li>
</a> </a>
<a href="https://discord.gg/hdCA22p" target="_blank" class="readmore hide-on-large-only waves-effect waves-dark"> <a href="http://github.com/TotalFreedom" target="_blank" class="readmore waves-effect waves-dark">
<li><img src="images/fa-discord.png" style="width: 27.734; height: 32px;"><br/> Discord</li> <li><i class="fa fa-github icon"></i><br />Github</li>
</a> </a>
</ul> <a href="https://twitter.com/totalfreedommc" target="_blank"
</div> class="readmore waves-effect waves-dark">
<div class="col s12 m12 l4 hide-on-med-and-down"> <li><i class="fa fa-twitter icon"></i><br /> Twitter</li>
<!-- <h3 style="text-align: center;" class="discord-widget-title">Join our Discord!</h3> --> </a>
<iframe src="https://discordapp.com/widget?id=142361999538520065&theme=dark" class="discord-widget" width="375" height="450" align="center" allowtransparency="true" frameborder="0"></iframe> <a href="https://discord.gg/hdCA22p" target="_blank"
<br> class="readmore hide-on-large-only waves-effect waves-dark">
<hr> <li><img src="images/fa-discord.png" style="width: 27.734; height: 32px;"><br /> Discord</li>
<br> </a>
<p align="center" class="text-align: center;"> </ul>
</div> </div>
</div> <div class="col s12 m12 l4 hide-on-med-and-down">
<footer class="page-footer transparent"> <!-- <h3 style="text-align: center;" class="discord-widget-title">Join our Discord!</h3> -->
<div class="container"> <iframe src="https://discordapp.com/widget?id=142361999538520065&theme=dark" class="discord-widget"
<div class="footer-copyright"> width="375" height="450" align="center" allowtransparency="true" frameborder="0"></iframe>
<div class="container"> <br>
<hr> <hr>
TotalFreedom &copy; 2010 - <span id="curYear"></span> <br>
<a class="grey-text text-lighten-4 right" href="https://aggelosqq.com" target="_blank">Designed by aggelosQQ</a> <p align="center" class="text-align: center;">
</div>
</div> </div>
</div> </div>
</footer> <footer class="page-footer transparent">
</div> <div class="container">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <div class="footer-copyright">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script> <div class="container">
<script src="https://use.fontawesome.com/cb2592f0cc.js"></script> <hr>
<script src="js/index.js"></script> TotalFreedom &copy; 2010 - <span id="curYear"></span>
<script src="js/moment.js"></script> <a class="grey-text text-lighten-4 right" href="https://aggelosqq.com" target="_blank">Designed
<script src="js/jquery.cookies.js"></script> by aggelosQQ</a>
<script src="js/main.js"></script> </div>
<script src="js/functions.js"></script> </div>
<script> </div>
// All Json content is loaded respectively into #(item) </footer>
var jsonUrl="https://totalfreedom.me/tfinfo/"; </div>
var jsonContent=[ "players"]; $(document).ready(function(){ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
loadJson(jsonUrl, jsonContent); <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
}); <script src="https://use.fontawesome.com/cb2592f0cc.js"></script>
</script> <script src="js/index.js"></script>
</body> <script src="js/moment.js"></script>
</html> <script src="js/jquery.cookies.js"></script>
<script src="js/main.js"></script>
<script src="js/functions.js"></script>
<script>
// All Json content is loaded respectively into #(item)
var jsonUrl = "https://totalfreedom.me/tfinfo/";
var jsonContent = ["players"];
$(document).ready(function () {
loadJson(jsonUrl, jsonContent);
});
</script>
</body>
</html>

View file

@ -16,15 +16,15 @@
*/ */
$(document).ready(function() { $(document).ready(function () {
var interval = 15000; var interval = 15000;
var autoRefresh = setTimeout(function() { var autoRefresh = setTimeout(function () {
refresh(); refresh();
}, },
interval); interval);
var refresh = function() { var refresh = function () {
$.getJSON(window.location.origin + "/tfinfo/ping.php", function(json) { $.getJSON(window.location.origin + "/tfinfo/ping.php", function (json) {
if (json.online !== true) { if (json.online !== true) {
$("#online").html('<span style="color: firebrick; font-weight: bolder;"> Server is Offline</span><br/><small style="font-size: .5em;">Check out our <a href="https://totalfreedom.boards.net/thread/49450">Associated Servers</a>!</small><p style="font-size: .40em;line-height: 50px;">Last updated ' + json.lastupdated + ' ago</p>'); $("#online").html('<span style="color: firebrick; font-weight: bolder;"> Server is Offline</span><br/><small style="font-size: .5em;">Check out our <a href="https://totalfreedom.boards.net/thread/49450">Associated Servers</a>!</small><p style="font-size: .40em;line-height: 50px;">Last updated ' + json.lastupdated + ' ago</p>');
$(".button").hide(); $(".button").hide();
@ -41,82 +41,82 @@ $(document).ready(function() {
}); });
$(document).ready(function(){ $(document).ready(function () {
$(".one").click(function(){ $(".one").click(function () {
$(".a").fadeToggle(300); $(".a").fadeToggle(300);
$(".one i").toggleClass("fa-chevron-right"); $(".one i").toggleClass("fa-chevron-right");
$(".one i").toggleClass("fa-chevron-down"); $(".one i").toggleClass("fa-chevron-down");
}); });
$(".two").click(function(){ $(".two").click(function () {
$(".b").fadeToggle(300); $(".b").fadeToggle(300);
$(".two i").toggleClass("fa-chevron-right"); $(".two i").toggleClass("fa-chevron-right");
$(".two i").toggleClass("fa-chevron-down"); $(".two i").toggleClass("fa-chevron-down");
}); });
$(".three").click(function(){ $(".three").click(function () {
$(".c").fadeToggle(300); $(".c").fadeToggle(300);
$(".three i").toggleClass("fa-chevron-right"); $(".three i").toggleClass("fa-chevron-right");
$(".three i").toggleClass("fa-chevron-down"); $(".three i").toggleClass("fa-chevron-down");
}); });
$(".four").click(function(){ $(".four").click(function () {
$(".d").fadeToggle(300); $(".d").fadeToggle(300);
$(".four i").toggleClass("fa-chevron-right"); $(".four i").toggleClass("fa-chevron-right");
$(".four i").toggleClass("fa-chevron-down"); $(".four i").toggleClass("fa-chevron-down");
}); });
$(".five").click(function(){ $(".five").click(function () {
$(".e").fadeToggle(300); $(".e").fadeToggle(300);
$(".five i").toggleClass("fa-chevron-right"); $(".five i").toggleClass("fa-chevron-right");
$(".five i").toggleClass("fa-chevron-down"); $(".five i").toggleClass("fa-chevron-down");
}); });
$(".six").click(function(){ $(".six").click(function () {
$(".f").fadeToggle(300); $(".f").fadeToggle(300);
$(".six i").toggleClass("fa-chevron-right"); $(".six i").toggleClass("fa-chevron-right");
$(".six i").toggleClass("fa-chevron-down"); $(".six i").toggleClass("fa-chevron-down");
}); });
$(".seven").click(function(){ $(".seven").click(function () {
$(".g").fadeToggle(300); $(".g").fadeToggle(300);
$(".seven i").toggleClass("fa-chevron-right"); $(".seven i").toggleClass("fa-chevron-right");
$(".seven i").toggleClass("fa-chevron-down"); $(".seven i").toggleClass("fa-chevron-down");
}); });
$(".eight").click(function(){ $(".eight").click(function () {
$(".h").fadeToggle(300); $(".h").fadeToggle(300);
$(".eight i").toggleClass("fa-chevron-right"); $(".eight i").toggleClass("fa-chevron-right");
$(".eight i").toggleClass("fa-chevron-down"); $(".eight i").toggleClass("fa-chevron-down");
}); });
$(".nine").click(function(){ $(".nine").click(function () {
$(".i").fadeToggle(300); $(".i").fadeToggle(300);
$(".nine i").toggleClass("fa-chevron-right"); $(".nine i").toggleClass("fa-chevron-right");
$(".nine i").toggleClass("fa-chevron-down"); $(".nine i").toggleClass("fa-chevron-down");
});
}); });
});
$(document).ready(function() {
$("#top").click(function() { $(document).ready(function () {
$("#top").click(function () {
$('html, body').animate({ $('html, body').animate({
scrollTop: $("html, body").offset().top scrollTop: $("html, body").offset().top
}, 1000); }, 1000);
}); });
$("#rules").click(function() { $("#rules").click(function () {
$('html, body').animate({ $('html, body').animate({
scrollTop: $("#rules-sec").offset().top scrollTop: $("#rules-sec").offset().top
}, 1000); }, 1000);
}); });
$("#staff").click(function() { $("#staff").click(function () {
$('html, body').animate({ $('html, body').animate({
scrollTop: $("#staff-sec").offset().top scrollTop: $("#staff-sec").offset().top
}, 1000); }, 1000);
}); });
$("#brand-top").click(function() { $("#brand-top").click(function () {
$('html, body').animate({ $('html, body').animate({
scrollTop: $("html, body").offset().top scrollTop: $("html, body").offset().top
}, 1000); }, 1000);
@ -124,7 +124,7 @@ $(document).ready(function() {
}); });
var ypos,cover1,cover2,cover3; var ypos, cover1, cover2, cover3;
function parallax() { function parallax() {
ypos = window.pageYOffset; ypos = window.pageYOffset;
@ -133,4 +133,4 @@ function parallax() {
cover1.style.top = ypos * .4 + 'px'; cover1.style.top = ypos * .4 + 'px';
}; };
window.addEventListener('scroll', parallax); window.addEventListener('scroll', parallax);

View file

@ -16,7 +16,7 @@
*/ */
$(document).ready(function() { $(document).ready(function () {
$(".button-collapse").sideNav({ $(".button-collapse").sideNav({
closeOnClick: true closeOnClick: true
}); });
@ -26,7 +26,7 @@ $(document).ready(function() {
}); });
}); });
$(document).ready(function(){ $(document).ready(function () {
(new Date).getFullYear(); (new Date).getFullYear();
$("#curYear").text((new Date).getFullYear()); $("#curYear").text((new Date).getFullYear());
}); });

View file

@ -86,7 +86,7 @@ button:focus {
} }
.card .card-image img { .card .card-image img {
height: 321.891px!important; height: 321.891px !important;
} }
.header { .header {
@ -164,23 +164,28 @@ hr {
font-weight: 200; font-weight: 200;
margin-top: 0px; margin-top: 0px;
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.header { .header {
padding: 5px; padding: 5px;
} }
.masterbuilders-list li { .masterbuilders-list li {
display: block; display: block;
border-radius: 0; border-radius: 0;
} }
button { button {
width: 95%; width: 95%;
} }
nav .brand-logo { nav .brand-logo {
margin-top: 13.5px; margin-top: 13.5px;
font-size: 1.8em; font-size: 1.8em;
} }
nav .nav-wrapper li > a {
nav .nav-wrapper li>a {
font-weight: 500; font-weight: 500;
font-size: 1em; font-size: 1em;
} }
} }

View file

@ -16,19 +16,19 @@
*/ */
$(document).ready(function() { $(document).ready(function () {
$(".button-collapse").sideNav(); $(".button-collapse").sideNav();
}); });
$(function(){ $(function () {
$(".build").slice(0, 6).show(); $(".build").slice(0, 6).show();
$("#load").click(function(e){ $("#load").click(function (e) {
e.preventDefault(); e.preventDefault();
$("div:hidden").slice(0, 6).show(); $("div:hidden").slice(0, 6).show();
if($("div:hidden").length == 0){ if ($("div:hidden").length == 0) {
$("#load").hide(); $("#load").hide();
} }
}); });
}); });

View file

@ -24,7 +24,9 @@
<title>Master Builders | TotalFreedom Minecraft Server</title> <title>Master Builders | TotalFreedom Minecraft Server</title>
<meta content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom" name="author"> <meta content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom" name="author">
<meta content="TF,minecraft,totalfreedom,free op,server,worldedit,freebuild" name="keywords"> <meta content="TF,minecraft,totalfreedom,free op,server,worldedit,freebuild" name="keywords">
<meta content="TotalFreedom is the first Free OP Minecraft server, which is up and running since 2012! play.totalfreedom.me" name="description"> <meta
content="TotalFreedom is the first Free OP Minecraft server, which is up and running since 2012! play.totalfreedom.me"
name="description">
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css" rel="stylesheet">
<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="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600" rel="stylesheet">
@ -40,9 +42,9 @@
<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 class="brand-logo" href="#header"> <a class="brand-logo" href="#header">
<span class="hide-on-med-and-down">TotalFreedom</span> <span class="hide-on-med-and-down">TotalFreedom</span>
<span class="show-on-med-and-down">Master Builders</span> <span class="show-on-med-and-down">Master Builders</span>
</a> </a>
<a class="button-collapse" data-activates="mobile" href="#"><i class="fa fa-bars"></i></a> <a class="button-collapse" data-activates="mobile" href="#"><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> <li>
@ -71,7 +73,8 @@
<br> <br>
<hr> <hr>
<br> <br>
<p id="note">These images may, or may not, have been built on Total Freedom but are made by/with at least one masterbuilder from Total Freedom. <p id="note">These images may, or may not, have been built on Total Freedom but are made by/with at least one
masterbuilder from Total Freedom.
</p> </p>
</div> </div>
<br> <br>
@ -81,53 +84,61 @@
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build1.jpg" target="_blank"><img class="responsive-img" src="assets/images/build1.jpg"></a> <a href="assets/images/build1.jpg" target="_blank"><img class="responsive-img"
src="assets/images/build1.jpg"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by miwojedk</p> <p>Made by miwojedk</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/tropical-island---timelapse/" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://www.planetminecraft.com/project/tropical-island---timelapse/" target="_blank"><button
class="waves-effect showmore" type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build2.jpg" target="_blank"><img class="responsive-img" src="assets/images/build2.jpg"></a> <a href="assets/images/build2.jpg" target="_blank"><img class="responsive-img"
src="assets/images/build2.jpg"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by miwojedk</p> <p>Made by miwojedk</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/the-valley-of-oysaria/" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://www.planetminecraft.com/project/the-valley-of-oysaria/" target="_blank"><button
class="waves-effect showmore" type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build3.jpg" target="_blank"><img class="responsive-img" src="assets/images/build3.jpg"></a> <a href="assets/images/build3.jpg" target="_blank"><img class="responsive-img"
src="assets/images/build3.jpg"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by miwojedk</p> <p>Made by miwojedk</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/tropical-island---timelapse/" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://www.planetminecraft.com/project/tropical-island---timelapse/" target="_blank"><button
class="waves-effect showmore" type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build4.jpg" target="_blank"><img class="responsive-img" src="assets/images/build4.jpg"></a> <a href="assets/images/build4.jpg" target="_blank"><img class="responsive-img"
src="assets/images/build4.jpg"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by miwojedk</p> <p>Made by miwojedk</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/cozy-medieval-cottage/" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://www.planetminecraft.com/project/cozy-medieval-cottage/" target="_blank"><button
class="waves-effect showmore" type="button">Show more</button></a>
</div> </div>
</div> </div>
</div> </div>
@ -136,82 +147,96 @@
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<span class="new badge red" data-badge-caption="SPECIAL"></span> <span class="new badge red" data-badge-caption="SPECIAL"></span>
<a href="assets/images/build5.jpg" target="_blank"><img class="responsive-img" src="assets/images/build5.jpg"></a> <a href="assets/images/build5.jpg" target="_blank"><img class="responsive-img"
src="assets/images/build5.jpg"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by miwojedk - this project won the #1 place on PlanetMinecraft Contest (Press "Show More" to see more information) <p>Made by miwojedk - this project won the #1 place on PlanetMinecraft Contest (Press "Show More" to see
more information)
</p> </p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/the-fallen-colossi-games-survival-games-entry-2178608/" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://www.planetminecraft.com/project/the-fallen-colossi-games-survival-games-entry-2178608/"
target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<span class="new badge red" data-badge-caption="SPECIAL"></span> <span class="new badge red" data-badge-caption="SPECIAL"></span>
<a href="assets/images/build6.jpg" target="_blank"><img class="responsive-img" src="assets/images/build6.jpg"></a> <a href="assets/images/build6.jpg" target="_blank"><img class="responsive-img"
src="assets/images/build6.jpg"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by miwojedk - this project won the #1 place on PlanetMinecraft Contest (Press "Show More" to see more information) <p>Made by miwojedk - this project won the #1 place on PlanetMinecraft Contest (Press "Show More" to see
more information)
</p> </p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/the-fallen-colossi-games-survival-games-entry-2178608/" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://www.planetminecraft.com/project/the-fallen-colossi-games-survival-games-entry-2178608/"
target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build7.png" target="_blank"><img class="responsive-img" src="assets/images/build7.png"></a> <a href="assets/images/build7.png" target="_blank"><img class="responsive-img"
src="assets/images/build7.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by Dusty01</p> <p>Made by Dusty01</p>
</div> </div>
</div> </div>
<div class="card-action build"> <div class="card-action build">
<a href="http://totalfreedom.boards.net/user/16464" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/16464" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build8.png" target="_blank"><img class="responsive-img" src="assets/images/build8.png"></a> <a href="assets/images/build8.png" target="_blank"><img class="responsive-img"
src="assets/images/build8.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by Dusty01</p> <p>Made by Dusty01</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16464" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/16464" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build9.png" target="_blank"><img class="responsive-img" src="assets/images/build9.png"></a> <a href="assets/images/build9.png" target="_blank"><img class="responsive-img"
src="assets/images/build9.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by Dusty01</p> <p>Made by Dusty01</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16464" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/16464" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build10.png" target="_blank"><img class="responsive-img" src="assets/images/build10.png"></a> <a href="assets/images/build10.png" target="_blank"><img class="responsive-img"
src="assets/images/build10.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by UYScutix</p> <p>Made by UYScutix</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16480" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/16480" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
</div> </div>
@ -219,53 +244,61 @@
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build11.png" target="_blank" target="_blank"><img class="responsive-img" src="assets/images/build11.png"></a> <a href="assets/images/build11.png" target="_blank" target="_blank"><img class="responsive-img"
src="assets/images/build11.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by UYScutix</p> <p>Made by UYScutix</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16480" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/16480" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build12.png" target="_blank"><img class="responsive-img" src="assets/images/build12.png"></a> <a href="assets/images/build12.png" target="_blank"><img class="responsive-img"
src="assets/images/build12.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by UYScutix</p> <p>Made by UYScutix</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16480" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/16480" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build13.png" target="_blank"><img class="responsive-img" src="assets/images/build13.png"></a> <a href="assets/images/build13.png" target="_blank"><img class="responsive-img"
src="assets/images/build13.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by UYScutix</p> <p>Made by UYScutix</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16480" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/16480" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build14.png" target="_blank"><img class="responsive-img" src="assets/images/build14.png"></a> <a href="assets/images/build14.png" target="_blank"><img class="responsive-img"
src="assets/images/build14.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by xfilez (Redstoner)</p> <p>Made by xfilez (Redstoner)</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/5473" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/5473" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
</div> </div>
@ -273,174 +306,200 @@
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build15.png" target="_blank"><img class="responsive-img" src="assets/images/build15.png"></a> <a href="assets/images/build15.png" target="_blank"><img class="responsive-img"
src="assets/images/build15.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by xfilez (Redstoner)</p> <p>Made by xfilez (Redstoner)</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/5473" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/5473" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build16.png" target="_blank"><img class="responsive-img" src="assets/images/build16.png"></a> <a href="assets/images/build16.png" target="_blank"><img class="responsive-img"
src="assets/images/build16.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by DDiS</p> <p>Made by DDiS</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/5476" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/5476" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build21.png" target="_blank"><img class="responsive-img" src="assets/images/build21.png"></a> <a href="assets/images/build21.png" target="_blank"><img class="responsive-img"
src="assets/images/build21.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by DisignusBlocks</p> <p>Made by DisignusBlocks</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/19057" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/19057" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build22.png" target="_blank"><img class="responsive-img" src="assets/images/build22.png"></a> <a href="assets/images/build22.png" target="_blank"><img class="responsive-img"
src="assets/images/build22.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by DisignusBlocks</p> <p>Made by DisignusBlocks</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/19057" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/19057" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build23.png" target="_blank"><img class="responsive-img" src="assets/images/build23.png"></a> <a href="assets/images/build23.png" target="_blank"><img class="responsive-img"
src="assets/images/build23.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by DisignusBlocks</p> <p>Made by DisignusBlocks</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/19057" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/19057" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build24.png" target="_blank"><img class="responsive-img" src="assets/images/build24.png"></a> <a href="assets/images/build24.png" target="_blank"><img class="responsive-img"
src="assets/images/build24.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by DisignusBlocks</p> <p>Made by DisignusBlocks</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/19057" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/19057" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build25.png" target="_blank"><img class="responsive-img" src="assets/images/build25.png"></a> <a href="assets/images/build25.png" target="_blank"><img class="responsive-img"
src="assets/images/build25.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by Nathaniel</p> <p>Made by Nathaniel</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/18920" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/18920" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build26.png" target="_blank"><img class="responsive-img" src="assets/images/build26.png"></a> <a href="assets/images/build26.png" target="_blank"><img class="responsive-img"
src="assets/images/build26.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by Nathaniel</p> <p>Made by Nathaniel</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/18920" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/18920" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build27.png" target="_blank"><img class="responsive-img" src="assets/images/build27.png"></a> <a href="assets/images/build27.png" target="_blank"><img class="responsive-img"
src="assets/images/build27.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by CaliburnS3 (Redstoner)</p> <p>Made by CaliburnS3 (Redstoner)</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/18956" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/18956" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build28.png" target="_blank"><img class="responsive-img" src="assets/images/build28.png"></a> <a href="assets/images/build28.png" target="_blank"><img class="responsive-img"
src="assets/images/build28.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by xfilez (Redstoner)</p> <p>Made by xfilez (Redstoner)</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/5473" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/5473" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build29.png" target="_blank"><img class="responsive-img" src="assets/images/build29.png"></a> <a href="assets/images/build29.png" target="_blank"><img class="responsive-img"
src="assets/images/build29.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by xfilez (Redstoner)</p> <p>Made by xfilez (Redstoner)</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/5473" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/5473" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6 build"> <div class="col s12 m12 l6 build">
<div class="card"> <div class="card">
<div class="card-image waves-effect waves-block"> <div class="card-image waves-effect waves-block">
<a href="assets/images/build30.png" target="_blank"><img class="responsive-img" src="assets/images/build30.png"></a> <a href="assets/images/build30.png" target="_blank"><img class="responsive-img"
src="assets/images/build30.png"></a>
</div> </div>
<div class="card-content"> <div class="card-content">
<p>Made by DragonSlayer2189 (Redstoner)</p> <p>Made by DragonSlayer2189 (Redstoner)</p>
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/23844" target="_blank"><button class="waves-effect showmore" type="button">Show more</button></a> <a href="http://totalfreedom.boards.net/user/23844" target="_blank"><button class="waves-effect showmore"
type="button">Show more</button></a>
</div> </div>
</div> </div>
<div class="center"> <div class="center">
<button class="waves-effect" type="button" id="load">Load More Builds</button> <button class="waves-effect" type="button" id="load">Load More Builds</button>
</div> </div>
</div> </div>
</div> </div>
<!-- END OF BUILDS --> <!-- END OF BUILDS -->
<h5>If you are masterbuilder, <a href="https://totalfreedom.boards.net/conversation/new/20408" target="_blank">send me your builds!</a></h5> <h5>If you are masterbuilder, <a href="https://totalfreedom.boards.net/conversation/new/20408" target="_blank">send me
<a class="top" href="#"><i class="fa fa-chevron-up icon"></i></a> your builds!</a></h5>
<a class="top" href="#"><i class="fa fa-chevron-up icon"></i></a>
</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 &copy; 2010 - <span id="curYear"></span> <hr> TotalFreedom &copy; 2010 - <span id="curYear"></span>
<a class="grey-text text-lighten-4 right" href="https://aggelosqq.com" target="_blank">Designed by aggelosQQ</a> <a class="grey-text text-lighten-4 right" href="https://aggelosqq.com" target="_blank">Designed by
aggelosQQ</a>
</div> </div>
</div> </div>
</div> </div>
@ -455,16 +514,16 @@
<script src="assets/js/builders.js"></script> <script src="assets/js/builders.js"></script>
<script> <script>
// All Json content is loaded respectively into #(item) // All Json content is loaded respectively into #(item)
var jsonUrl = "https://totalfreedom.me/tfinfo/"; var jsonUrl = "https://totalfreedom.me/tfinfo/";
var jsonContent = [ var jsonContent = [
"masterbuilders" "masterbuilders"
]; ];
$(document).ready(function() { $(document).ready(function () {
loadJson(jsonUrl, jsonContent); loadJson(jsonUrl, jsonContent);
}); });
</script> </script>
</body> </body>
</html> </html>

View file

@ -1,7 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<!-- <head>
<!--
Copyright 2017 Aggelos Sarris and contributors Copyright 2017 Aggelos Sarris and contributors
Licensed under the Apache License, Version 2.0 (the "License"); Licensed under the Apache License, Version 2.0 (the "License");
@ -17,78 +18,83 @@
limitations under the License. limitations under the License.
--> -->
<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>Staff | TotalFreedom Minecraft Server</title> <title>Staff | TotalFreedom Minecraft Server</title>
<meta name="author" content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom"> <meta name="author" content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom">
<meta name="kewords" content="TF,minecraft,totalfreedom,free op,server,worldedit,freebuild"> <meta name="kewords" 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 2010! play.totalfreedom.me"> <meta name="description"
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css"> content="TotalFreedom is the first Free OP Minecraft server, which is up and running since 2010! play.totalfreedom.me">
<link href="https://fonts.googleapis.com/css?family=Catamaran:200,300,400" rel="stylesheet"> <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=Raleway:100,200,300,400,500,600" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Catamaran:200,300,400" rel="stylesheet">
<link rel="stylesheet" href="/css/component.min.css"> <link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600" rel="stylesheet">
<link rel="stylesheet" href="/css/global.css"> <link rel="stylesheet" href="/css/component.min.css">
<link rel="stylesheet" href="/css/staff.css"> <link rel="stylesheet" href="/css/global.css">
<link async rel="icon" href="favicon.png" type="image/png"> <link rel="stylesheet" href="/css/staff.css">
<link async rel="shortcut icon" href="favicon.png" type="image/png"> <link async rel="icon" href="favicon.png" type="image/png">
</head> <link async rel="shortcut icon" href="favicon.png" type="image/png">
<body> </head>
<nav class="transparent z-depth-0" id="menu">
<div class="nav-wrapper z-depth-0"> <body>
<a href="#" id="brand-top" class="brand-logo"><span class="hide-on-med-and-down">TotalFreedom</span> Staff Members</a> <nav class="transparent z-depth-0" id="menu">
<a href="#" data-activates="mobile" class="button-collapse"><i class="fa fa-bars"></i></a> <div class="nav-wrapper z-depth-0">
<ul class="right hide-on-med-and-down cl-effect-14" id="cl-effect-14"> <a href="#" id="brand-top" class="brand-logo"><span class="hide-on-med-and-down">TotalFreedom</span> Staff
<li><a href="/">Back to Home</a></li> Members</a>
</ul> <a href="#" data-activates="mobile" class="button-collapse"><i class="fa fa-bars"></i></a>
<ul class="side-nav" id="mobile"> <ul class="right hide-on-med-and-down cl-effect-14" id="cl-effect-14">
<li><a href="/">Back to Home</a></li> <li><a href="/">Back to Home</a></li>
</ul> </ul>
</div> <ul class="side-nav" id="mobile">
</nav> <li><a href="/">Back to Home</a></li>
<br> </ul>
<div class="admins">
<h2 class="rank">TotalFreedom Developers</h2>
<ul id="developers"></ul>
<h2 class="rank">TotalFreedom Senior Admins</h2>
<ul id="senioradmins"></ul>
<h2 class="rank">TotalFreedom Telnet Admins</h2>
<ul id="telnetadmins"></ul>
<h2 class="rank">TotalFreedom Super Admins</h2>
<ul id="superadmins"></ul>
</div> </div>
<footer class="page-footer transparent"> </nav>
<div class="container"> <br>
<div class="footer-copyright"> <div class="admins">
<div class="container"> <h2 class="rank">TotalFreedom Developers</h2>
<hr> <ul id="developers"></ul>
TotalFreedom &copy; 2012 - <span id="curYear"></span>. <h2 class="rank">TotalFreedom Senior Admins</h2>
<a class="grey-text text-lighten-4 right" href="https://aggelosqq.github.io" target="_blank">Made by aggelosQQ</a> <ul id="senioradmins"></ul>
</div> <h2 class="rank">TotalFreedom Telnet Admins</h2>
<ul id="telnetadmins"></ul>
<h2 class="rank">TotalFreedom Super Admins</h2>
<ul id="superadmins"></ul>
</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://aggelosqq.github.io" target="_blank">Made by
aggelosQQ</a>
</div> </div>
</div> </div>
</footer> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> </footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="../js/typed.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/typed.js"></script>
<script src="../js/jquery.cookies.js"></script> <script src="../js/moment.js"></script>
<script src="../js/functions.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> <script src="../js/main.js"></script>
<script> <script src="https://use.fontawesome.com/cb2592f0cc.js"></script>
// All Json content is loaded respectively into #(item) <script>
var jsonUrl = "https://totalfreedom.me/tfinfo/"; // All Json content is loaded respectively into #(item)
var jsonContent = [ var jsonUrl = "https://totalfreedom.me/tfinfo/";
"developers", var jsonContent = [
"superadmins", "developers",
"telnetadmins", "superadmins",
"senioradmins" "telnetadmins",
]; "senioradmins"
];
$(document).ready(function() {
loadJson(jsonUrl, jsonContent); $(document).ready(function () {
}); loadJson(jsonUrl, jsonContent);
</script> });
</body> </script>
</body>
</html> </html>