diff --git a/_includes/nav.html b/_includes/nav.html
index e4e36a8..14b6135 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -13,13 +13,8 @@
                 <li class="nav-item">
                     <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">Projects</a>
-                    <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
-                        <li><a class="dropdown-item" href="/projects/maintained/">Maintained</a></li>
-                        <li><a class="dropdown-item" href="/projects/archived/">Archived</a></li>
-                        <li><a class="dropdown-item" href="/projects/contributions">Contributions</a></li>
-                    </ul>
+                <li class="nav-item">
+                    <a class="nav-link" href="/projects">Projects</a>
                 </li>
                 <li class="nav-item">
                     <a class="nav-link" href="/aboutme">About Me</a>
diff --git a/assets/icons/cashcalc.png b/assets/icons/cashcalc.png
new file mode 100644
index 0000000..65fa7cc
Binary files /dev/null and b/assets/icons/cashcalc.png differ
diff --git a/products/icons.html b/products/icons.html
index 7db0be0..e9f2a92 100644
--- a/products/icons.html
+++ b/products/icons.html
@@ -16,7 +16,41 @@ layout: default
   <h2>Custom icons made just for your macOS or iOS app.</h2>
   <p>Standardized pricing available soon. Contact me (info below) to get an estimate.</p>
   <p>Most icons made are stylized for macOS/iOS. Ask about other design styles designed for other platforms.</p>
-  <img class="banner-image" src="https://cdn.ncxprogramming.com/file/image/banner/iconstore1.svg" alt="an awesome banner. too bad it isn't loading for you :(">
+  <p>
+    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#iconsCollapse" aria-expanded="false" aria-controls="collapseExample">
+      Show Examples
+    </button>
+  </p>
+  <div class="collapse" id="iconsCollapse">
+    <div class="card card-body">
+      <div class="container">
+        <div class="row">
+          <div class="col-sm-3">
+            <div class="card">
+              <img src="https://cdn.ncxprogramming.com/file/icon/rngtoolraw.png" class="card-img-top" alt="The app's icon.">
+              <div class="card-body">
+                <h5 class="card-title">RNGTool</h5>
+                <h6 class="card-subtitle mb-2 text-muted">App by NinjaCheetah</h6>
+                <p class="card-text">Icon made for and used in my own program, RNGTool.</p>
+                <a href="https://github.com/NCX-Programming/RNGTool" class="btn btn-primary">GitHub</a>
+              </div>
+            </div>
+          </div>
+          <div class="col-sm-3">
+            <div class="card">
+              <img src="/assets/icons/cashcalc.png" class="card-img-top" alt="The app's icon.">
+              <div class="card-body">
+                <h5 class="card-title">Calculate Cash</h5>
+                <h6 class="card-subtitle mb-2 text-muted">App by Nice Apps</h6>
+                <p class="card-text">Icon made for and used in the app "Calculate Cash".</p>
+                <a href="https://apps.apple.com/us/app/calculate-cash/id1600571579" class="btn btn-primary">App Store</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
   <h1>Payment</h1>
   <p>I operate on a "don't pay if you don't want it" system. I'll keep working until I've made an icon you'd actually like to use for your program.<p>
   <p>While payment details aren't available right now, you're still able to purchase an icon from me by using the contact info below.</p>
diff --git a/projects/archived/index.html b/projects/archived/index.html
deleted file mode 100644
index 60ead68..0000000
--- a/projects/archived/index.html
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: Archived
-layout: default
----
-
-<script src="/projects/index.js"></script>
-<div id="projectList">
-  <div class="banner">
-    <img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
-  </div>
-  <noscript><h2>this page needs JavaScript to work</h2></noscript>
-  <h1 class="text-center">things i previously made.</h1>
-  <div class="container">
-    <div class="row">
-      {% for item in site.data.projects-archived %}
-      <div class="col-sm-3">
-        <div class="card">
-          <img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
-          <div class="card-body">
-            <h5 class="card-title">{{ item.truename }}</h5>
-            <p class="card-text">{{ item.desc }}</p>
-            <a href="/projects/archived/{{ item.name }}" class="btn btn-primary">Read More</a>
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-  <div class="container text-center">
-    <h5>Also see</h5>
-    <h5><a href="/projects/maintained/">Maintained Projects</a> | <a href="/projects/contributions">Contributions</a></h5>
-  </div>
-</div>
-
diff --git a/projects/contributions.html b/projects/contributions.html
deleted file mode 100644
index 2d4a4e7..0000000
--- a/projects/contributions.html
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: Contributions
-layout: default
----
-
-<script src="/projects/index.js"></script>
-<div id="projectList">
-    <div class="banner">
-        <img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
-    </div>
-    <noscript><h2>this page needs JavaScript to work</h2></noscript>
-    <h1 class="text-center">things i've contributed to.</h1>
-    <div class="container" style="padding-bottom: 2rem">
-        <div class="row">
-            {% for item in site.data.projects-contributed %}
-            <div class="col-sm-3">
-                <div class="card">
-                    <div class="card-body">
-                        <h5 class="card-title">{{ item.truename }}</h5>
-                        <h6 class="card-subtitle mb-2 text-muted">{{ item.author }}</h6>
-                        <p class="card-text">{{ item.desc }}</p>
-                        <a href="https://github.com/{{ item.author }}/{{ item.name }}" class="btn btn-primary">Source</a>
-                    </div>
-                </div>
-            </div>
-            {% endfor %}
-        </div>
-    </div>
-    <div class="container text-center">
-        <h5>Also see</h5>
-        <h5><a href="/projects/maintained/">Maintained Projects</a> | <a href="/projects/archived/">Archived Projects</a></h5>
-    </div>
-</div>
-
diff --git a/projects/index.html b/projects/index.html
index b777c17..1becff4 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -9,56 +9,71 @@ layout: default
         <img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
     </div>
     <noscript><h2>this page needs JavaScript to work</h2></noscript>
