diff --git a/static/images/dot-blue-open.png b/static/images/dot-blue-open.png
new file mode 100644
index 0000000..42e5561
Binary files /dev/null and b/static/images/dot-blue-open.png differ
diff --git a/static/images/dot-blue.png b/static/images/dot-blue.png
new file mode 100644
index 0000000..5c526fc
Binary files /dev/null and b/static/images/dot-blue.png differ
diff --git a/static/images/dot-green-open.png b/static/images/dot-green-open.png
new file mode 100644
index 0000000..f39dac0
Binary files /dev/null and b/static/images/dot-green-open.png differ
diff --git a/static/images/dot-green.png b/static/images/dot-green.png
new file mode 100644
index 0000000..6fb8932
Binary files /dev/null and b/static/images/dot-green.png differ
diff --git a/static/images/dot-red-open.png b/static/images/dot-red-open.png
new file mode 100644
index 0000000..a701d88
Binary files /dev/null and b/static/images/dot-red-open.png differ
diff --git a/static/images/dot-red.png b/static/images/dot-red.png
new file mode 100644
index 0000000..91eb92c
Binary files /dev/null and b/static/images/dot-red.png differ
diff --git a/static/images/dot-yellow-open.png b/static/images/dot-yellow-open.png
new file mode 100644
index 0000000..6fc8d29
Binary files /dev/null and b/static/images/dot-yellow-open.png differ
diff --git a/static/images/dot-yellow.png b/static/images/dot-yellow.png
new file mode 100644
index 0000000..a91e5ee
Binary files /dev/null and b/static/images/dot-yellow.png differ
diff --git a/themes/hugo-casper3/assets/scss/main.scss b/themes/hugo-casper3/assets/scss/main.scss
index 8f9c47d..e9998da 100644
--- a/themes/hugo-casper3/assets/scss/main.scss
+++ b/themes/hugo-casper3/assets/scss/main.scss
@@ -527,6 +527,26 @@ body{
     letter-spacing:-.5px;
     text-transform:none
 }
+.site-nav-pill{
+    position:relative;
+    z-index:100;
+    flex-shrink:0;
+    display:inline-block;
+    margin-right:-20px;
+    margin-left:30px;
+    padding:18px 0;
+    color:#fff;
+    font-size:1.7rem;
+    line-height:1.8rem;
+    font-weight:700;
+    letter-spacing:-.5px;
+    text-transform:none
+}
+.site-nav-pill img{
+    display:block;
+    width:auto;
+    height:16px
+}
 .site-nav-logo:hover{
     text-decoration:none
 }
diff --git a/themes/hugo-casper3/layouts/partials/site-nav.html b/themes/hugo-casper3/layouts/partials/site-nav.html
index f59df78..e80f260 100644
--- a/themes/hugo-casper3/layouts/partials/site-nav.html
+++ b/themes/hugo-casper3/layouts/partials/site-nav.html
@@ -10,9 +10,13 @@
                 {{ range $.Site.Menus.main }}
                 <li class="nav-home" role="menuitem"><a href="{{ .URL }}">{{- .Name -}}</a></li>
                 {{ end }}
+                <!--<a class="site-nav-pill" href="/"><img src="/images/dot-red-open.png" alt="{{ $.Site.Title }}" /></a>
+                <a class="site-nav-pill" href="/"><img src="/images/dot-blue.png" alt="{{ $.Site.Title }}" /></a>
+                <a class="site-nav-pill" href="/"><img src="/images/dot-green.png" alt="{{ $.Site.Title }}" /></a>
+                <a class="site-nav-pill" href="/"><img src="/images/dot-yellow.png" alt="{{ $.Site.Title }}" /></a>-->
             </ul>
         </div>
-        
+
     </div>
 </nav>