about: added scroll animation and cleaned old links

This commit is contained in:
2023-02-21 22:20:17 +11:00
parent b768b47f53
commit 293f2f4f5c
5 changed files with 65 additions and 13 deletions

View File

@@ -1,7 +1,6 @@
.social-icons {
color: #313437;
background-color: #fff;
text-align: center;
padding: 70px 0;
}
@@ -11,9 +10,21 @@
}
}
@media (max-width:500px) {
img.profile {
width: 200px;
margin-left: -100px;
}
}
@media (max-width:500px) {
.profile-container {
height: 200px;
margin-top: 2em !important;
}
}
.social-icons i {
font-size: 32px;
display: inline-block;
color: #757980;
margin: 0 10px;
width: 60px;
@@ -22,5 +33,6 @@
text-align: center;
border-radius: 50%;
line-height: 60px;
display: inline-block;
}

11
assets/css/fixes.css Normal file
View File

@@ -0,0 +1,11 @@
body.about-body {
position: absolute;
top: 0;
transition: 2s;
height: 101%;
}
::-webkit-scrollbar {
display: none;
}

30
assets/js/about.js Normal file
View File

@@ -0,0 +1,30 @@
function slideout() {
bodydiv = document.querySelector("body");
bodydiv.style.top = "-100%";
setTimeout(function() {
window.location.href = "/"
bodydiv.style.top = "0px";
}, 1000)
}
// jQuery(document).ready(function(){
// function resizeForm(){
// var width = (window.innerWidth > 0) ? window.innerWidth : document.documentElement.clientWidth;
// if(width > 1024){
// } else {
// }
// }
// window.onresize = resizeForm;
// resizeForm();
// });
document.addEventListener("scroll", scroll);
function scroll() {
var width = (window.innerWidth > 0) ? window.innerWidth : document.documentElement.clientWidth;
if(width > 1024){
slideout();
}
}