diff --git a/_img/hover.xcf b/_img/hover.xcf
index 2062def..89ea951 100644
Binary files a/_img/hover.xcf and b/_img/hover.xcf differ
diff --git a/css/main.scss b/css/main.scss
index 2e27523..b094ffd 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -79,12 +79,14 @@ body {
                         &:hover { background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -10%) 100%); }
                     }
                     --hover-image: url('/img/nav/default_hover.jpg');
+                    /* TODO: finish each navbar image
                     &#home:hover ~ #nav-hover { --hover-image: url('/img/nav/home_hover.jpg'); }
                     &#about:hover ~ #nav-hover { --hover-image: url('/img/nav/about_hover.jpg'); }
                     &#blog:hover ~ #nav-hover { --hover-image: url('/img/nav/blog_hover.jpg'); }
                     &#reviews:hover ~ #nav-hover { --hover-image: url('/img/nav/reviews_hover.jpg'); }
                     &#links:hover ~ #nav-hover { --hover-image: url('/img/nav/links_hover.jpg'); }
                     &#contact:hover ~ #nav-hover { --hover-image: url('/img/nav/contact_hover.jpg'); }
+                    */
                 }
                 #nav-hover {
                     width: 100%;
@@ -92,6 +94,8 @@ body {
                     max-height: 103px;
                     background: mp.$bg;
                     background-image: var(--hover-image, none);
+                    /* temporary until i finish navbar images */
+                    &:hover { --hover-image: url('/img/nav/temp_hover.jpg'); }
                 }
             }
         }
diff --git a/img/nav/about_hover.jpg b/img/nav/about_hover.jpg
new file mode 100644
index 0000000..add659b
Binary files /dev/null and b/img/nav/about_hover.jpg differ
diff --git a/img/nav/temp_hover.jpg b/img/nav/temp_hover.jpg
new file mode 100644
index 0000000..610e8e8
Binary files /dev/null and b/img/nav/temp_hover.jpg differ