From b4e2bf534fee1fe5c2cb6ff90535076f0b5ac452 Mon Sep 17 00:00:00 2001
From: len0rd <tylerm15@gmail.com>
Date: Sat, 28 Jul 2018 01:15:46 -0400
Subject: [PATCH] progress

---
 README.md                            |  4 ++-
 assets/css/site.css                  | 43 ++++++++++++++++------------
 assets/script/app.js                 | 21 ++++++++++++++
 views/pages/contact.ejs              | 19 +++++++-----
 views/partials/include.ejs           |  1 +
 views/partials/nav.ejs               |  2 +-
 views/partials/post_html_include.ejs |  1 +
 7 files changed, 63 insertions(+), 28 deletions(-)
 create mode 100644 assets/script/app.js
diff --git a/README.md b/README.md
index a19d6e3..23d2316 100644
--- a/README.md
+++ b/README.md
@@ -12,4 +12,6 @@ Its a website! Node/npm
 
 \#F591AB
 
-\#865897
\ No newline at end of file
+\#865897
+
+\#06061D
\ No newline at end of file
diff --git a/assets/css/site.css b/assets/css/site.css
index fde5533..ef9fa16 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -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%);
-  }
\ No newline at end of file
+.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);
+}
\ No newline at end of file
diff --git a/assets/script/app.js b/assets/script/app.js
new file mode 100644
index 0000000..de7e864
--- /dev/null
+++ b/assets/script/app.js
@@ -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
+}
\ No newline at end of file
diff --git a/views/pages/contact.ejs b/views/pages/contact.ejs
index 90bf7a3..5d4e607 100644
--- a/views/pages/contact.ejs
+++ b/views/pages/contact.ejs
@@ -7,15 +7,20 @@
 <body>
 
     <% include ../partials/nav %>
-    <div class="container center">
-        <div class="row">
-            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
-                <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>
+
+    <main role="main">
+        <div class="container center">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <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>
+    </main>
 
+    <% include ../partials/footer %>
+    <% include ../partials/post_html_include %>
 </body>
 </html>
\ No newline at end of file
diff --git a/views/partials/include.ejs b/views/partials/include.ejs
index ba5ae6c..0305b86 100644
--- a/views/partials/include.ejs
+++ b/views/partials/include.ejs
@@ -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">
\ No newline at end of file
diff --git a/views/partials/nav.ejs b/views/partials/nav.ejs
index 16284e0..e8c989b 100644
--- a/views/partials/nav.ejs
+++ b/views/partials/nav.ejs
@@ -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>
diff --git a/views/partials/post_html_include.ejs b/views/partials/post_html_include.ejs
index d21f73b..f291b71 100644
--- a/views/partials/post_html_include.ejs
+++ b/views/partials/post_html_include.ejs
@@ -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>
\ No newline at end of file
