not much, just checking pagesbox

blog/index.html

@@ -8,7 +8,7 @@
 			body {font-family: "Open Sans", sans-serif}
 			.h0 {font-size: 30pt;}
             nav a[target="_blank"]:after {content: url("/static/icons8-external-link-50.png");
-                                      filter: invert(100%);}
+                                          filter: invert(100%);}
             .current-page {opacity: .3;}
 		</style>
         <script src="/static/nav.js"></script>
@@ -43,10 +43,16 @@
 			</header>
     <div id="content" class="clear h2 m2 sm-col sm-col-12 md-col-10 lg-col-8">
         
+
+    <div class="h1">Blog Posts</div>
+
     <ul>
+
         
+
     </ul>
 
+
     </div>
 </body>
 </html>

index.html

@@ -8,7 +8,7 @@
 			body {font-family: "Open Sans", sans-serif}
 			.h0 {font-size: 30pt;}
             nav a[target="_blank"]:after {content: url("/static/icons8-external-link-50.png");
-                                      filter: invert(100%);}
+                                          filter: invert(100%);}
             .current-page {opacity: .3;}
 		</style>
         <script src="/static/nav.js"></script>

projects.html

@@ -8,7 +8,7 @@
 			body {font-family: "Open Sans", sans-serif}
 			.h0 {font-size: 30pt;}
             nav a[target="_blank"]:after {content: url("/static/icons8-external-link-50.png");
-                                      filter: invert(100%);}
+                                          filter: invert(100%);}
             .current-page {opacity: .3;}
 		</style>
         <script src="/static/nav.js"></script>

static/_nav.js

@@ -0,0 +1,47 @@
+
+var splitPath = function(path) {
+    var result = path.replace(/\\/g, "/").match(/(.*\/)?(\..*?|.*?)(\.[^.]*?)?(#.*$|\?.*$|$)/);
+    return {
+        dirname: result[1] || "",
+        filename: result[2] || "",
+        extension: result[3] || "",
+        params: result[4] || ""
+    };
+};
+
+
+d = window.document
+
+
+var getCurrentPageName = function() {
+
+    if (location.pathname == '/') return 'about'
+
+    page_name = splitPath(d.URL).filename
+
+    if (page_name == 'index') return 'about'
+
+    if (!['projects', 'index'].includes(page_name)) return 'blog'
+
+	return page_name
+
+}
+
+
+window.onload = function() {
+    current_page_name = getCurrentPageName()
+    nav = d.getElementById('nav')
+    Array.prototype.forEach.call(nav.children, function(child, index){
+        if (current_page_name == child.text.toLowerCase()) {   
+            child.className = child.className.concat(' current-page')
+        }
+    })
+    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")
+    }
+}