diff --git a/brutaldon/static/js/brutaldon-enhancements.js b/brutaldon/static/js/brutaldon-enhancements.js
index 0064378..176c6b4 100644
--- a/brutaldon/static/js/brutaldon-enhancements.js
+++ b/brutaldon/static/js/brutaldon-enhancements.js
@@ -151,3 +151,14 @@ function characterCount()
     return $("#id_status").val().length + $("#id_spoiler_text").val().length;
 }
 
+function animateLinks(selector)
+{
+    $(selector).each(
+        function (index, elt) {
+            $(elt).on("click",
+                   function () {
+                       $('#page-load-indicator').fadeIn();
+                       return true;
+                   });
+        });
+}
diff --git a/brutaldon/templates/base.html b/brutaldon/templates/base.html
index dabde7f..ad35af9 100644
--- a/brutaldon/templates/base.html
+++ b/brutaldon/templates/base.html
@@ -57,7 +57,7 @@
             <nav class="navbar is-fixed-top is-primary" role="navigation"
                  aria-label="main navigation" id="main-nav-bar">
                 <div class="navbar-brand">
-                    <a class="navbar-item" href="{% url "home" %}">
+                    <a class="navbar-item animate-link" href="{% url "home" %}">
                         {% if own_acct %}
                             <img src="{{ own_acct.avatar_static }}"
                                  class="image is-32x32 avatar"
@@ -73,11 +73,11 @@
                         <div class="navbar-menu is-active" id="navMenu">
                             <!-- navbar start, navbar end -->
                             <div class="navbar-start">
-                                <a href="{% url "home" %}" class="navbar-item">
+                                <a href="{% url "home" %}" class="navbar-item animate-link">
                                     <span class="fa fa-home"></span>
                                     <span>&nbsp; Home</span>
                                 </a>
-                                <a class="navbar-item" href="{% url "note" %}"
+                                <a class="navbar-item animate-link" href="{% url "note" %}"
 >
                                     <span class="fa fa-bell-o"></span>
                                     {% if preferences.notifications and not preferences.theme.is_brutalist %}
@@ -97,29 +97,29 @@
                                         <span >&nbsp; Notifications</span>
                                     {% endif %}
                                 </a>
-                                <a class="navbar-item" href="{% url "local" %}">
+                                <a class="navbar-item animate-link" href="{% url "local" %}">
                                     <span class="fa fa-community"></span>
                                     <span >&nbsp; Local</span>
                                 </a>
-                                <a class="navbar-item" href="{% url "fed" %}">
+                                <a class="navbar-item animate-link" href="{% url "fed" %}">
                                     <span class="fa fa-globe"></span>
                                     <span >&nbsp;Federated</span>
                                 </a>
-                                <a class="navbar-item" href="{% url "toot" %}">
+                                <a class="navbar-item animate-link" href="{% url "toot" %}">
                                     <span class="fa fa-edit"> </span>
                                     <span >&nbsp; New Toot</span>
                                 </a>
-                                <a class="navbar-item" href="{% url "search" %}">
+                                <a class="navbar-item animate-link" href="{% url "search" %}">
                                     <span class="fa fa-search"> </span>
                                     <span >&nbsp; Search</span>
                                 </a>
                             </div>
                             <div class="navbar-end" >
-                                <a class="navbar-item" href="{% url "settings" %}">
+                                <a class="navbar-item animate-link" href="{% url "settings" %}">
                                     <span class="fa fa-gear"></span>
                                     <span >&nbsp;Settings</span>
                                 </a>
-                                <a class="navbar-item" href="{% url "logout" %}">
+                                <a class="navbar-item animate-link" href="{% url "logout" %}">
                                     <span class="fa fa-power-off"></span>
                                     <span >&nbsp;Log out</span>
                                 </a>
@@ -172,6 +172,7 @@
             <script type="application/javascript">
              $(document).ready(function () {
                  menuPrepare();
+                 animateLinks(".animate-link");
              });
 
              {% if preferences.lightbox %}
diff --git a/brutaldon/templates/main/toot_partial.html b/brutaldon/templates/main/toot_partial.html
index 3d7932e..99e9efe 100644
--- a/brutaldon/templates/main/toot_partial.html
+++ b/brutaldon/templates/main/toot_partial.html
@@ -143,7 +143,7 @@
                     {% endif %}
                     {{ toot.visibility }}
                     &nbsp;&nbsp;
-                    <a class="level-item" href="{% url "thread" toot.id %}">
+                    <a class="level-item animate-link" href="{% url "thread" toot.id %}">
                         thread
                     </a>
                 </div>