Skip to content

Commit be5b739

Browse files
committed
content: adjust featured posts
1 parent 1b048fd commit be5b739

10 files changed

+8
-16
lines changed

src/_includes/layouts/post.njk

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@ templateclass: content
88

99
<div class="wrapper container">
1010
<article class="grid-whole@xxs grid-whole@xs grid-whole@s grid-twothirds@m grid-twothirds@l grid-twothirds@xl padding-thinn@xs padding-thinn@s">
11-
<p class="t-serif details">{{ description }}</p>
1211
<h1 class="t-serifweight t-ultrachonk t-height-tight">{{ title }}</h1>
1312

1413
{{ content | safe }}

src/posts/beginner-eleventy-tutorial-parti.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@ date: 2020-04-02 16:09:03
66
tags:
77
- tutorials
88
- Eleventy
9-
- featured
109
- engineering
1110
layout: layouts/post.njk
1211
bgColor: white

src/posts/beginner-eleventy-tutorial-partii.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@ date: 2020-05-19 12:49:13
66
tags:
77
- tutorials
88
- Eleventy
9-
- featured
109
- engineering
1110
layout: layouts/post.njk
1211
bgColor: white

src/posts/beware-of-burnout.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ description: "How to make meaningful change"
44
summary: "Activism is not a sprint to a finish; there is no finish, but rather a life-long marathon commitment to showing up every single day. Like running, it requires training and a strategy"
55
date: 2020-06-08 18:27:11
66
tags:
7-
- featured
87
- humans
98
layout: layouts/post.njk
109
bgColor: white

src/posts/enter-strawman.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ description: "Practical engineering"
44
summary: "Use a strawman to build up an idea rather than to tear it down."
55
date: 2023-03-08 01:47:33
66
tags:
7-
- featured
87
- engineering
98
- communication
109
layout: layouts/post.njk

src/posts/mistakes.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Compassionate action over empathy
3-
description: "On Empathy"
4-
summary: "Empathy gets thrown around a lot as the solution to the world's problems. I think we need to examine what empathy really is."
3+
description: "I see a lot of chatter about “empathy.” In design and tech we frame nearly every human problem with it. The word has become a watery, vague catch-all. I think it’s a problem."
4+
summary: "Empathy gets thrown around a lot as the solution to the world's problems. I think we need to examine what empathy really is. (It's not what you think.)"
55
date: 2020-06-09 12:57:02
66
tags:
77
- featured

src/posts/prefers-reduced-motion.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: "prefers-reduced-motion: Taking a no-motion-first approach to animations"
33
description: Animations should be an enhancement, not critical to a user's understanding
4-
summary: Use the prefers-reduced-motion media query to help guide your animation principles
4+
summary: Animations should be an enhancement, not critical to a user's understanding. Use the prefers-reduced-motion media query to help guide your animation principles
55
date: 2021-03-18 12:56:13
66
tags:
77
- featured
@@ -75,7 +75,7 @@ When I collaborate with a designer/animator on an animation, I first ask, "Is th
7575

7676
### When the answer is "No"
7777

78-
More often than not, the answer is "no." (It might take some finessing of the conversation, so remember to emphasise that being **critical** isn't the same thing as being **important** or **nice** or **aesthetic**.) When conceived well, animations should be an _enhancement_ to an explanation.
78+
More often than not, the answer is "no." (It might take some finessing of the conversation, so remember to emphasise that being **critical** isn't the same thing as being **important** or **nice** or **aesthetic**.) When conceived well, animations should be an *enhancement* to an explanation.
7979

8080
If the animation isn't critical, then my default code is to include `animation: none` for all of my animations. In CSS, it could look something like this:
8181

@@ -89,7 +89,7 @@ If the animation isn't critical, then my default code is to include `animation:
8989
}
9090
```
9191

92-
Another way it could look is to reverse our thought process. Instead of defaulting to _adding_ animations universally, we can instead _only add_ them for people who have designated `no-preference`.
92+
Another way it could look is to reverse our thought process. Instead of defaulting to *adding* animations universally, we can instead *only add* them for people who have designated `no-preference`.
9393

9494
The code could look something like this:
9595

@@ -124,7 +124,7 @@ Framer Motion sets a good tone for accessibilty in documentation with their [Gui
124124

125125
### Animation-specific stylesheet
126126

127-
Since we've all agreed that our animations aren't critical to perceiving our page (winky face), we can take that one step further and _only_ serve our users CSS if they are cool with `prefers-reduced-motion: no-preference`.
127+
Since we've all agreed that our animations aren't critical to perceiving our page (winky face), we can take that one step further and *only* serve our users CSS if they are cool with `prefers-reduced-motion: no-preference`.
128128

129129
Here's what you might include in your HTML file in the `<head>` tag:
130130

@@ -156,13 +156,13 @@ I also ranked these questions in level of spiciness for ~~no other reason than m
156156
- What other ways can we serve up the critical animation? (e.g., through written text, through a static diagram, etc) 🌶🌶
157157
- If the animation can't load for someone or they can't see it, what was your plan? 🌶🌶🌶
158158

159-
Most of the time, I'm negotiating a way to get information to be served in _more_ ways. Changing the answer from "yes, this animation is critical to understanding" to "no, this animation is not critical but an enhancement." Remember, accessibility means giving the users as many, diversified options as possible, not determining which option works best for them.
159+
Most of the time, I'm negotiating a way to get information to be served in *more* ways. Changing the answer from "yes, this animation is critical to understanding" to "no, this animation is not critical but an enhancement." Remember, accessibility means giving the users as many, diversified options as possible, not determining which option works best for them.
160160

161161
## Beyond CSS animations
162162

163163
### Auto-playing video
164164

165-
Auto-playing anything is cruel to both users who experience vestibular disorders _and_ neurodivergent users for whom autoplay can cause major focus issues.
165+
Auto-playing anything is cruel to both users who experience vestibular disorders *and* neurodivergent users for whom autoplay can cause major focus issues.
166166

167167
CSS-tricks covers this well with [Reduced motion picture technique: take two](https://css-tricks.com/reduced-motion-picture-technique-take-two/).
168168

src/posts/save-the-tears.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ description: "How to make meaningful change"
44
summary: Black folks are protesting for their survival, and you're a white woman who isn't sure how to help. What now? I've written you a guide.
55
date: 2020-04-02 16:09:03
66
tags:
7-
- featured
87
- humans
98
layout: layouts/post.njk
109
bgColor: white

src/posts/white-guyde.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ description: "How to make meaningful change"
44
summary: Black folks are protesting for their survival, and you're a white dude who isn't sure how to help. What now? I've written you a guide.
55
date: 2020-04-02 16:09:03
66
tags:
7-
- featured
87
- humans
98
layout: layouts/post.njk
109
bgColor: white

src/posts/why-judgment-isnt-helpful.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ description: "The Good-Bad Lie"
44
summary: "We're quick to judge everyone by our own moral compass. Our north star is just that: ours."
55
date: 2021-01-02 18:55:02
66
tags:
7-
- featured
87
- humans
98
layout: layouts/post.njk
109
bgColor: white

0 commit comments

Comments
 (0)