len0rd/personal-website
1
0
Fork 0
mirror of https://github.com/len0rd/personal-website.git synced 2025-09-07 22:57:46 -04:00
Code Issues 1 Projects 1 Releases Packages Wiki Activity

progress

Browse source
This commit is contained in:
len0rd 2018-07-28 01:15:46 -04:00
parent 8bf1fe07ba
commit b4e2bf534f
7 changed files with 63 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

43
assets/css/site.css
View file

@ -4,27 +4,32 @@
}
.icon-footer {
padding: 5px;
padding: 2vh;
}
.bgimage {
width:100%;
height:100vh;
background: url('../img/logo.svg');
background-repeat: no-repeat;
background-position: center;
background-size:cover;
background-attachment: fixed;
}
width:100%;
height:100vh;
background: url('../img/logo.svg');
background-repeat: no-repeat;
background-position: center;
background-size:cover;
background-attachment: fixed;
}
.bgimage h1 {
color:white;
text-shadow:2px 2px #333;
}
.bgimage h1 {
color:white;
text-shadow:2px 2px #333;
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.navbar-transparent {
background-color: transparent;
border-color: rgba(255,255,255,0.4);
}

21
assets/script/app.js Normal file
View file

@ -0,0 +1,21 @@
var $document = $(document),
$nav = $('.navbar'),
navbarDef = 'bg-dark',
effect = 'fadeInDown';
console.log('waddup');
if (window.location.pathname ==='/') {
$document.scroll(function() {
//if >100 pixels have been scrolled
if ($document.scrollTop() >= 100) {
$nav.addClass(navbarDef);
$nav.addClass(effect); //add animation effect
} else {
$nav.removeClass(navbarDef);
$nav.removeClass(effect); //add animation effect
}
});
} else {
$nav.addClass(navbarDef);
$nav.addClass(effect); //add animation effect
}