Added Website Files

This commit is contained in:
aggelosQQ 2016-08-26 20:01:25 +03:00 committed by GitHub
parent 23dfd9fde7
commit f5cc8cd36c
18 changed files with 771 additions and 0 deletions

2
css/component.min.css vendored Normal file

File diff suppressed because one or more lines are too long

1
css/jquery.fullPage.min.css vendored Normal file
View file

@ -0,0 +1 @@
.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.fp-controlArrow.fp-prev{left:5%;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent rgba(230, 230, 230, 0.6) transparent transparent;-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}.fp-controlArrow.fp-prev:hover{border-color:transparent rgba(255, 255, 255, 0.7) transparent transparent}.fp-controlArrow.fp-next{right:5%;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent rgba(230, 230, 230, 0.6);-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}.fp-controlArrow.fp-next:hover{border-color:transparent transparent transparent rgba(255, 255, 255, 0.7)}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0 !important}.fp-notransition{-webkit-transition:none !important;transition:none !important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0, 0, 0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial, helvetica, sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto !important}

218
css/main.css Normal file
View file

@ -0,0 +1,218 @@
* {
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;
text-align: left;
}
.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: 3.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(250,250,250,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.3em;
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 > li {
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 > li:hover {
background: rgba(100,100,100,0.3);
}
.admins ul {
text-align: center;
z-index: 101;
}
.admins li a {
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;
border: 2px solid rgba(255,255,255,0.6);
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(10px);
}
.useful li {
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 > li > a > i {
font-size: 2em;
margin-bottom: 10px;
}
.useful li:hover {
background: rgba(255,255,255,0.2);
color: rgb(255,255,255);
}
#note {
text-align: center;
color: #ccc;
border-radius: 150px;
padding: 15px;
z-index: 1;
}
#note h5 {
margin-bottom: -20px;
}
.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: 30px;
height: 30px;
float: left;
margin-right: 5px;
border-radius: 50%;
}

1
css/main.min.css vendored Normal file
View file

