about: added scroll animation and cleaned old links
This commit is contained in:
@@ -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
11
assets/css/fixes.css
Normal 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
30
assets/js/about.js
Normal 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();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user