TotalFreedomMC/Website
1
0
Fork 0
mirror of https://github.com/TotalFreedomMC/Website.git synced 2024-12-22 16:25:12 +00:00
Code Issues Projects Releases Wiki Activity

Updates

Browse source
This commit is contained in:
aggelosQQ 2016-12-29 13:54:34 +02:00 committed by GitHub
parent 361fa19ce0
commit ad8d609886
4 changed files with 323 additions and 298 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
css/main.css
View file

@ -10,6 +10,7 @@ body {
-o-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;
z-index: 100 z-index: 100
} }
.admins ul, .admins ul,
.cover-1, .cover-1,
.cover-2, .cover-2,
@ -44,7 +45,7 @@ body {
margin-top: 23% margin-top: 23%
} }
.button { .button {
padding: 15px; padding: 5px 55px;
background: rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .1);
border-radius: 65px; border-radius: 65px;
color: #c8c8c8; color: #c8c8c8;
@ -64,9 +65,6 @@ body {
display: none; display: none;
padding: 30px padding: 30px
} }
.rule ul {
display: none;
}
#rules-title, #rules-title,
.admins>ul>a { .admins>ul>a {
padding: 10px; padding: 10px;
@ -122,12 +120,16 @@ i.rules-icon:hover {
.admins>ul>a { .admins>ul>a {
margin: 5px; margin: 5px;
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
transition: all .2s ease-in-out; -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;
border-radius: 150px; border-radius: 150px;
z-index: 200 z-index: 200;
} }
.admins>ul>a:hover { .admins>ul>a:hover {
background: rgba(100, 100, 100, .3) background: rgba(100, 100, 100, .3);
transform: translateY(-4px);
} }
.admins ul { .admins ul {
z-index: 101 z-index: 101
@ -174,9 +176,6 @@ i.rules-icon:hover {
-o-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out transition: all .5s ease-in-out
} }
.rule {
display: none;
}
.rest>li:hover { .rest>li:hover {
transform: translateX(5px) transform: translateX(5px)
} }
@ -240,7 +239,22 @@ i.rules-icon:hover {
color: #c8c8c8 color: #c8c8c8
} }
.modal ul { .modal ul {
display: inline-block display: inline-block;
}
.modal li {
display: inline-block;
/* word-wrap: break-word;*/
padding:10px;
margin:4px;
background: rgba(150, 150, 150, .3);
-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;
border-radius: 150px;
}
.modal li:hover {
background: rgba(200, 200, 200, .3);
} }
.modal h4 { .modal h4 {
margin-bottom: 38px margin-bottom: 38px
@ -273,4 +287,8 @@ i.rules-icon:hover {
float: left; float: left;
border-radius: 50% border-radius: 50%
} }
.modal li {
display: block;
width:95%;
}
} }

14
index.html
View file

@ -15,7 +15,7 @@
<link async rel="stylesheet" href="css/global.css"> <link async rel="stylesheet" href="css/global.css">
<link async rel=”icon” href=”favicon.ico” type=”image/x-icon”> <link async rel=”icon” href=”favicon.ico” type=”image/x-icon”>
<link async rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”> <link async rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
<script>// All Json content is loaded respectively into #(item) var jsonUrl="http://madgeekonline.com/tfinfo/"; var jsonContent=[ "players"]; $(document).ready(function(){loadJson(jsonUrl, jsonContent);}); </script> <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> <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> </head>
<body> <body>
<div class="navbar-fixed"> <div class="navbar-fixed">
@ -44,6 +44,7 @@
<h3 id="server-status"> <span id="online"></span></h3> <h3 id="server-status"> <span id="online"></span></h3>
<a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a> <a href="#onlineplayers" class="button modal-trigger" data-target="onlineplayers">Online Players</a>
</div> </div>
<div id="onlineplayers" class="modal modal-fixed-footer"> <div id="onlineplayers" class="modal modal-fixed-footer">
<div class="modal-content"> <div class="modal-content">
<h4 id="players-online"> <h4 id="players-online">
@ -91,6 +92,7 @@
<h2 id="rules-title" class="eight">Gamemodes <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2> <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> <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="rules-section"> <div class="rules-section">
<h2 id="rules-title" class="nine">TotalFreedom IPs <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2> <h2 id="rules-title" class="nine">TotalFreedom IPs <i class="fa fa-chevron-right rules-icon hide-on-med-and-down"></i></h2>
<div class="rule i"><p><u>IPs you may use to connect to TotalFreedom.</u></p> <div class="rule i"><p><u>IPs you may use to connect to TotalFreedom.</u></p>
@ -104,7 +106,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="section cover-3" id="staff"> <div class="section cover-3" id="staff">
<br/> <br/>
<h1 class="section-title">Current Staff</h1> <h1 class="section-title">Current Staff</h1>
@ -200,7 +201,7 @@
<div class="footer-copyright"> <div class="footer-copyright">
<div class="container"> <div class="container">
<hr> <hr>
TotalFreedom &copy; 2012 - <span id="curYear"></span>. <a class="grey-text text-lighten-4 right" href="https://twitter.com/maloukos1">Made by aggelosQQ</a> TotalFreedom &copy; 2010 - <span id="curYear"></span>. <a class="grey-text text-lighten-4 right" href="https://twitter.com/maloukos1">Made by aggelosQQ</a>
</div> </div>
</div> </div>
</div> </div>
@ -218,5 +219,12 @@
<script src="js/jquery.cookies.js"></script> <script src="js/jquery.cookies.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
<script src="js/functions.js"></script> <script src="js/functions.js"></script>
<script>
// All Json content is loaded respectively into #(item)
var jsonUrl="http://madgeekonline.com/tfinfo/";
var jsonContent=[ "players"]; $(document).ready(function(){
loadJson(jsonUrl, jsonContent);
});
</script>
</body> </body>
</html> </html>

1
js/main.js
View file

@ -102,7 +102,6 @@ $(document).ready(function(){
$(".nine").click(function(){ $(".nine").click(function(){
$(".i").fadeToggle(300); $(".i").fadeToggle(300);
$(".i ul").fadeToggle(300);
$(".nine i").toggleClass("fa-chevron-right"); $(".nine i").toggleClass("fa-chevron-right");
$(".nine i").toggleClass("fa-chevron-down"); $(".nine i").toggleClass("fa-chevron-down");
}); });