Switch to Manrope font

Fix inconsistent buttons
Removed default header background
Added info button with version and ❤️
Random fixes
This commit is contained in:
Michał Gdula 2023-03-23 15:47:35 +00:00
parent ad8da1ae4e
commit 4e7301b9de
15 changed files with 169 additions and 64 deletions

View file

@ -2,7 +2,7 @@
function showLogin() {
popUpShow(
'Login!',
'Need an account? <span class="pop-up__link" onclick="showRegister()">Register!</span>',
'Need an account? <span class="link" onclick="showRegister()">Register!</span>',
'<button class="btn-block" onclick="popupDissmiss()">Cancelee</button>' +
'<button class="btn-block primary" form="loginForm" type="submit">Login</button>',
'<form id="loginForm" onsubmit="return login(event)">' +
@ -57,7 +57,7 @@ function login(event) {
function showRegister() {
popUpShow(
'Who are you?',
'Already have an account? <span class="pop-up__link" onclick="showLogin()">Login!</span>',
'Already have an account? <span class="link" onclick="showLogin()">Login!</span>',
'<button class="btn-block" onclick="popupDissmiss()">Canceleee</button>\
<button class="btn-block primary" form="registerForm" type="submit">Register</button>',
'<form id="registerForm" onsubmit="return register(event)">\

View file

@ -73,11 +73,8 @@ window.onload = function () {
// Convert to local time
times[i].innerHTML = dateTime.toLocaleDateString() + ' ' + dateTime.toLocaleTimeString();
}
};
window.onscroll = function () {
loadOnView();
// Jump to top button
// Top Of Page button
let topOfPage = document.querySelector('.top-of-page');
if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 20) {
topOfPage.classList.add('show');
@ -88,6 +85,45 @@ window.onscroll = function () {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
// Info button
let infoButton = document.querySelector('.info-button');
if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 20) {
infoButton.classList.remove('show');
} else {
infoButton.classList.add('show');
}
infoButton.onclick = function () {
popUpShow('OnlyLegs Gallery', 'Made by Fluffy with ❤️ <br>' +
'<a href="https://github.com/Fluffy-Bean/onlylegs">Version: 23.03.23</a>');
}
};
window.onscroll = function () {
loadOnView();
// Top Of Page button
let topOfPage = document.querySelector('.top-of-page');
if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 20) {
topOfPage.classList.add('show');
} else {
topOfPage.classList.remove('show');
}
topOfPage.onclick = function () {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
// Info button
let infoButton = document.querySelector('.info-button');
if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 20) {
infoButton.classList.remove('show');
} else {
infoButton.classList.add('show');
}
infoButton.onclick = function () {
popUpShow('OnlyLegs Gallery', 'Made by Fluffy with ❤️ <br>' +
'<a href="https://github.com/Fluffy-Bean/onlylegs">Version: 23.03.23</a>');
}
};
window.onresize = function () {
loadOnView();