TotalFreedomMC/Website
1
0
Fork 0
mirror of https://github.com/TotalFreedomMC/Website.git synced 2025-01-03 13:58:29 +00:00
Code Issues Projects Releases Wiki Activity

Added page preloader

Browse source
This commit is contained in:
aggelosQQ 2016-10-24 15:52:27 +03:00
parent 98829aeb31
commit a52a1290fc
3 changed files with 27 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
css/main.css
View file

@ -259,6 +259,26 @@ i.rules-icon:hover {
background-color: rgba(230,230,230, 0.3); background-color: rgba(230,230,230, 0.3);
} }
#load_screen {
background: rgba(40,40,40,1);
position: fixed;
top: 0px;
width: 100%;
height: 1600px;
z-index: 10;
opacity: 1;
}
#load_screen > #loading {
color: #fff;
width: 50%;
height: 240px;
margin: 300px auto;
text-align: center;
font-size: 1.5em;
}
.progress {
background: rgb(250,250,250);
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.cover-2 p, .cover-2 p,
.cover-2 h2 { .cover-2 h2 {

2
index.html
View file

@ -43,6 +43,8 @@
</head> </head>
<body> <body>
<div id="load_screen"><div id="loading">Loading TotalFreedom - Free OP!<div class="progress"><div class="indeterminate"></div></div>
</div></div>
<div class="navbar-fixed"> <div class="navbar-fixed">
<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">

5
js/main.js
View file

@ -1,3 +1,8 @@
window.addEventListener("load", function() {
var load_screen = document.getElementById("load_screen");
document.body.removeChild(load_screen);
});
$(document).ready(function() { $(document).ready(function() {
$(".button-collapse").sideNav({ $(".button-collapse").sideNav({
closeOnClick: true closeOnClick: true