Enhanced Master Builders

This commit is contained in:
aggelosQQ 2016-08-29 14:55:29 +03:00
parent 88be7795d5
commit 2f4c6b17a1
2 changed files with 153 additions and 161 deletions

View file

@ -74,4 +74,12 @@ hr {
} }
.custom-btn:hover, .custom-btn:focus { .custom-btn:hover, .custom-btn:focus {
background: rgba(50,50,50,0.6); background: rgba(50,50,50,0.6);
}
.masterbuilders-list li {
display: inline-block;
background: rgba(100,100,100,0.4);
color:#ccc;
padding: 10px;
cursor: pointer;
border-radius: 10%;
} }

View file

@ -1,179 +1,163 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head> <meta charset="utf-8">
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Master Builders | TotalFreedom Minecraft Server</title>
<title>Master Builders | 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 2012! play.totalfreedom.me">
<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://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<script src="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 src="https://use.fontawesome.com/cb2592f0cc.js"></script> <script src="assets/js/builders.js"></script>
<script src="assets/js/builders.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<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=Baloo+Tamma" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Baloo+Tamma" rel="stylesheet"> <link rel="stylesheet" href="assets/css/builders.css">
<link rel="stylesheet" href="assets/css/builders.css"> <link rel="stylesheet" href="../css/component.min.css">
<link rel="stylesheet" href="../css/component.min.css"> </head>
</head> <body>
<nav class="transparent z-depth-0" id="menu">
<body> <div class="nav-wrapper z-depth-0">
<nav class="transparent z-depth-0" id="menu">
<div class="nav-wrapper z-depth-0">
<a href="#header" class="brand-logo">TotalFreedom <span class="hide-on-med-and-down">Master Builders</span></small></a> <a href="#header" class="brand-logo">TotalFreedom <span class="hide-on-med-and-down">Master Builders</span></small></a>
<a href="#" data-activates="mobile" class="button-collapse"><i class="fa fa-bars"></i></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"> <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><a href="../index.html">Back to Home</a>
</li> </li>
</ul> </ul>
<ul class="side-nav" id="mobile"> <ul class="side-nav" id="mobile">
<li><a href="../index.html">Back to Home</a> <li><a href="../index.html">Back to Home</a>
</li> </li>
</ul> </ul>
</div> </div>
</nav> </nav>
<br> <br>
<h2 class="page-title hide-on-large-only">Master Builders</h2> <h2 class="page-title hide-on-large-only">Master Builders</h2>
<div class="container"> <div class="container">
<div class="header"> <div class="header">
<h4>Current Master Builders</h4>
<ul class="masterbuilders-list">
<li>DarkLynx108</li>
<li>miwojedk</li>
<li>UYScutix</li>
<li>xfilez</li>
<li>adamvandyck</li>
<li>Fluffasaurus_Rex</li>
<li>AcetoneAlligator</li>
<li>Dusty01</li>
</ul>
<br/>
<hr/>
<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> <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>
<a class="modal-trigger waves-effect btn custom-btn" href="#masterbuilders">Current Master builders</a> </div>
<div id="masterbuilders" class="modal modal-fixed-footer"> <br/>
<div class="modal-content"> <hr/>
<h4>Current Master Builders</h4> <br/>
<ul class="masterbuilders-list"> <div class="row">
<li>DarkLynx108</li>
<li>miwojedk</li>
<li>UYScutix</li>
<li>xfilez</li>
<li>adamvandyck</li>
<li>Fluffasaurus_Rex</li>
<li>AcetoneAlligator</li>
<li>Dusty01</li>
</ul>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect btn-flat ">Close</a>
</div>
</div>
</div>
<br/><hr/><br/>
<div class="row">
<div class="col s6"> <div class="col s6">
<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"> <a href="assets/images/build1.jpg" target="_blank">
<img src="assets/images/build1.jpg" class="responsive-img"> <img src="assets/images/build1.jpg" class="responsive-img">
</a> </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/"> <a href="http://www.planetminecraft.com/project/tropical-island---timelapse/">
<button type="button" class="waves-effect showmore">Show more</button> <button type="button" class="waves-effect showmore">Show more</button>
</a> </a>
</div> </div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build2.jpg" target="_blank">
<img src="assets/images/build2.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk</p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/the-valley-of-oysaria/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build3.jpg" target="_blank">
<img src="assets/images/build3.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk</p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/tropical-island---timelapse/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div> </div>
<div class="col s6"> <div class="col s6">
<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"> <a href="assets/images/build2.jpg" target="_blank">
<img src="assets/images/build4.jpg" class="responsive-img"> <img src="assets/images/build2.jpg" class="responsive-img">
</a> </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/"> <a href="http://www.planetminecraft.com/project/the-valley-of-oysaria/">
<button type="button" class="waves-effect showmore">Show more</button> <button type="button" class="waves-effect showmore">Show more</button>
</a> </a>
</div> </div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build3.jpg" target="_blank">
<img src="assets/images/build3.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk</p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/tropical-island---timelapse/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div>
<div class="col s6">
<div class="card">
<div class="card-image waves-effect waves-block">
<a href="assets/images/build4.jpg" target="_blank">
<img src="assets/images/build4.jpg" class="responsive-img">
</a>
</div>
<div class="card-content">
<p>Made by miwojedk</p>
</div>
</div>
<div class="card-action">
<a href="http://www.planetminecraft.com/project/cozy-medieval-cottage/">
<button type="button" class="waves-effect showmore">Show more</button>
</a>
</div>
</div> </div>
<div class="col s12"> <div class="col s12">
<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/build5.jpg" target="_blank"> <a href="assets/images/build5.jpg" target="_blank">
<img src="assets/images/build5.jpg" class="responsive-img"> <img src="assets/images/build5.jpg" class="responsive-img">
</a> </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> <p>Made by miwojedk - this project won the #1 place on PlanetMinecraft Contest (Press "Show More" to see more information) </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/"> <a href="http://www.planetminecraft.com/project/the-fallen-colossi-games-survival-games-entry-2178608/">
<button type="button" class="waves-effect showmore">Show more</button> <button type="button" class="waves-effect showmore">Show more</button>
</a> </a>
</div> </div>
</div> </div>
<div class="col s12"> <div class="col s12">
<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/build6.jpg" target="_blank"> <a href="assets/images/build6.jpg" target="_blank">
<img src="assets/images/build6.jpg" class="responsive-img"> <img src="assets/images/build6.jpg" class="responsive-img">
</a> </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> <p>Made by miwojedk - this project won the #1 place on PlanetMinecraft Contest (Press "Show More" to see more information) </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/"> <a href="http://www.planetminecraft.com/project/the-fallen-colossi-games-survival-games-entry-2178608/">
<button type="button" class="waves-effect showmore">Show more</button> <button type="button" class="waves-effect showmore">Show more</button>
</a> </a>
</div> </div>
</div> </div>
</div>
</div> </div>
</body>
</body>
</html> </html>