diff --git a/blog/blog.html b/blog/copy_this_to_make_a_blog_post
similarity index 61%
rename from blog/blog.html
rename to blog/copy_this_to_make_a_blog_post
index e25c1f7..69cd7fd 100644
--- a/blog/blog.html
+++ b/blog/copy_this_to_make_a_blog_post
@@ -7,11 +7,11 @@
     <style>
 			body {font-family: "Open Sans", sans-serif}
 			.h0 {font-size: 30pt;}
-            nav a[target="_blank"]:after {content: url("/static/_external_link.png");
+            nav a[target="_blank"]:after {content: url("./static/_external_link.png");
                                           filter: invert(100%);}
             .current-page {opacity: .3;}
 		</style>
-    <script src="/static/_nav.js"></script>
+    <script src="./static/_nav.js"></script>
     
         <!-- Global site tag (gtag.js) - Google Analytics -->
         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
@@ -33,17 +33,27 @@
 
     <nav class="white bg-white">
         <div id="nav">
-            <a href="/" class="btn btn-primary not-rounded py2 bg-blue">About</a>
-            <a href="/projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
+            <a href="/" class="btn btn-primary not-rounded py2" style="background: #F6511D;">About</a>
             
-                <a href="/blog" class="btn btn-primary not-rounded py2 bg-white" style="color: rgba(0, 0, 0, .7); border: 1px solid rgba(0, 0, 0, .1);">Blog</a>
-            
-            
-                <a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
-            
-            
-                <a href="https://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
+                
+                    <a href="https://github.com/zevaverbach/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="background: #FFB400;">Github</a>
+                
+
             
+                
+                    <a href="https://www.linkedin.com/in/zev-averbach-964572156/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="background: #00A6ED;">LinkedIn</a>
+                
+
             
         </div>
 
diff --git a/blog/hi.html b/blog/hi.html
new file mode 100644
index 0000000..07d950b
--- /dev/null
+++ b/blog/hi.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Zev Averbach</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" />
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+    <style>
+			body {font-family: "Open Sans", sans-serif}
+			.h0 {font-size: 30pt;}
+            nav a[target="_blank"]:after {content: url("./static/_external_link.png");
+                                          filter: invert(100%);}
+            .current-page {opacity: .3;}
+		</style>
+    <script src="./static/_nav.js"></script>
+    
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
+        <script>
+                window.dataLayer = window.dataLayer || [];
+                function gtag(){dataLayer.push(arguments);}
+                gtag('js', new Date());
+
+                gtag('config', 'UA-123137342-1');
+            </script>
+    
+</head>
+<body>
+    <header class="m2 clearfix">
+
+    <div class="h0 bold">
+        <a id="title" href="/" style="text-decoration: none; color: inherit;">Zev Averbach</a>
+    </div>
+
+    <nav class="white bg-white">
+        <div id="nav">
+            
+                
+                    
+                    <a href="index/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                       style="color: #80bfff; background: #001f3f;">About</a>
+                
+
+            
+                
+                    
+                    <a href="projects/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                       style="color: #b3dbff; background: #0074D9;">Projects</a>
+                
+
+            
+                
+                    <a href="blog/" class="btn btn-primary not-rounded py2 bg-white black border">Blog</a>
+                
+
+            
+                
+                    
+                    <a href="https://www.linkedin.com/in/zev-averbach-964572156/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="color: #004966; background: #7FDBFF;">LinkedIn</a>
+                
+
+            
+                
+                    
+                    <a href="https://www.linkedin.com/in/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="color: #0e3e14; background: #2ECC40;">Github</a>
+                
+
+            
+        </div>
+
+    </nav>
+
+</header>
+    <div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
+        <a href="/blog"><< back to blog contents</a>
+        
+<div id="blog-title" class="h1">Title Of The Post</div>
+<p>Make some paragraphs.</p>
+
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/blog/index.html b/blog/index.html
index 3dd0266..9959095 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -7,11 +7,11 @@
     <style>
 			body {font-family: "Open Sans", sans-serif}
 			.h0 {font-size: 30pt;}
-            nav a[target="_blank"]:after {content: url("/static/_external_link.png");
+            nav a[target="_blank"]:after {content: url("./static/_external_link.png");
                                           filter: invert(100%);}
             .current-page {opacity: .3;}
 		</style>
-    <script src="/static/_nav.js"></script>
+    <script src="./static/_nav.js"></script>
     
         <!-- Global site tag (gtag.js) - Google Analytics -->
         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
@@ -33,17 +33,51 @@
 
     <nav class="white bg-white">
         <div id="nav">
-            <a href="/" class="btn btn-primary not-rounded py2 bg-blue">About</a>
-            <a href="/projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
             
-                <a href="/blog" class="btn btn-primary not-rounded py2 bg-white" style="color: rgba(0, 0, 0, .7); border: 1px solid rgba(0, 0, 0, .1);">Blog</a>
+                
+                    
+                    <a href="index/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                       style="color: #80bfff; background: #001f3f;">About</a>
+                
+
             
+                
+                    
+                    <a href="projects/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                       style="color: #b3dbff; background: #0074D9;">Projects</a>
+                
+
             
-                <a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
+                
+                    <a href="blog/" class="btn btn-primary not-rounded py2 bg-white black border">Blog</a>
+                
+
             
+                
+                    
+                    <a href="https://www.linkedin.com/in/zev-averbach-964572156/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="color: #004966; background: #7FDBFF;">LinkedIn</a>
+                
+
             
-                <a href="https://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
-            
+                
+                    
+                    <a href="https://www.linkedin.com/in/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="color: #0e3e14; background: #2ECC40;">Github</a>
+                
+
             
         </div>
 
@@ -59,7 +93,7 @@
 
         
 
-            <li><a href="blog">Title Of The Post</a></li>
+            <li><a href="hi">Title Of The Post</a></li>
 
         
 
diff --git a/copy_this_to_make_a_page b/copy_this_to_make_a_page
new file mode 100644
index 0000000..051ad7b
--- /dev/null
+++ b/copy_this_to_make_a_page
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Zev Averbach</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/basscss/7.0.0/css/basscss.css" />
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+    <style>
+			body {font-family: "Open Sans", sans-serif}
+			.h0 {font-size: 30pt;}
+            nav a[target="_blank"]:after {content: url("./static/_external_link.png");
+                                          filter: invert(100%);}
+            .current-page {opacity: .3;}
+		</style>
+    <script src="./static/_nav.js"></script>
+    
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
+        <script>
+                window.dataLayer = window.dataLayer || [];
+                function gtag(){dataLayer.push(arguments);}
+                gtag('js', new Date());
+
+                gtag('config', 'UA-123137342-1');
+            </script>
+    
+</head>
+<body>
+    <header class="m2 clearfix">
+
+    <div class="h0 bold">
+        <a id="title" href="/" style="text-decoration: none; color: inherit;">Zev Averbach</a>
+    </div>
+
+    <nav class="white bg-white">
+        <div id="nav">
+            <a href="/" class="btn btn-primary not-rounded py2" style="background: #F6511D;">About</a>
+            
+                
+                    <a href="https://github.com/zevaverbach/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="background: #FFB400;">Github</a>
+                
+
+            
+                
+                    <a href="https://www.linkedin.com/in/zev-averbach-964572156/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="background: #00A6ED;">LinkedIn</a>
+                
+
+            
+        </div>
+
+    </nav>
+
+</header>
+    <div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
+        
+
+<div>Make some divs...</p>
+<p>and/or make some paragraphs.</p>
+
+
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index cdd7d3f..2dca54d 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,11 @@
     <style>
 			body {font-family: "Open Sans", sans-serif}
 			.h0 {font-size: 30pt;}
-            nav a[target="_blank"]:after {content: url("/static/_external_link.png");
+            nav a[target="_blank"]:after {content: url("./static/_external_link.png");
                                           filter: invert(100%);}
             .current-page {opacity: .3;}
 		</style>
-    <script src="/static/_nav.js"></script>
+    <script src="./static/_nav.js"></script>
     
         <!-- Global site tag (gtag.js) - Google Analytics -->
         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
@@ -33,15 +33,51 @@
 
     <nav class="white bg-white">
         <div id="nav">
-            <a href="/" class="btn btn-primary not-rounded py2 bg-blue">About</a>
-            <a href="/projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
             
+                
+                    
+                    <a href="index/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                       style="color: #80bfff; background: #001f3f;">About</a>
+                
+
             
-                <a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
+                
+                    
+                    <a href="projects/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                       style="color: #b3dbff; background: #0074D9;">Projects</a>
+                
+
             
+                
+                    <a href="blog/" class="btn btn-primary not-rounded py2 bg-white black border">Blog</a>
+                
+
             
-                <a href="https://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
+                
+                    
+                    <a href="https://www.linkedin.com/in/zev-averbach-964572156/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="color: #004966; background: #7FDBFF;">LinkedIn</a>
+                
+
             
+                
+                    
+                    <a href="https://www.linkedin.com/in/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="color: #0e3e14; background: #2ECC40;">Github</a>
+                
+
             
         </div>
 
@@ -51,11 +87,11 @@
     <div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
         
 
-    <img src="/static/zev.jpeg" class="right mr3 mt1" style="height: 10em;">
+    <img src="./static/zev.jpeg" class="right mr3 mt1" style="height: 10em;">
 
     <p class="ml2">Hi, my name is Zev.  I live in Burlington, Vermont, in the United States.</p>
 
-    <p class="ml2" id="availability">As of August 2018 I'm available for full-time employment as a back-end software engineer.
+    <p class="ml2" id="availability">As of August 2018 I'm available for full-time employment as a full-stack software engineer.
     My preferred stack is</p>
     
     <ul class="ml2">
@@ -71,9 +107,9 @@
     
     <p class="ml2">I'm also familiar with Node.js, PHP, and Django.</p>
 
-    <p class="ml2">I love to help small businesses solve their worst headaches via technology.  <a href="/projects">Here</a>
-    are a few projects I've completed to that effect. You'll notice that most of those projects are businesses
-    unto themselves:  I've started a couple of web-based service businesses, so I have an intimate understanding
+    <p class="ml2">I love to help small businesses solve their worst headaches via technology. 
+         <a href="/projects">Here</a>
+        unto themselves:  I've started a couple of web-based service businesses, so I have an intimate understanding
     of the challenges entrepreneurs face, and how to strategically apply code and off-the-shelf technology to those challenges.</p>
     
     <p class="ml2" id="github-timeline">I also love contributing to open source software, as you can see on <a href="https://github.com/zevaverbach/" target="_blank">my Github timeline (external link)</a>.</p>
diff --git a/projects.html b/projects.html
index 5ffe026..52902e7 100644
--- a/projects.html
+++ b/projects.html
@@ -7,11 +7,11 @@
     <style>
 			body {font-family: "Open Sans", sans-serif}
 			.h0 {font-size: 30pt;}
-            nav a[target="_blank"]:after {content: url("/static/_external_link.png");
+            nav a[target="_blank"]:after {content: url("./static/_external_link.png");
                                           filter: invert(100%);}
             .current-page {opacity: .3;}
 		</style>
-    <script src="/static/_nav.js"></script>
+    <script src="./static/_nav.js"></script>
     
         <!-- Global site tag (gtag.js) - Google Analytics -->
         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123137342-1"></script>
@@ -33,15 +33,51 @@
 
     <nav class="white bg-white">
         <div id="nav">
-            <a href="/" class="btn btn-primary not-rounded py2 bg-blue">About</a>
-            <a href="/projects" class="btn btn-primary not-rounded py2 bg-green">Projects</a>
             
+                
+                    
+                    <a href="index/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                       style="color: #80bfff; background: #001f3f;">About</a>
+                
+
             
-                <a href="https://www.linkedin.com/in/zev-averbach-964572156/" target="_blank" class="btn btn-primary not-rounded py2 bg-yellow">LinkedIn</a>
+                
+                    
+                    <a href="projects/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                       style="color: #b3dbff; background: #0074D9;">Projects</a>
+                
+
             
+                
+                    <a href="blog/" class="btn btn-primary not-rounded py2 bg-white black border">Blog</a>
+                
+
             
-                <a href="https://github.com/zevaverbach/" target="_blank" class="btn btn-primary not-rounded py2 bg-red">Github</a>
+                
+                    
+                    <a href="https://www.linkedin.com/in/zev-averbach-964572156/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="color: #004966; background: #7FDBFF;">LinkedIn</a>
+                
+
             
+                
+                    
+                    <a href="https://www.linkedin.com/in/"
+                       class="btn btn-primary not-rounded py2"
+                       
+                           target="_blank"
+                       
+                       style="color: #0e3e14; background: #2ECC40;">Github</a>
+                
+
             
         </div>
 
diff --git a/static/_nav.js b/static/_nav.js
index 767ab67..4d7e22f 100644
--- a/static/_nav.js
+++ b/static/_nav.js
@@ -21,12 +21,18 @@ var getCurrentPageName = function() {
 
     if (page_name == 'index') return 'about'
 
-    if (!['projects', 'index'].includes(page_name)) return 'blog'
-
 	return page_name
 
 }
 
+var toTitleCase = function (str) {
+	str = str.toLowerCase().split(' ');
+	for (var i = 0; i < str.length; i++) {
+		str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1);
+	}
+	return str.join(' ');
+};
+
 
 window.onload = function() {
     current_page_name = getCurrentPageName()
@@ -37,11 +43,21 @@ window.onload = function() {
         }
     })
     title_element = d.getElementById('title')
-    if (current_page_name == 'blog') {
-        d.title = d.title.concat(' | Blog')
-        title_element.text = title_element.text.concat("\'s Blog")
-    } else if (current_page_name == 'projects') {
-        d.title = d.title.concat(' | Projects')
-        title_element.text = title_element.text.concat("\'s Projects")
+    if (current_page_name != 'about') {
+
+        console.log('hi')
+        d.title = d.title.concat(` | ${toTitleCase(current_page_name)}`)
+        title_element.text = title_element.text.concat(`'s ${toTitleCase(current_page_name)}`)
     }
 }
+
+//    title_element = d.getElementById('title')
+//
+//    if (current_page_name == 'blog') {
+//        d.title = d.title.concat(' | Blog')
+//        title_element.text = title_element.text.concat("\'s Blog")
+//    } else if (current_page_name == 'projects') {
+//        d.title = d.title.concat(' | Projects')
+//        title_element.text = title_element.text.concat("\'s Projects")
+//    }
+//}
