diff --git a/11ty/_includes/components/alertbox.njk b/11ty/_includes/components/alertbox.njk new file mode 100644 index 00000000..492f6228 --- /dev/null +++ b/11ty/_includes/components/alertbox.njk @@ -0,0 +1,4 @@ +
+

Something not quite right?

+

If you found a typo, would like to add another resource, or add nuance to this definition, please feel free to submit an issue or open a pull request.

+
\ No newline at end of file diff --git a/11ty/_includes/layouts/definition.njk b/11ty/_includes/layouts/definition.njk index 59ec8f51..67b78e2e 100644 --- a/11ty/_includes/layouts/definition.njk +++ b/11ty/_includes/layouts/definition.njk @@ -18,6 +18,7 @@ {% include 'components/content-warning-flag.njk' %} {% include 'components/definition-content.njk' %} + {% include 'components/alertbox.njk' %} {% renderDefinitionContentNextEntries title, slug, collections.definedWords %} diff --git a/11ty/index.njk b/11ty/index.njk index f3cfc3fc..d10b2186 100644 --- a/11ty/index.njk +++ b/11ty/index.njk @@ -18,7 +18,7 @@ layout: layouts/index.njk

Ways to help

    -
  1. Submit words and definitions or contribute to our code base through pull requests or issues. Start with our contributing guidelines and documentation.
    2. +
  2. Submit words and definitions or contribute to our code base through pull requests or issues. Start with our contributing guidelines and documentation.
  3. Sponsor this work through Open Collective or GitHub Sponsors.
  4. Follow us on Twitter @SelfDefinedApp.
diff --git a/assets/css/base.scss b/assets/css/base.scss index 95f69b42..07e65e2a 100644 --- a/assets/css/base.scss +++ b/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'; diff --git a/assets/css/components/_alertbox.scss b/assets/css/components/_alertbox.scss new file mode 100644 index 00000000..2d9ccd62 --- /dev/null +++ b/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; + } +} diff --git a/assets/css/layouts/_pages.scss b/assets/css/layouts/_pages.scss index 2cd276e1..76c75ab3 100644 --- a/assets/css/layouts/_pages.scss +++ b/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; } diff --git a/package-lock.json b/package-lock.json index 8144afb6..2f725de2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6173,8 +6173,7 @@ "ansi-regex": { "version": "2.1.1", "resolved": false, - "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", - "optional": true + "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=" }, "aproba": { "version": "1.2.0", @@ -6195,14 +6194,12 @@ "balanced-match": { "version": "1.0.0", "resolved": false, - "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", - "optional": true + "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" }, "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=", - "optional": true + "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=" }, "concat-map": { "version": "0.0.1", "resolved": false, - "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", - "optional": true + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" }, "console-control-strings": { "version": "1.1.0", "resolved": false, - "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", - "optional": true + "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=" }, "core-util-is": { "version": "1.0.2", @@ -6332,8 +6326,7 @@ "inherits": { "version": "2.0.3", "resolved": false, - "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "optional": true + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" }, "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=", - "optional": true + "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=" }, "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==", - "optional": true + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" }, "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" } @@ -15258,4 +15244,4 @@ "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=" } } -} +} \ No newline at end of file diff --git a/package.json b/package.json index 5d91af4f..b84ef553 100644 --- a/package.json +++ b/package.json @@ -81,4 +81,4 @@ "engines": { "node": "12" } -} +} \ No newline at end of file