selfdefined/11ty/_includes/components/content-warning-flag.njk
Matthew Shields f72d41280a
⚒️ Adds content warning guidelines page (#200)
* Add empty page content file

* Add link in footer

* Make footer links span two columns when in grid template layout

* wrap footer grid-column in media query to strip triggering 2 columns on mobile

* Add guidelines content

* Capitalise 'Warning'

* Add link to guidance page from guidance definition block

* Change 'term' to 'topic'

* Update 11ty/content-warning-guidelines/index.md

Co-authored-by: Tatiana Mac <github@tatianamac.com>

* Update 11ty/content-warning-guidelines/index.md

Co-authored-by: Tatiana Mac <github@tatianamac.com>

* Update 11ty/content-warning-guidelines/index.md

Co-authored-by: Tatiana Mac <github@tatianamac.com>

* Update 11ty/content-warning-guidelines/index.md

Co-authored-by: Tatiana Mac <github@tatianamac.com>

* Update 11ty/content-warning-guidelines/index.md

Co-authored-by: Tatiana Mac <github@tatianamac.com>

* remove additional line breaks to pass lint tests

* remove my now unneeded media query

* Remove longer content warning from definition page

* Change content warning flag to link to separate content warning guidance page

* remove unneeded content flag styling

Co-authored-by: Tatiana Mac <tatiana.t.mac@gmail.com>
Co-authored-by: Tatiana Mac <github@tatianamac.com>
2020-06-20 11:06:01 -07:00

16 lines
764 B
Plaintext

{%- if
flag and
flag.text and
(flag.level == 'avoid') -%}
<div class="u-margin-bottom-double content-flag content-flag--avoid">
<p class="small">We would recommend adding a content warning when speaking about this term. Please <a href="/content-warning-guidelines/">read the guidance</a> on how and when to warn people before using this term in any context.</p>
</div>
{%- elseif
flag and
flag.text and
(flag.level == 'warning') -%}
<div class="u-margin-bottom-double content-flag">
<p class="small">We would recommend adding a content warning when speaking about this term. Please <a href="/content-warning-guidelines/">read the guidance</a> on how and when to warn people before using this term in any context.</p>
</div>
{% endif %}