Another website overhaul

4 files changed, 46 insertions, 19 deletions

diff --git a/_includes/footer.html b/_includes/footer.html
index 1e94144..f23bb2f 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,19 +1,21 @@
 
-<footer class="page-footer">
+<footer class="page-footer green darken-4">
     <div class="container">
       <div class="row">
-        <div class="col l6 s12">
+        <div class="col-md-6 mt-md-0 mt-3">
           <h5 class="white-text">Links</h5>
-          <ul>
-            <li><a class="grey-text text-lighten-3" href="https://github.com/Alee14"><i class="fab fa-github"></i> GitHub</a></li>
-            <li><a class="grey-text text-lighten-3" href="https://twitter.com/Alee14498"><i class="fab fa-twitter"></i> Twitter</a></li>
-            <li><a class="grey-text text-lighten-3" href="ttps://youtube.com/user/Andrew14Lee/"><i class="fab fa-youtube"></i> YouTube</a></li>
-            <li><a class="grey-text text-lighten-3" href="https://discord.gg/EFhRDqG"><i class="fab fa-discord"></i> Discord</a></li>
+          <ul class="list-unstyled">
+            <li><a class="white-text text-lighten-3" href="https://github.com/Alee14"><i class="fab fa-github"></i> GitHub</a></li>
+            <li><a class="white-text text-lighten-3" href="https://twitter.com/Alee14498"><i class="fab fa-twitter"></i> Twitter</a></li>
+            <li><a class="white-text text-lighten-3" href="ttps://youtube.com/user/Andrew14Lee/"><i class="fab fa-youtube"></i> YouTube</a></li>
+            <li><a class="white-text text-lighten-3" href="https://discord.gg/EFhRDqG"><i class="fab fa-discord"></i> Discord</a></li>
           </ul>
         </div>
       </div>
     </div>
+    <div class="footer-copyright text-center py-3">
       <div class="container">
           &copy; Copyright 2018-2019, Andrew Lee. Powered by <a href="https://pages.github.com/" class="white-text">GitHub Pages</a> and using <a href="https://materializecss.com" class="white-text">Materialize</a>
       </div>
-  </footer>
\ No newline at end of file
+    </div>
+  </footer>
diff --git a/_includes/footing.html b/_includes/footing.html
index f7eeab5..56a654c 100644
--- a/_includes/footing.html
+++ b/_includes/footing.html
@@ -1 +1,8 @@
-<script type="text/javascript" src="/assets/js/materialize.min.js"></script>
\ No newline at end of file
+<!-- JQuery -->
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+<!-- Bootstrap tooltips -->
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
+<!-- Bootstrap core JavaScript -->
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
+<!-- MDB core JavaScript -->
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/js/mdb.min.js"></script>
\ No newline at end of file
diff --git a/_includes/heading.html b/_includes/heading.html
index deb22fe..2bff872 100644
--- a/_includes/heading.html
+++ b/_includes/heading.html
@@ -1,7 +1,10 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta http-equiv="X-UA-Compatible" content="IE=8"/> 
 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
-<link type="text/css" rel="stylesheet" href="/assets/css/materialize.min.css"  media="screen,projection"/>
+<!-- Bootstrap core CSS -->
+<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
+<!-- Material Design Bootstrap -->
+<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/css/mdb.min.css" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=Play" rel="stylesheet">
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
 <meta charset="utf-8">
diff --git a/_includes/navigator.html b/_includes/navigator.html
index e173409..4357f74 100644
--- a/_includes/navigator.html
+++ b/_includes/navigator.html
@@ -1,10 +1,25 @@
-<nav class="black">
-    <ul class="navbar">
-      <li class="nav logo"><a class="nav" href="/">Andrew Lee</a></li>
-      <li class="nav" {% if page.url == "/" %}style="background-color: #537828;"{% endif %}><a class="nav" href="/">Home</a></li>
-      <li class="nav" {% if page.url == "/projects.html" %}style="background-color: #537828;"{% endif %}><a class="nav" href="/projects">Projects</a></li>
-      <li class="nav"> <a class="nav" href="https://aleecorp.github.io">AleeCorp</a></li>
-      <li class="nav" {% if page.url == "/blog.html" %}style="background-color: #537828;"{% endif %}><a class="nav" href="/blog">Blog</a></li>
-      <li class="nav" {% if page.url == "/about.html" %}style="background-color: #537828;"{% endif %}><a class="nav" href="/about">About</a></li>
-    </ul>
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand" href="/">
+        <img src="./assets/img/Alee.png" height="30" class="d-inline-block align-top" alt="Alee Prod Logo">
+        Andrew Lee</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
+        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarNav">
+        <ul class="navbar-nav mr-auto">
+            <li class="nav-item">
+                <a class="nav-link" href="/">Home</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/projects">Projects</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/blog">Blog</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="/about">About</a>
+            </li>
+        </ul>
+    </div>
 </nav>
\ No newline at end of file