len0rd/personal-website
1
0
Fork 0
mirror of https://github.com/len0rd/personal-website.git synced 2025-03-01 03:51:57 -05:00
Code Issues 1 Packages Projects 1 Releases 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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -13,3 +13,5 @@ Its a website! Node/npm
\#F591AB
\#865897
\#06061D

7
assets/css/site.css
View file

@ -4,7 +4,7 @@
}
.icon-footer {
padding: 5px;
padding: 2vh;
}
.bgimage {
@ -28,3 +28,8 @@
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
}

5
views/pages/contact.ejs
View file

@ -7,6 +7,8 @@
<body>
<% include ../partials/nav %>
<main role="main">
<div class="container center">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
@ -16,6 +18,9 @@
</div>
</div>
</div>
</main>
<% include ../partials/footer %>
<% include ../partials/post_html_include %>
</body>
</html>

1
views/partials/include.ejs
View file

@ -2,5 +2,6 @@
<link rel="icon" type="image/png" href="img/favicon.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/site.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">

2
views/partials/nav.ejs
View file

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<nav class="navbar navbar-expand-lg navbar-dark animated fadeIn fixed-top">
<div class="container">
<a class="navbar-brand" href="/#">lenordsNet</a>

1
views/partials/post_html_include.ejs
View file

@ -1,3 +1,4 @@
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script type="text/javascript" src="script/app.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>