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

4
README.md
View file

@ -12,4 +12,6 @@ Its a website! Node/npm
\#F591AB \#F591AB
\#865897 \#865897
\#06061D

43
assets/css/site.css
View file

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

19
views/pages/contact.ejs
View file

@ -7,15 +7,20 @@
<body> <body>
<% include ../partials/nav %> <% include ../partials/nav %>
<div class="container center">
<div class="row"> <main role="main">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="container center">
<h1>Contact me</h1> <div class="row">
<p>As a lonly explorer of the interwebs, I welcome the warm embrace of human contact. Please email me with the below address:</p> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h2>contact@lenord.me</h2> <h1>Contact me</h1>
<p>As a lonly explorer of the interwebs, I welcome the warm embrace of human contact. Please email me with the below address:</p>
<h2>contact@lenord.me</h2>
</div>
</div> </div>
</div> </div>
</div> </main>
<% include ../partials/footer %>
<% include ../partials/post_html_include %>
</body> </body>
</html> </html>

1
views/partials/include.ejs
View file

@ -2,5 +2,6 @@
<link rel="icon" type="image/png" href="img/favicon.png"> <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://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" 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"> <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"> <div class="container">
<a class="navbar-brand" href="/#">lenordsNet</a> <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 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://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> <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>