TotalFreedomMC/Website
1
0
Fork 0
mirror of https://github.com/TotalFreedomMC/Website.git synced 2024-09-28 20:33:04 +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 { .rest > li:hover {
transform: translateX(5px); transform: translateX(5px);
} }
.useful li { .useful a {
display: inline-block; display: inline-block;
font-size: 1.2em; font-size: 1.2em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -187,7 +187,7 @@ i.rules-icon:hover {
font-size: 2em; font-size: 2em;
margin-bottom: 10px; margin-bottom: 10px;
} }
.useful li:hover { .useful a:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
transform: translateY(-5px); transform: translateY(-5px);
@ -249,7 +249,9 @@ i.rules-icon:hover {
border-radius: 10px; border-radius: 10px;
background: rgba(230,230,230,0.3); 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) { @media only screen and (max-width: 768px) {
.cover-2 p, .cover-2 p,

60
index.html
View file

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