A massive website overhaul (Changed the theme)

4 files changed, 43 insertions, 14 deletions

diff --git a/_includes/footer.html b/_includes/footer.html
index 5f80ef7..1e94144 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,19 @@
-<div class="footer">
-  <p><b>&copy; Copyright 2018-2019, Andrew Lee.</b></p>
-  <p><b><a class="footer-a" href="https://pages.github.com/">Powered by GitHub Pages.</a></b></p>
-  <a href="https://github.com/Alee14"><i class="fab fa-github"></i></a> <a href="https://twitter.com/Alee14498"><i class="fab fa-twitter"> </i></a> <a href="https://youtube.com/user/Andrew14Lee/"><i class="fab fa-youtube"></i></a> <a href="https://discord.gg/EFhRDqG"><i class="fab fa-discord"></i></a>
-</div>
\ No newline at end of file
+
+<footer class="page-footer">
+    <div class="container">
+      <div class="row">
+        <div class="col l6 s12">
+          <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>
+        </div>
+      </div>
+    </div>
+      <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
diff --git a/_includes/footing.html b/_includes/footing.html
new file mode 100644
index 0000000..f7eeab5
--- /dev/null
+++ b/_includes/footing.html
@@ -0,0 +1 @@
+<script type="text/javascript" src="/assets/js/materialize.min.js"></script>
\ No newline at end of file
diff --git a/_includes/heading.html b/_includes/heading.html
index 479b9ab..deb22fe 100644
--- a/_includes/heading.html
+++ b/_includes/heading.html
@@ -1,11 +1,25 @@
-<link href="/style.css" type="text/css" rel="stylesheet">
 <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">
-<script src="/jquery-3.3.1.min.js"></script>
-<script src="/scripts.js"></script>
+<link type="text/css" rel="stylesheet" href="/assets/css/materialize.min.css"  media="screen,projection"/>
 <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">
 <meta name="viewport" content="width=device-width", initial-scale=1>
 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
+<style>
+  
+body {
+    font-family: 'Play', sans-serif,  Helvetica;
+    background: #1a1b1f;
+    color: white
+}
+
+.page-footer {
+  color: #fff;
+  background-color: #306e32;
+}
+a.footer-copyright {
+    color: #ffff;
+}
+</style>
\ No newline at end of file
diff --git a/_includes/navigator.html b/_includes/navigator.html
index 9d8d2ba..8d00c8e 100644
--- a/_includes/navigator.html
+++ b/_includes/navigator.html
@@ -1,9 +1,9 @@
-<div id="navigation">
+<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: #1f8e42;"{% endif %}><a class="nav" href="/">Home</a></li>
-      <li class="nav" {% if page.url == "/projects.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/projects">Projects</a></li>
-      <li class="nav" {% if page.url == "/blog.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/blog">Blog</a></li>
-      <li class="nav" {% if page.url == "/about.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/about">About</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" {% 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>
-  </div>
\ No newline at end of file
+</nav>
\ No newline at end of file