Enhanced the Masterbuilder pages

This commit is contained in:
aggelosQQ 2017-07-06 16:03:03 +03:00
parent 75b06afab0
commit 24c06cc7cc
4 changed files with 43 additions and 26 deletions

View file

@ -83,4 +83,5 @@ h2 {
border-radius: 0; border-radius: 0;
font-size: 1.2em; } font-size: 1.2em; }
nav .brand-logo { nav .brand-logo {
margin-top: 13.5px;
font-size: 1.6em; } } font-size: 1.6em; } }

View file

@ -147,6 +147,13 @@ hr {
color: rgba(178, 34, 34, 1); color: rgba(178, 34, 34, 1);
} }
.brand-logo {
font-size: 'Raleway', sans-serif;
font-size: 2em;
font-weight: 200;
margin-top: 0px;
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.header { .header {
padding: 5px; padding: 5px;
@ -158,4 +165,8 @@ hr {
button { button {
width: 95%; width: 95%;
} }
nav .brand-logo {
margin-top: 13.5px;
font-size: 1.6em;
}
} }

View file

@ -21,13 +21,9 @@
<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" <meta content="TotalFreedom is the first Free OP Minecraft server, which is up and running since 2012! play.totalfreedom.me"
name="description"> name="description">
<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://use.fontawesome.com/cb2592f0cc.js"></script>
<script src="../js/main.js"></script>
<script src="assets/js/builders.js"></script>
<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="assets/css/builders.css" rel="stylesheet"> <link href="assets/css/builders.css" rel="stylesheet">
<link href="../css/component.min.css" rel="stylesheet"> <link href="../css/component.min.css" rel="stylesheet">
<link rel="stylesheet" href="../css/global.css"> <link rel="stylesheet" href="../css/global.css">
@ -36,7 +32,11 @@
<body> <body>
<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">TotalFreedom <span class="hide-on-med-and-down">Master Builders</span></a> <a class="button-collapse" data-activates="mobile" href="#"><i class="fa fa-bars"></i></a> <a class="brand-logo" href="#header">
<span class="hide-on-med-and-down">TotalFreedom</span>
<span class="show-on-med-and-down">Master Builders</span>
</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>
<a href="../index.html">Back to Home</a> <a href="../index.html">Back to Home</a>
@ -55,7 +55,7 @@
</ul> </ul>
</div> </div>
</nav><br> </nav><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> <h4>Current Master Builders</h4>
@ -115,7 +115,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/tropical-island---timelapse/"><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"> <div class="col s12 m12 l6">
@ -128,7 +128,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/the-valley-of-oysaria/"><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"> <div class="col s12 m12 l6">
@ -141,7 +141,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/tropical-island---timelapse/"><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"> <div class="col s12 m12 l6">
@ -154,7 +154,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://www.planetminecraft.com/project/cozy-medieval-cottage/"><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>
@ -171,8 +171,7 @@
</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/"><button class="waves-effect showmore" type= <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>
"button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6"> <div class="col s12 m12 l6">
@ -187,8 +186,7 @@
</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/"><button class="waves-effect showmore" type= <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>
"button">Show more</button></a>
</div> </div>
</div> </div>
<div class="col s12 m12 l6"> <div class="col s12 m12 l6">
@ -201,7 +199,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16464"><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"> <div class="col s12 m12 l6">
@ -214,7 +212,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16464"><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"> <div class="col s12 m12 l6">
@ -227,7 +225,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16464"><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"> <div class="col s12 m12 l6">
@ -240,7 +238,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16480"><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>
@ -248,14 +246,14 @@
<div class="col s12 m12 l6"> <div class="col s12 m12 l6">
<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"><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"><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"> <div class="col s12 m12 l6">
@ -268,7 +266,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16480"><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"> <div class="col s12 m12 l6">
@ -281,7 +279,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/16480"><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"> <div class="col s12 m12 l6">
@ -294,7 +292,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/5473"><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>
@ -309,7 +307,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/5473"><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"> <div class="col s12 m12 l6">
@ -322,7 +320,7 @@
</div> </div>
</div> </div>
<div class="card-action"> <div class="card-action">
<a href="http://totalfreedom.boards.net/user/5476"><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> </div>
@ -342,6 +340,12 @@
</div> </div>
</div> </div>
</footer> </footer>
<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://use.fontawesome.com/cb2592f0cc.js"></script>
<script src="../js/main.js"></script>
<script src="assets/js/builders.js"></script>
</body> </body>
</html> </html>

View file

@ -91,6 +91,7 @@ h2 {
font-size: 1.2em; font-size: 1.2em;
} }
nav .brand-logo { nav .brand-logo {
margin-top: 13.5px;
font-size: 1.6em; font-size: 1.6em;
} }
} }