Link to become an editor on published pages

common/common.scss

@@ -662,6 +662,27 @@ html body #main-outlet {
     }
 }
 
+.become-editor-link {
+    display: none;
+    margin: -40px auto 30px auto;
+    max-width: 1000px;
+
+    a {
+        color: var(--primary-high);
+        text-decoration: underline;
+    }
+
+    a:visited {
+        color: var(--primary-high);
+    }
+}
+
+.published-page {
+    .become-editor-link {
+        display: block;
+    }
+}
+
 // published page additions
 .published-page-header {
     background-color: unset;

common/footer.html

@@ -1,3 +1,9 @@
+<div class="become-editor-link">
+    <a href="https://orcas.community/editor">
+        Become an editor
+    </a>
+</div>
+
 <footer class="orcashub-footer">
     <div class="outer-container">
         <div class="inner-container">