Add custom buttons to hero

static/src/scss/base.scss

@@ -32,7 +32,7 @@ a {
   transition: color 0.25s, background-color 0.25s;
 
   @include dark-mode {
-    &:hover {
+    &:not(.button):hover {
       color: $grey-lighter;
     }
   }

website/blog/templates/blog/blog_list_page.html

@@ -6,6 +6,11 @@
   <link rel="alternate" type="application/rss+xml" href="{% routablepageurl page 'feed' %}">
 {% endblock %}
 
+{% block hero_buttons %}
+  <a class="button is-radiusless" href="{% routablepageurl page 'feed' %}" title="View feed"><i class="fas fa-rss" aria-hidden="true"></i></a>
+  {{ block.super }}
+{% endblock %}
+
 {% block post_content %}
   <section class="container">
     {% for page in child_pages %}

website/common/templates/wagtail_base.html

@@ -23,6 +23,7 @@
             {% include "common/content-details.html" %}
           </div>
           <div class="column is-narrow dropdown-wrapper is-hidden-touch is-grouped">
+            {% block hero_buttons %}
               {% if page.table_of_contents %}
                 <div class="dropdown is-hoverable is-right" id="table-of-contents">
                   <div class="dropdown-trigger">
@@ -46,6 +47,7 @@
               {% endif %}
 
               <button class="button is-radiusless scroll-top">Top <i class="fas fa-angle-up ml-2" aria-hidden="true"></i></button>
+            {% endblock %}
           </div>
         </div>
       </div>