⚒️ Adds alertbox to all definitions (#218)

* Adds alertbox to definition pages

* Fixes syntax of links and improves wording of callout links to contribute

11ty/_includes/components/alertbox.njk

@@ -0,0 +1,4 @@
+<div class="alertbox">
+  <h2 class="alertbox__title">Something not quite right?</h2>
+  <p class="alertbox__content">If you found a typo, would like to add another resource, or add nuance to this definition, please feel free to <a href="https://github.com/tatianamac/selfdefined/issues" rel="noreferrer">submit an issue</a> or <a href="https://github.com/tatianamac/selfdefined/pulls" rel="noreferrer">open a pull request</a>.</p>
+</div>

11ty/_includes/layouts/definition.njk

@@ -18,6 +18,7 @@
         </header>
         {% include 'components/content-warning-flag.njk' %}
         {% include 'components/definition-content.njk' %}
+        {% include 'components/alertbox.njk' %}
         {% renderDefinitionContentNextEntries title, slug, collections.definedWords %}
       </article>
     </main>

11ty/index.njk

@@ -18,7 +18,7 @@ layout: layouts/index.njk
   <div class="box">
     <h2 class="sub-headline">Ways to help</h2>
     <ol class="list">
-      <li>Submit words and definitions or contribute to our code base through <a href="https://github.com/tatianamac/selfdefined/pulls" rel="noreferral">pull requests</a> or <a href="https://github.com/tatianamac/selfdefined/issues" rel="noreferral">issues</a>. Start with our <a href="https://github.com/selfdefined/web-app/blob/prod/CONTRIBUTING.md" rel="noreferral">contributing guidelines</a> and <a href="/documentation/">documentation</a>.</li>
+      <li>Submit words and definitions or contribute to our code base through <a href="https://github.com/tatianamac/selfdefined/pulls" rel="noreferrer">pull requests</a> or <a href="https://github.com/tatianamac/selfdefined/issues" rel="noreferrer">issues</a>. Start with our <a href="https://github.com/selfdefined/web-app/blob/prod/CONTRIBUTING.md" rel="noreferrer">contributing guidelines</a> and <a href="/documentation/">documentation</a>.</li>
       <li>Sponsor this work through <a href="https://opencollective.com/selfdefined">Open Collective</a> or <a href="https://github.com/sponsors/tatianamac">GitHub Sponsors</a>.</li>
       <li>Follow us on Twitter <a href="https://www.twitter.com/selfdefinedapp">@SelfDefinedApp</a>.</li>
     </ol>

assets/css/base.scss

@@ -19,7 +19,7 @@
 
 // 5. Components
 @import 'components/word', 'components/lists', 'components/definitions',
-  'components/flag';
+  'components/flag', 'components/alertbox';
 
 // 6. Page-specific styles
 @import './layouts/pages';

assets/css/components/_alertbox.scss

@@ -0,0 +1,13 @@
+.alertbox {
+  border: 2px solid black;
+  padding: 2.25rem;
+
+  &__title {
+    font-size: 1.5rem;
+    margin-top: 0;
+  }
+
+  &__content:last-of-type {
+    margin-bottom: 0;
+  }
+}

assets/css/layouts/_pages.scss

@@ -29,6 +29,10 @@
   max-width: 47rem;
 }
 
+.definition > .alertbox {
+  margin: 2.25rem 0;
+}
+
 .definition__further-definitions_nav {
   margin-top: 3rem;
 }

package-lock.json

@@ -6173,8 +6173,7 @@
         "ansi-regex": {
           "version": "2.1.1",
           "resolved": false,
-          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
-          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -6195,14 +6194,12 @@
         "balanced-match": {
           "version": "1.0.0",
           "resolved": false,
-          "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+          "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
-          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "resolved": false,
           "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -6211,20 +6208,17 @@
         "code-point-at": {
           "version": "1.1.0",
           "resolved": false,
-          "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
+          "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c="
-          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "resolved": false,
-          "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+          "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
-          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "resolved": false,
-          "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
+          "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4="
-          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6332,8 +6326,7 @@
         "inherits": {
           "version": "2.0.3",
           "resolved": false,
-          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
-          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6345,7 +6338,6 @@
           "version": "1.0.0",
           "resolved": false,
           "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
-          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6360,7 +6352,6 @@
           "version": "3.0.4",
           "resolved": false,
           "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
-          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -6450,8 +6441,7 @@
         "number-is-nan": {
           "version": "1.0.1",
           "resolved": false,
-          "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+          "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0="
-          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6463,7 +6453,6 @@
           "version": "1.4.0",
           "resolved": false,
           "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6549,8 +6538,7 @@
         "safe-buffer": {
           "version": "5.1.2",
           "resolved": false,
-          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -6586,7 +6574,6 @@
           "version": "1.0.2",
           "resolved": false,
           "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
-          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -6606,7 +6593,6 @@
           "version": "3.0.1",
           "resolved": false,
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }