quad
/
site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More de-bloat

This commit is contained in:
Dominik V. Salonen 2018-03-15 16:31:10 +01:00
parent 7e893ceebf
commit cca6421492
3 changed files with 2 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -33,7 +33,7 @@
</div> </div>
<div id="page"> <div id="page">
<p class="initial-text">Hold on. Still loading that fancy background. <br /><i class="fa fa-spinner fa-pulse init-loading" aria-hidden="true"></i></p> <p class="initial-text">Click a button!</p>
</div> </div>
</div> </div>

3
main.js
View File

@ -14,8 +14,6 @@ var page3 = "pages/projects.html";
const contentArea = document.getElementById("page"); const contentArea = document.getElementById("page");
const spinner = '<div class="loading-box"><i class="fa fa-spinner fa-pulse loading" aria-hidden="true"></i></div>';
// Very bad function to get rid of the "active" class wherever it is atm // Very bad function to get rid of the "active" class wherever it is atm
function resetButtons() { function resetButtons() {
button1.className = "nav-button"; button1.className = "nav-button";
@ -34,7 +32,6 @@ function httpGet(myUrl, callback) {
} }
function activatePage(navbutt, source) { function activatePage(navbutt, source) {
contentArea.innerHTML = spinner;
resetButtons(); resetButtons();
navbutt.className += " active"; navbutt.className += " active";
httpGet(source, setContent); httpGet(source, setContent);

20
style.css
View File

@ -172,26 +172,6 @@ a:hover {
margin-bottom: 70px; margin-bottom: 70px;
} }
.loading-box {
display: block;
overflow: hidden;
margin: 70px auto;
}
.loading {
font-size: 26pt;
color: #FF5555;
display: block;
margin: 5px;
text-align: center;
}
.init-loading {
font-size: 26pt;
color: #FF5555;
margin: 5px;
}
.notice { .notice {
color: #3b3b3b; color: #3b3b3b;
text-align: right; text-align: right;