Link to become an editor on published pages

common/common.scss

@@ -662,16 +662,41 @@ 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;
     box-shadow: unset;
     top: unset;
     position: unset;
-    margin-top: 10px;
+    margin-top: 30px;
 
     .published-page-header-wrapper {
         justify-content: center;
+        background: var(--secondary);
+        max-width: 1000px;
+        border-radius: 1em 1em 0 0;
+        padding-top: 3em;
 
         a {
             display: none;
@@ -685,10 +710,10 @@ html body #main-outlet {
 
 .published-page-content-wrapper {
     max-width: 1000px;
-    margin-top: 30px;
+    margin-top: 0;
     margin-bottom: 50px;
     background: var(--secondary);
-    border-radius: 1em;
+    border-radius: 0 0 1em 1em;
     padding: 3em 3em 5%;
     box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
         0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),

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">