19 Commits

Author SHA1 Message Date
Maxime Preaux
c1f9f67a1c
Adds blacklist/whitelist, fix styling of blockquotes (#308)
* Add definition for blacklist/whitelist

* Code review updates

* Yaml fix

* Organized alt words and fix blockquote styling

* Refined the wording

* Update summary

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

* Update excerpt

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

* Apply suggestions from code review

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

* Minor wording improvements

* Fixed a contradiction about the origin of the terms

Co-authored-by: Maxime Preaux <maxime@boundless.com>
Co-authored-by: Tatiana Mac <github@tatianamac.com>
2020-11-24 13:17:06 -08:00
F
93a7c44950
🎨 Style uls like ps when they're direct content (#347)
Without this change, `ul`s get compressed to a single grid column if they're direct children of `.definition-content__content`.

Co-authored-by: Tatiana Mac <github@tatianamac.com>
2020-10-07 17:15:35 -07:00
Oscar
7f7943d2fc
🌓 Adds Dark Mode (#210)
* feat(dark mode): set up first set of colors

* feat(dark mode): define state colours

* 🧹

* feat(dark mode): variablify all teh wordz

* feat(dark mode): set colors on body

* feat(dark mode): replace hard coded color value

* feat(dark mode): 🌑

* feat(a11y): update link focus styles

- restores visible focus in windows high contrast mode
- increases visibility in boxes with bg colour

* feat(dark mode): enable postcss

* 💅

* feat(dark mode): add user control

* chore: use generic headline name

* feat(dark mode): hide switch until script loads

* feat(dark mode): increase link contrast

* add content warning to footer nav partial

* feat(dark mode): replace hard coded colour value in alertbox

* feat(dark mode): tone down text colour

* feat(dark mode): properly invert code elements

* 🧹 move box styles into own partial

* feat(dark mode): use darker colour as background for links
2020-08-26 03:10:24 -07:00
Kate Sowles
2a8f1014b8
Feature/rss feed (#192)
* installed @11ty/eleventy-plugin-rss package and added it to the config

* adding default rss template from the 11ty documentation

* using 'definedWords' as a collection, not 'posts'

* added a link to the feed in the html head, on the homepage so it's co-located with the other means of engagement, and in the feed itself (permalink is now part of metadata too)

* metadata.description is what we want to show as the feed subtitle, and made the author name safe as part of the metadata json; can't use the safe filter otherwise xml blows up

* removed redundant --- from right below the frontmatter, which md turns into a <hr>, which makes xml blow up

* made indentation consistent

* removing subscribe link from the CTA box, adding it to the footer next to Documentation link with bullet delimiter; updated site footer's ul style to show list items as display-block elements

* on definition pages, the footer is constrained to have the max width of the sidebar (160px). set grid-column: 1 / -1 to give it the full width to match the home/toc page

* created a new collection for sorting only defined words via their .date value (should be created date unless otherwise specified)

* RSS feed now shows posts in the order used by new definedWordsChronological collection

* reversed sort order as requested

* re-prettier-ifying eleventy.js

Co-authored-by: Oscar <ovlb@users.noreply.github.com>
2020-06-12 11:21:37 +02:00
tatianamac
11bbee568a 🐛 Fixes SCSS build errors 2020-05-28 21:18:01 -07:00
Matthew Shields
909c90f776
⚠️ Adds content warning guidelines (#156)
* Move speech definition into main template

* Remove speech definition from definition-content.njk

* add margin top helper

* add content flag components

* Add selection styling to .box class

* Change content warning flag styling

* Add additional content warning guidance and change styling

* Expand examples list

* reworded topic[s] after testing in screen reader

* Also adjust wording on avoid content guidelines block

* Output title into content warning example

* Update 11ty/_includes/components/content-warning.njk

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

* Update 11ty/_includes/components/content-warning-flag.njk

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

* Update 11ty/_includes/components/content-warning.njk

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

Co-authored-by: Tatiana Mac <github@tatianamac.com>
2020-05-28 16:08:35 -07:00
Bashu Naimi-Roy
941403694a
Style fixes (#144)
* change "title__thicc" classname to "title--thicc" to reflect BEM naming convention

* fix indentation in index.njk

* add vertical spacing between homepage sections

* convert ".help" class to ".box__list" class

CSS classes generally shouldn't be related to content

* remove duplicate code for .page

* change auto-grid class to "auto-fit", from "auto-fill"

This reduces unused negative space on screens between 800-1200px wide

* use proper BEM practice - block, then modifier class

* refactor .flag styles to be more BEM

* add BEM block-level class to h1

* refactor box__list to simply "list"

* It will be its own component rather than element of the "box" block

* Remove duplicate (older) thicc styles from _header.scss

* rename .title--thicc to .thicc-headline to be more consistent with other "headline" heading classes

* rename another .title--thicc -> .thicc-headline

* refactor CSS selector from adjacent to class

* refactor the whole header to separate grid layout and typography

* remove unneeded grid style

* it's not a grid item

* remove sub-headline typography from _header.scss and add it to _typography.scss

* remove horizontal margin from box below tablet size

* noticed that the .box class, which is already squished on 320px wide screens, is more squished because of its margins.

* allow headings to wrap if necessary

noticed that headings (e.g. "development and build") were blowing out the grid on small screens and causing horizontal scroll

* rename subtitle to "sub-headline"

* convert <section> to <header>

makes more semantic sense for a screen-reader, since this really is the header of the document.

* discard heading wrapper element in favour of having just the heading element

Co-authored-by: Oscar <ovlb@users.noreply.github.com>
2020-05-28 10:01:04 +02:00
Harsh Kapadia
daf0661b01
🐛 Fixed mobile view for home page (#124) (#127) 2020-05-11 15:30:32 -07:00
Tatiana Mac
878b474f32 ⚠️ Add flag design for content warning (#120)
* ⚠️ Add flag design for content warning

* Fix build error

* Lol fix build error

* Added terms
2020-05-09 20:13:45 -07:00
Conlin Durbin
beb2f5db69
🎨 Enhance :focus style for a11y
* Adding link changes with text-decoration and background

* Update assets/css/base/_a.scss

Co-Authored-By: EJ Mason <eliasjmason@gmail.com>

* Add SCSS variable

Co-authored-by: Conlin Durbin <conlin@lessonly.com>
Co-authored-by: EJ Mason <eliasjmason@gmail.com>
Co-authored-by: Tatiana Mac <github@tatianamac.com>
2020-05-01 19:06:27 -07:00
EJ Mason
6fa24fa1dc
🖌️ fix order of rule set (#99)
Co-authored-by: Tatiana Mac <github@tatianamac.com>
2020-03-19 16:28:22 -07:00
Ekaterina Mekhnetsova
c39fbd7af6
Updated "Ways to Help" section (#93)
* Updated Ways to Help section

* Update index.njk

* Update _grid.scss

* Update index.njk

Co-authored-by: Mekhnetsova, Ekaterina <ekaterina.mekhnetsova@intel.com>
2020-03-17 15:12:59 -07:00
Oscar
bd88c18fd0
📄 Add Detail Pages for Definitions (#75)
* fix: untrack definitions in dist

* feat(detail pages): update item link

* feat(detail pages): add layout

* feat(detail pages): render whole definition content

* feat(detail pages): remove definitons from homepage

* 🧹 def list component

* feat(layout): render site footer in all pages

* feat(detail pages): rename definition root class && move css into partials

* chore: abstract further css into own files

* feat(detail pages): update headling level of definition content

* feat(styles): set box sizing

* feat(styles): add margin bottom utility

* feat(styles): selection

* feat(components): sub page header own component

* feat(detail pages): add sections

* feat(style): mian headline

* feat(page layout): rename page content grid

* feat(page layout): add wide content class

* feat(detail pages): set document title

* feat(detail pages): set uniform document title for docs and definitions

* feat(page title): add comment

* feat(detail pages): add meta description

* feat(detail pages): wrap def header in article tag

* chore: set up ava

* feat(filters): move permalink function into file, add test

* chore: rename _temp to _util, remove creation script

* feat(detail pages): helper function to find additional definitions

* chore: move helpers to single directory

* feat(detail pages): create shortcode for further definition navigation

* feat(detail pages): fix find defs function

* feat(detail pages): shortcode for browse nav markup

* chore: fix collection mock data

* feat(detail pages): render browse nav

* feat(detail pages): style browse nav, style improvements

* feat(detail pages): test redirect

* feat(detail pages): client side redirect

* feat(homepage): set title

* 💅

* feat(detail pages): incorporate design changes

* feat(detail pages): hide browse headlines

* feat(detail pages): label lists

* feat(footer): add aria label

* feat(detail pages): redice heading level in md

* feat(detail pages): spacing in browse nav

* feat(detail pages): reduce line height

* feat(detail pages): set max width w/o breaking homepage

* feat(detail pages): replace in-definition definition links

* 🧹

* feat(detail pages): recover spacing utility

* 🧹

* chore(packages): update ava

* config: specify nvm version

* 💅

* 💅
2020-03-09 15:47:06 -07:00
Michael Spellacy (Spell)
6050307a78
🐛 Fixed red flag splitting across two lines (#79)
* Fix red flag splitting across two lines

Added white-space: nowrap to .flag_red and added new properties to link within toc to compensate for nowrap.

* Reverting back to original state.

* Revisited line wrap issue.

Co-authored-by: Tatiana Mac <github@tatianamac.com>
2020-03-08 12:50:47 -07:00
Ned Zimmerman
86713728a4
⚙️ Add stylelint and base configuration (see #74) (#92)
* tooling: add stylelint and base configuration (see #74)

* Autofix with stylelint on commit
2020-03-07 10:23:05 -08:00
Tatiana Mac
10843f2909
⚒️ Restructured Sass organisation (#83)
*  🌈  Organise colors with vars only

*   New file structure

* File restructuring

*  ⚒️ Fix build issue

* Rearranged files
2020-02-20 08:38:32 +11:00
Oscar
61508441c4 fix(table of content): use break-inside 2020-01-15 16:19:56 +01:00
Oscar
7a04c5fa6f chore: move mutli col into own file 2020-01-15 16:13:36 +01:00
Oscar
a0c65ee102 fix(table of content): avoid breaks inside of list items 2020-01-15 16:13:23 +01:00