@ -0,0 +1 @@
.brand-logo,body{font-family:Catamaran,sans-serif}.admins ul,.cover-1,.cover-2,.cover-2 .slide,.rank,.rest>li>a{text-align:center}*{margin:0;padding:0}body{color:#fff;background:url(../images/cover-1.png) center no-repeat fixed;background-size:cover}.cover-1{font-size:1.5em;color:rgba(255,255,255,.4)}.button{padding:15px;background:rgba(255,255,255,.1);border-radius:65px;color:#c8c8c8;-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}.button:hover{padding:20px}.cover-2{background:url(../images/cover-2.png) center no-repeat fixed;background-size:cover}.cover-2 .slide{width:50%;margin:0 auto}.cover-2 h2,.cover-2 p{width:50%;margin:auto}.cover-2 p{font-size:1.2em}.section-title{font-size:4em;color:rgba(255,255,255,.9)}#rules-title{font-size:3em}.cover-3{background:url(../images/cover-3.png) no-repeat fixed;background-size:cover}.cover-3 .section-title{text-align:center;margin-top:-220px}.admins>ul>li{display:inline-block;padding:10px;margin:5px;background:rgba(0,0,0,.3)}.admins li a{color:rgba(255,255,255,.5);font-size:1.2em}.rank{font-size:2em}.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:2px solid rgba(255,255,255,.6);padding:10px;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}

4
css/staff.css Normal file
View file

@ -0,0 +1,4 @@
* { margin: 0; padding: 0; height: 100%;}
body {
margin-bottom: 80px;
}

BIN
favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 318 B

BIN
images/aggelosqq.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 412 B

BIN
images/cover-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 395 KiB

BIN
images/cover-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 503 KiB

BIN
images/cover-3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 523 KiB

BIN
images/markbyron.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 B

157
index.html Normal file
View file

@ -0,0 +1,157 @@
<!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="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 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/fullPage.js/2.8.3/jquery.fullPage.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/admins.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 rel="stylesheet" href="css/jquery.fullPage.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">
<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 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="http://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="http://totalfreedom.boards.net">Forum</a></li>
</ul>
</div>
</nav>
</div>
<div class="section active cover-1" id="header">
<h3 id="status"> <span id="online" ></span></h3>
<a href="http://play.totalfreedom.me:28966/list" target="_blank" class="button">Online Players</a>
</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">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 way 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 judgement, and remember that other people are on here to have fun also.</p>
</div>
<div class="rules-section">
<h2 id="rules-title" class="two">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">
<h2 id="rules-title" class="three">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 that someone to teleport to you, rather than forcefully teleporting them.
</p>
</div>
<div class="rules-section">
<h2 id="rules-title" class="four">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">
<h2 id="rules-title" class="five">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 in which case a PM will be sent by the super admin to the owner.</p>
</div>
<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">
<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">
<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">
<h2 class="rank">TotalFreedom Executives</h2>
<ul id="executiveboard">
<li><a href="http://www.twitter.com/totalfreedommc" target="_blank"><img src="images/markbyron.png" class="responsive-img head-icon">MarkByron - Owner & Founder</a></li>
<li><a href="http://www.twitter.com/JeromSar" target="_blank"><img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza - Executive Lead Dev</a></li>
<li><a href="http://www.twitter.com/Fiinest95" target="_blank"><img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager</a></li>
<li><a href="#" target="_blank"><img src="https://minotar.net/avatar/inFamas97/80.png" class="responsive-img head-icon">inFAmas97 - Executive Admin</a></li>
<li><a href="#" target="_blank"><img src="https://minotar.net/avatar/DarkLynx108/80.png" class="responsive-img head-icon">DarkLynx108 - Creative Designer</a></li>
<li><a href="#" target="_blank"><img src="https://minotar.net/avatar/_Windows/80.png" class="responsive-img head-icon">_Windows - Security Officer</a></li>
<li><a href="https://twitter.com/cowgomooo12" target="_blank"><img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12 - Executive Admin</a></li>
<li><a href="#" target="_blank"><img src="https://minotar.net/avatar/wisemagick1/80.png" class="responsive-img head-icon">wisemagick1 - Evangelist</a></li>
<li><a href="http://www.twitter.com/WickedGamingUK" target="_blank"><img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK - Executive Admin</a></li>
<li><a href="http://www.twitter.com/maloukos1" target="_blank"><img src="images/aggelosqq.png" class="responsive-img head-icon">aggelosQQ - Webmaster</a></li>
</ul>
<h2 class="rank">Forum Moderators</h2>
<ul id="modboard">
<li><a href="https://www.twitter.com/fiinest95" target="_blank"><img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager</a></li>
<li><a href="https://www.twitter.com/totalfreedommc" target="_blank"><img src="images/markbyron.png" class="responsive-img head-icon">MarkByron</a></li>
<li><a href="https://www.twitter.com/JeromSar" target="_blank"><img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza</a></li>
<li><a href="https://www.twitter.com/wickedgaminguk" target="_blank"><img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK</a></li>
<li><a href="https://twitter.com/cowgomooo12" target="_blank"><img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12</a></li>
<li><a href="htttps://twitter.com/OliverDatGuy" target="_blank"><img src="https://minotar.net/avatar/OliverDatGuy/80.png" class="responsive-img head-icon">OliverDatGuy</a></li>
<li><a href="#" target="_blank"><img src="https://minotar.net/avatar/inFAmas97/80.png" class="responsive-img head-icon">inFAmas97</a></li>
</ul>
<div class="container">
<ul class="rest">
<li><a href="staff/index.html" class="readmore">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">
<li><a href="http://totalfreedom.boards.net" target="_blank" class="readmore"><i class="fa fa-comments icon"></i><br/> Forum</a></li>
<li><a href="http://totalfreedom.boards.net/thread/21065/server-conduct-policy-players-admins" target="_blank" class="readmore"><i class="fa fa-ban icon"></i><br/> Conduct Policy</i></a></li>
</ul>
</div>
</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="http://unraveledmc.com">Made by aggelosQQ</a>
</div>
</div>
</div>
<span id="note"><h5>Under Development</h5><br/><h6>Post any bug you find <a href="http://totalfreedom.boards.net/thread/44199/totalfreedom-finally-revamped-beta-release" target="_blank">here</h6></span>
</footer>
</div>
</div>
</body>
</html>

25
js/admins.js Normal file
View file

@ -0,0 +1,25 @@
var parseArray = function (array, type) {
var result = "";
if (type == "developers") {
for (var i in array) {
var append = " - ";
if (array[i] == "Madgeek1450") {
append += "TFM Creator";
} else if (array[i] == "Prozza") {
append += "Lead Developer";
} else {
append += "Developer";
}
result += "<li><a href=\"#\">" + array[i] + append + "</a></li>"
}
} else {
for (var i in array) {
result += "<li><a href=\"#\">" + array[i] + "</a></li>"
}
}
return result;
};

183
js/functions.js Normal file
View file

@ -0,0 +1,183 @@
var log = function (message, level) {
level = level || "INFO";
var time = moment().format("DD MMM HH:mm:ss");
console.log(time + " [" + level.toUpperCase() + "] " + message);
};
log("Scripts loaded");
var staticLoaded = 0;
var jsonLoaded = 0;
var playerCount = 0;
var errorMsg = "Error loading content!";
var loadStatic = function (contentArray) {
for (var i = 0; i < contentArray.length; i++) {
getStatic(contentArray[i], contentArray.length);
}
setTimeout(function() {
log(staticLoaded + "/" + contentArray.length + " static items loaded");
staticLoaded = 0;
}, 3000);
};
var getStatic = function (contentPath, totalLength) {
var name = "#" + contentPath.replace("statics/", "").replace(".html", "");
// Async ajax request
$.get(contentPath, function (data) {
$(name).html(data);
staticLoaded += 1;
log("(STATIC " + staticLoaded + ") Loaded " + contentPath);
})
// Error handling
.error(function() {
log("Error loading " + contentPath + "!", "WARN");
$(name).html(errorMsg);
});
};
var loadJson = function(jsonUrl, jsonContent) {
getJson(jsonUrl, function (data) {
if (data["usingCachedData"]) {
updateOnline(false);
} else {
updateOnline(true);
}
updateJsonItems(data);
// If items are missing, don't store in cache
if (jsonContent.length > data.length) {
log("JSON data incomplete, not storing in cache!", "WARN");
return;
}
$.cookies.set("jsondata", data, {expiresAt: moment().add('days', 15).toDate()});
log("Updated JSON data cache");
}, function (error) {
updateOnline(false);
log("Error loading " + jsonUrl + "!", "WARN");
var data = $.cookies.get("jsondata");
// No cache
if (data == null) {
log("No cached JSON items found!", "WARN");
for (var i in jsonContent) {
$("#" + jsonContent[i]).html(errorMsg);
}
return;
}
log("Loading JSON items from cache...", "WARN");
// Load from cache
updateJsonItems(data);
});
setTimeout(function() {
log(jsonLoaded + "/" + jsonContent.length + " JSON items loaded");
jsonLoaded = 0;
}, 3000);
};
var getJson = function (url, successHandler, errorHandler) { // http://mathiasbynens.be/notes/xhr-responsetype-json
if (!url) {
return;
}
successHandler = successHandler || function () {};
errorHandler = errorHandler || function () {};
var xhr = typeof XMLHttpRequest != 'undefined' ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
xhr.open('get', url, true);
xhr.onreadystatechange = function () {
var data;
if (xhr.readyState != 4) { // 4 = done
return;
}
if (xhr.status != 200) {
return;
}
data = JSON.parse (xhr.responseText);
successHandler(data);
};
xhr.onerror = function () {
errorHandler(9001);
};
xhr.timeout = 2500;
xhr.ontimeout = function () {
errorHandler(9001);
};
xhr.send();
};
var updateJsonItems = function (data) {
for (var i in jsonContent) {
var current = jsonContent[i];
var names = data[current];
if (names == null || names.length == 0) {
log("Error loading " + current + "!", "WARN");
$("#" + current).html(errorMsg);
continue;
}
$("#" + current).html(parseArray(names, current));
jsonLoaded += 1;
log("(JSON " + jsonLoaded + ") Loaded " + current);
}
};
var parseArray = function (array, type) {
var result = "";
if (type == "developers") {
for (var i in array) {
var append = " - ";
if (array[i] == "Madgeek1450") {
append += "TFM Creator";
} else if (array[i] == "DarthSalamon") {
append += "Lead Developer";
} else {
append += "Developer";
}
result += "<li><a href=\"#\">" + array[i] + append + "</a></li>"
}
} else {
for (var i in array) {
result += "<li><a href=\"#\">" + array[i] + "</a></li>"
}
}
return result;
};
var updateOnline = function(online) {
if(online) {
$('#status').html("The server is <font color='Green'>Online</font>!");
} else {
$('#status').html("The server is <font color='Red'>Offline</font> :/");
}
};

18
js/jquery.cookies.js Normal file
View file

@ -0,0 +1,18 @@
/**
* Copyright (c) 2005 - 2010, James Auldridge
* All rights reserved.
*
* Licensed under the BSD, MIT, and GPL (your choice!) Licenses:
* http://code.google.com/p/cookies/wiki/License
*
*/
var jaaulde=window.jaaulde||{};jaaulde.utils=jaaulde.utils||{};jaaulde.utils.cookies=(function(){var resolveOptions,assembleOptionsString,parseCookies,constructor,defaultOptions={expiresAt:null,path:'/',domain:null,secure:false};resolveOptions=function(options){var returnValue,expireDate;if(typeof options!=='object'||options===null){returnValue=defaultOptions;}else
{returnValue={expiresAt:defaultOptions.expiresAt,path:defaultOptions.path,domain:defaultOptions.domain,secure:defaultOptions.secure};if(typeof options.expiresAt==='object'&&options.expiresAt instanceof Date){returnValue.expiresAt=options.expiresAt;}else if(typeof options.hoursToLive==='number'&&options.hoursToLive!==0){expireDate=new Date();expireDate.setTime(expireDate.getTime()+(options.hoursToLive*60*60*1000));returnValue.expiresAt=expireDate;}if(typeof options.path==='string'&&options.path!==''){returnValue.path=options.path;}if(typeof options.domain==='string'&&options.domain!==''){returnValue.domain=options.domain;}if(options.secure===true){returnValue.secure=options.secure;}}return returnValue;};assembleOptionsString=function(options){options=resolveOptions(options);return((typeof options.expiresAt==='object'&&options.expiresAt instanceof Date?'; expires='+options.expiresAt.toGMTString():'')+'; path='+options.path+(typeof options.domain==='string'?'; domain='+options.domain:'')+(options.secure===true?'; secure':''));};parseCookies=function(){var cookies={},i,pair,name,value,separated=document.cookie.split(';'),unparsedValue;for(i=0;i<separated.length;i=i+1){pair=separated[i].split('=');name=pair[0].replace(/^\s*/,'').replace(/\s*$/,'');try
{value=decodeURIComponent(pair[1]);}catch(e1){value=pair[1];}if(typeof JSON==='object'&&JSON!==null&&typeof JSON.parse==='function'){try
{unparsedValue=value;value=JSON.parse(value);}catch(e2){value=unparsedValue;}}cookies[name]=value;}return cookies;};constructor=function(){};constructor.prototype.get=function(cookieName){var returnValue,item,cookies=parseCookies();if(typeof cookieName==='string'){returnValue=(typeof cookies[cookieName]!=='undefined')?cookies[cookieName]:null;}else if(typeof cookieName==='object'&&cookieName!==null){returnValue={};for(item in cookieName){if(typeof cookies[cookieName[item]]!=='undefined'){returnValue[cookieName[item]]=cookies[cookieName[item]];}else
{returnValue[cookieName[item]]=null;}}}else
{returnValue=cookies;}return returnValue;};constructor.prototype.filter=function(cookieNameRegExp){var cookieName,returnValue={},cookies=parseCookies();if(typeof cookieNameRegExp==='string'){cookieNameRegExp=new RegExp(cookieNameRegExp);}for(cookieName in cookies){if(cookieName.match(cookieNameRegExp)){returnValue[cookieName]=cookies[cookieName];}}return returnValue;};constructor.prototype.set=function(cookieName,value,options){if(typeof options!=='object'||options===null){options={};}if(typeof value==='undefined'||value===null){value='';options.hoursToLive=-8760;}else if(typeof value!=='string'){if(typeof JSON==='object'&&JSON!==null&&typeof JSON.stringify==='function'){value=JSON.stringify(value);}else
{throw new Error('cookies.set() received non-string value and could not serialize.');}}var optionsString=assembleOptionsString(options);document.cookie=cookieName+'='+encodeURIComponent(value)+optionsString;};constructor.prototype.del=function(cookieName,options){var allCookies={},name;if(typeof options!=='object'||options===null){options={};}if(typeof cookieName==='boolean'&&cookieName===true){allCookies=this.get();}else if(typeof cookieName==='string'){allCookies[cookieName]=true;}for(name in allCookies){if(typeof name==='string'&&name!==''){this.set(name,null,options);}}};constructor.prototype.test=function(){var returnValue=false,testName='cT',testValue='data';this.set(testName,testValue);if(this.get(testName)===testValue){this.del(testName);returnValue=true;}return returnValue;};constructor.prototype.setOptions=function(options){if(typeof options!=='object'){options=null;}defaultOptions=resolveOptions(options);};return new constructor();})();(function(){if(window.jQuery){(function($){$.cookies=jaaulde.utils.cookies;var extensions={cookify:function(options){return this.each(function(){var i,nameAttrs=['name','id'],name,$this=$(this),value;for(i in nameAttrs){if(!isNaN(i)){name=$this.attr(nameAttrs[i]);if(typeof name==='string'&&name!==''){if($this.is(':checkbox, :radio')){if($this.attr('checked')){value=$this.val();}}else if($this.is(':input')){value=$this.val();}else
{value=$this.html();}if(typeof value!=='string'||value===''){value=null;}$.cookies.set(name,value,options);break;}}}});},cookieFill:function(){return this.each(function(){var n,getN,nameAttrs=['name','id'],name,$this=$(this),value;getN=function(){n=nameAttrs.pop();return!!n;};while(getN()){name=$this.attr(n);if(typeof name==='string'&&name!==''){value=$.cookies.get(name);if(value!==null){if($this.is(':checkbox, :radio')){if($this.val()===value){$this.attr('checked','checked');}else
{$this.removeAttr('checked');}}else if($this.is(':input')){$this.val(value);}else
{$this.html(value);}}break;}}});},cookieBind:function(options){return this.each(function(){var $this=$(this);$this.cookieFill().change(function(){$this.cookify(options);});});}};$.each(extensions,function(i){$.fn[i]=this;});})(window.jQuery);}})();

88
js/main.js Normal file
View file

@ -0,0 +1,88 @@
$(document).ready(function() {
$(".button-collapse").sideNav();
// $('#fullpage').fullpage({
// menu: '#menu',
// navigation: true,
// anchors:['header', 'rules', 'staff'],
// fixedElements: '#menu',
// slidesNavigation: true,
// slidesNavPosition: 'top',
// scrollBar: false,
// verticalCentered: true,
// navigationTooltips: ['Home', 'Rules','Staff'],
// paddingTop: '30px',
// paddingBottom: '10px',
// autoScrolling: false,
// scrollingSpeed: 700,
// fitToSection: false
// });
var interval = 15000;
var autoRefresh = setTimeout(function() {
refresh();
},
interval);
var refresh = function() {
$.getJSON("http://us.mc-api.net/v3/server/info/play.totalfreedom.me:28965", function(json) {
if (json.online !== true) {
$("#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 + '/' + json.players.max + '</font> players online!');
$('.button').show();
}
});
autoRefresh;
}
refresh();
});
$(document).ready(function() {
var currentYear = (new Date).getFullYear();
$("#curYear").text((new Date).getFullYear());
});
$(document).ready(function() {
$('.one').click(function() {
$('.a').fadeToggle("slow");
$(".one i").toggleClass('fa-chevron-right', 1000);
$(".one i").toggleClass('fa-chevron-down', 1000);
});
$('.two').click(function() {
$('.b').fadeToggle("slow");
$(".two i").toggleClass('fa-chevron-right');
$(".two i").toggleClass('fa-chevron-down');
});
$('.three').click(function() {
$('.c').fadeToggle("slow");
$(".three i").toggleClass('fa-chevron-right');
$(".three i").toggleClass('fa-chevron-down');
});
$('.four').click(function() {
$('.d').fadeToggle("slow");
$(".four i").toggleClass('fa-chevron-right');
$(".four i").toggleClass('fa-chevron-down');
});
$('.five').click(function() {
$('.e').fadeToggle("slow");
$(".five i").toggleClass('fa-chevron-right');
$(".five i").toggleClass('fa-chevron-down');
});
$('.six').click(function() {
$('.f').fadeToggle("slow");
$(".six i").toggleClass('fa-chevron-right');
$(".six i").toggleClass('fa-chevron-down');
});
$('.seven').click(function() {
$('.g').fadeToggle("slow");
$(".seven i").toggleClass('fa-chevron-right');
$(".seven i").toggleClass('fa-chevron-down');
});
$('.eight').click(function() {
$('.h').fadeToggle("slow");
$(".eight i").toggleClass('fa-chevron-right');
$(".eight i").toggleClass('fa-chevron-down');
});
});

6
js/moment.js Normal file

File diff suppressed because one or more lines are too long

68
staff.html Normal file
View file

@ -0,0 +1,68 @@
<!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>Staff | TotalFreedom Minecraft Server</title>
<meta name="author" content="aggelosQQ, markbyron, DarthSalamon, Madgeek1450, TotalFreedom">
<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 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/fullPage.js/2.8.3/jquery.fullPage.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/functions.js"></script>
<script src="js/admins.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 rel="stylesheet" href="css/jquery.fullPage.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">
<script>
// All Json content is loaded respectively into #(item)
var jsonUrl = "http://madgeekonline.com/tfinfo/";
var jsonContent = [
"developers",
"superadmins",
"telnetadmins",
"senioradmins"
];
$(document).ready(function() {
loadJson(jsonUrl, jsonContent);
});
</script>
</head>
<body>
<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>TotalFreedom Staff</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="index.html">Back to Home</a></li>
</ul>
<ul class="side-nav" id="mobile">
<li><a href="index.html">Back to Home</a></li>
</ul>
</div>
</nav>
</div>
<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>
</body>
</html>