-    <h1 class="text-center">things i've made.</h1>
-    <h5 class="text-center">Maintained</h5>
-    <div class="container">
-        <div class="row">
-            {% for item in site.data.projects-maintained %}
-            <div class="col-sm-3">
-                <div class="card">
-                    <img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
-                    <div class="card-body">
-                        <h5 class="card-title">{{ item.truename }}</h5>
-                        <p class="card-text">{{ item.desc }}</p>
-                        <a href="/projects/{{ item.name }}" class="btn btn-primary">Read More</a>
-                    </div>
-                </div>
-            </div>
-            {% endfor %}
+    <h1 class="text-center">things i've worked on.</h1>
+    <nav>
+        <div class="nav nav-tabs" id="nav-tab" role="tablist">
+            <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Maintained</button>
+            <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Archived</button>
+            <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">Contributions</button>
         </div>
-    </div>
-    <h5 class="text-center">Archived</h5>
-    <div class="container">
-        <div class="row">
-            {% for item in site.data.projects-archived %}
-            <div class="col-sm-3">
-                <div class="card">
-                    <img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
-                    <div class="card-body">
-                        <h5 class="card-title">{{ item.truename }}</h5>
-                        <p class="card-text">{{ item.desc }}</p>
-                        <a href="/projects/{{ item.name }}" class="btn btn-primary">Read More</a>
+    </nav>
+    <div class="tab-content" id="nav-tabContent">
+        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
+            <h3 class="text-center">Maintained</h3>
+            <div class="container">
+                <div class="row">
+                    {% for item in site.data.projects-maintained %}
+                    <div class="col-sm-3">
+                        <div class="card">
+                            <img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
+                            <div class="card-body">
+                                <h5 class="card-title">{{ item.truename }}</h5>
+                                <p class="card-text">{{ item.desc }}</p>
+                                <a href="/projects/maintained/{{ item.name }}" class="btn btn-primary">Read More</a>
+                            </div>
+                        </div>
                     </div>
+                    {% endfor %}
                 </div>
             </div>
-            {% endfor %}
         </div>
-    </div>
-    <h1 class="text-center">things i've contributed to.</h1>
-    <div class="container" style="padding-bottom: 2rem">
-        <div class="row">
-            {% for item in site.data.projects-contributed %}
-            <div class="col-sm-3">
-                <div class="card">
-                    <div class="card-body">
-                        <h5 class="card-title">{{ item.truename }}</h5>
-                        <h6 class="card-subtitle mb-2 text-muted">{{ item.author }}</h6>
-                        <p class="card-text">{{ item.desc }}</p>
-                        <a href="https://github.com/{{ item.author }}/{{ item.name }}" class="btn btn-primary">Source</a>
+        <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
+            <h3 class="text-center">Archived</h3>
+            <div class="container">
+                <div class="row">
+                    {% for item in site.data.projects-archived %}
+                    <div class="col-sm-3">
+                        <div class="card">
+                            <img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
+                            <div class="card-body">
+                                <h5 class="card-title">{{ item.truename }}</h5>
+                                <p class="card-text">{{ item.desc }}</p>
+                                <a href="/projects/archived/{{ item.name }}" class="btn btn-primary">Read More</a>
+                            </div>
+                        </div>
                     </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+        <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
+            <h3 class="text-center">Contributions</h3>
+            <div class="container" style="padding-bottom: 2rem">
+                <div class="row">
+                    {% for item in site.data.projects-contributed %}
+                    <div class="col-sm-3">
+                        <div class="card">
+                            <div class="card-body">
+                                <h5 class="card-title">{{ item.truename }}</h5>
+                                <h6 class="card-subtitle mb-2 text-muted">{{ item.author }}</h6>
+                                <p class="card-text">{{ item.desc }}</p>
+                                <a href="https://github.com/{{ item.author }}/{{ item.name }}" class="btn btn-primary">Source</a>
+                            </div>
+                        </div>
+                    </div>
+                    {% endfor %}
                 </div>
             </div>
-            {% endfor %}
         </div>
     </div>
 </div>
diff --git a/projects/maintained/index.html b/projects/maintained/index.html
deleted file mode 100644
index c278d27..0000000
--- a/projects/maintained/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: maintained
-layout: default
----
-
-<script src="/projects/index.js"></script>
-<div id="projectList">
-    <div class="banner">
-        <img class="banner-image" src="/assets/banner/projects.svg" alt="an awesome banner. too bad it isn't loading for you :(">
-    </div>
-    <noscript><h2>this page needs JavaScript to work</h2></noscript>
-    <h1 class="text-center">things i've made.</h1>
-    <div class="container">
-        <div class="row">
-            {% for item in site.data.projects-maintained %}
-            <div class="col-sm-3">
-                <div class="card">
-                    <img src="{{ item.icon }}" class="card-img-top" alt="The app's icon.">
-                    <div class="card-body">
-                        <h5 class="card-title">{{ item.truename }}</h5>
-                        <p class="card-text">{{ item.desc }}</p>
-                        <a href="/projects/maintained/{{ item.name }}" class="btn btn-primary">Read More</a>
-                    </div>
-                </div>
-            </div>
-            {% endfor %}
-        </div>
-    </div>
-    <div class="container text-center">
-        <h4>Looking for my other work? Visit <a href="https://ncxprogramming.com/programs/" target="_blank">ncxprogramming.com</a></h4>
-        <h5>Also see</h5>
-        <h5><a href="/projects/archived/">Archived Projects</a> | <a href="/projects/contributions">Contributions</a></h5>
-    </div>
-</div>
-