TotalFreedomMC/Website
1
0
Fork 0
mirror of https://github.com/TotalFreedomMC/Website.git synced 2024-09-28 12:23:03 +00:00
Code Issues Projects Releases Wiki Activity

Enhanced clicking effects

Browse source
This commit is contained in:
aggelosQQ 2016-10-15 08:46:10 +03:00
parent e713a517cc
commit 22aa75f029
2 changed files with 35 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/main.css
View file

@ -165,7 +165,7 @@ i.rules-icon:hover {
.rest > li:hover {
transform: translateX(5px);
}
.useful li {
.useful a {
display: inline-block;
font-size: 1.2em;
color: rgba(255, 255, 255, 0.6);
@ -187,7 +187,7 @@ i.rules-icon:hover {
font-size: 2em;
margin-bottom: 10px;
}
.useful li:hover {
.useful a:hover {
background: rgba(255, 255, 255, 0.2);
color: rgb(255, 255, 255);
transform: translateY(-5px);
@ -249,7 +249,9 @@ i.rules-icon:hover {
border-radius: 10px;
background: rgba(230,230,230,0.3);
}
.waves-effect.waves-brown .waves-ripple {
background-color: rgba(230,230,230, 0.3);
}
@media only screen and (max-width: 768px) {
.cover-2 p,

60
index.html
View file

@ -77,37 +77,37 @@
<ul id="players"></ul>
</div>
<div class="modal-footer">
<a href="#!" class=" modal-action modal-close btn-flat">Close</a>
<a href="#!" class=" modal-action modal-close btn-flat waves-effect waves-dark">Close</a>
</div>
</div>
</div>
<div class="section cover-2" id="rules">
<h1 class="section-title">TotalFreedom Rules</h1>
<div class="rules-section">
<h2 id="rules-title" class="one">No Griefing <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<h2 id="rules-title" class="one waves-effect waves-brown">No Griefing <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<p class="rule a">Do not grief the server. There are many ways to do that, but the most common are to intentionally crash the server, lag the server, destroy or damage the spawn, destroy or damage other player's builds, erase warp points, PVP without agreement
of other players, chat spamming, and so forth.<br> Use your best judgment, and remember that other people are on here to have fun also.</p>
</div>
<div class="rules-section">
<h2 id="rules-title" class="two">No Posing <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<h2 id="rules-title" class="two waves-effect waves-brown">No Posing <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<p class="rule b">Do not pose as the server owner (markbyron) and do not pose as an admin or one of the other regular players that use Total Freedom. By posing, that means using a program such as MinecraftSP or otherwise changing your nick. Posing to change
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>
<h2 id="rules-title" class="three waves-effect waves-brown">Respect Privacy <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<p class="rule c">Respect the "Total Freedom" of other players. Do not be a pest or a nuisance to others, and respect their privacy. Do not "help" with builds if people do not want you to, and do not teleport someone without their permission. It is best to
use /tpahere to request for someone to teleport to you, rather than forcefully teleporting them.
</p>
</div>
<div class="rules-section">
<h2 id="rules-title" class="four">Respect others <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<h2 id="rules-title" class="four waves-effect waves-brown">Respect others <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<p class="rule d">Do not engage in personal attacks on other players/admins and take all personal disputes off the server. If you don't like a particular player, feel more than free to use the ignore command on them but personal wars on the server won't be
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>
<h2 id="rules-title" class="five waves-effect waves-brown">Adhere to Authority <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<p class="rule e">Do not override the actions of the server owner (markbyron) or other admins. For example, if an admin de-ops or bans a player for griefing, you may not re-op or pardon them without permission. Super admins will follow the directions of senior
admins with respect to any admin matter unless it violates server rules. If it violates the rules, the admin will notify the proper authority.</p>
</div>
@ -136,70 +136,70 @@
<div class="admins">
<h2 class="rank">TotalFreedom Executives</h2>
<ul id="executiveboard">
<a href="http://www.twitter.com/totalfreedommc" target="_blank"><li>
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark"><li>
<img src="images/markbyron.png" class="responsive-img head-icon">MarkByron - Owner & Founder
</li></a>
<a href="http://www.twitter.com/JeromSar" target="_blank"><li>
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza - Executive Lead Dev
</li></a>
<a href="http://www.twitter.com/Fiinest95" target="_blank"><li>
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager
</li></a>
<a href="https://www.twitter.com/wickedgaminguk" target="_blank"><li>
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK - Server Liaison
</li></a>
<a href="http://totalfreedom.boards.net/user/246" target="_blank"><li>
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/inFamas97/80.png" class="responsive-img head-icon">inFAmas97 - Executive Admin
</li></a>
<a href="http://totalfreedom.boards.net/user/47" target="_blank"><li>
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh - Executive Admin
</li></a>
<a href="https://twitter.com/cowgomooo12" target="_blank"><li>
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12 - Executive Admin
</li></a>
<a href="http://totalfreedom.boards.net/user/3448" target="_blank"><li>
<a href="http://totalfreedom.boards.net/user/3448" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/_Windows/80.png" class="responsive-img head-icon">_Windows - Security Officer
</li></a>
<a href="http://totalfreedom.boards.net/user/16323" target="_blank"><li>
<a href="http://totalfreedom.boards.net/user/16323" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/DarkLynx108/80.png" class="responsive-img head-icon">DarkLynx108 - Creative Designer
</li></a>
<a href="http://totalfreedom.boards.net/user/916" target="_blank"><li>
<a href="http://totalfreedom.boards.net/user/916" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/wisemagick1/80.png" class="responsive-img head-icon">wisemagick1 - Evangelist
</li></a>
<a href="http://www.twitter.com/maloukos1" target="_blank"><li>
<a href="http://www.twitter.com/maloukos1" target="_blank" class="waves-effect waves-dark"><li>
<img src="images/aggelosqq.png" class="responsive-img head-icon">aggelosQQ - Webmaster
</li></a>
</ul>
<h2 class="rank">Global Forum Moderators</h2>
<ul id="modboard">
<a href="http://www.twitter.com/Fiinest95" target="_blank"><li>
<a href="http://www.twitter.com/Fiinest95" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/Finest95/80.png" class="responsive-img head-icon">Finest95 - Forum Owner & Manager
</li></a>
<a href="http://www.twitter.com/totalfreedommc" target="_blank"><li>
<a href="http://www.twitter.com/totalfreedommc" target="_blank" class="waves-effect waves-dark"><li>
<img src="images/markbyron.png" class="responsive-img head-icon">MarkByron
</li></a>
<a href="http://www.twitter.com/JeromSar" target="_blank"><li>
<a href="http://www.twitter.com/JeromSar" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/Prozza/80.png" class="responsive-img head-icon">Prozza
</li></a>
<a href="https://www.twitter.com/wickedgaminguk" target="_blank"><li>
<a href="https://www.twitter.com/wickedgaminguk" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/WickedGamingUK/80.png" class="responsive-img head-icon">WickedGamingUK
</li>
<a href="https://twitter.com/cowgomooo12" target="_blank"><li>
<a href="https://twitter.com/cowgomooo12" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/cowgomooo12/80.png" class="responsive-img head-icon">Cowgomooo12
</li></a>
<a href="htttps://twitter.com/OliverDatGuy" target="_blank"><li>
<a href="htttps://twitter.com/OliverDatGuy" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/OliverDatGuy/80.png" class="responsive-img head-icon">OliverDatGuy
</li>
<a href="http://totalfreedom.boards.net/user/246" target="_blank"><li>
<a href="http://totalfreedom.boards.net/user/246" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/inFAmas97/80.png" class="responsive-img head-icon">inFAmas97
</li></a>
<a href="http://totalfreedom.boards.net/user/47" target="_blank"><li>
<a href="http://totalfreedom.boards.net/user/47" target="_blank" class="waves-effect waves-dark"><li>
<img src="https://minotar.net/avatar/EnderLolzeh/80.png" class="responsive-img head-icon">EnderLolzeh
</li></a>
</ul>
<div class="container">
<ul class="rest">
<li><a href="staff.html" class="readmore">See the rest of the staff <i class="fa fa-arrow-right"></i></a></li>
<li><a href="staff.html" class="readmore waves-effect waves-light">See the rest of the staff <i class="fa fa-arrow-right"></i></a></li>
<br/>
</ul>
<br/>
@ -207,16 +207,16 @@
<br/>
<h3 style="text-align: center;">Useful Links</h3>
<ul class="useful">
<a href="http://totalfreedom.boards.net" target="_blank" class="readmore">
<a href="http://totalfreedom.boards.net" target="_blank" class="readmore waves-effect waves-dark">
<li><i class="fa fa-comments icon"></i><br/> Forum</li>
</a>
<a href="http://totalfreedom.boards.net/thread/21065/server-conduct-policy-players-admins" target="_blank" class="readmore">
<a href="http://totalfreedom.boards.net/thread/21065/server-conduct-policy-players-admins" target="_blank" class="readmore waves-effect waves-dark">
<li><i class="fa fa-ban icon"></i><br/> Conduct Policy</li>
</a>
<a href="http://github.com/TotalFreedom" target="_blank" class="readmore">
<a href="http://github.com/TotalFreedom" target="_blank" class="readmore waves-effect waves-dark">
<li><i class="fa fa-github icon"></i><br/>Github</li>
</a>
<a href="https://twitter.com/totalfreedommc" target="_blank" class="readmore">
<a href="https://twitter.com/totalfreedommc" target="_blank" class="readmore waves-effect waves-dark">
<li><i class="fa fa-twitter icon"></i><br/> Twitter</li>
</a>
</ul>