header image

content/blog/wingingit/winging-it-live-03 → content/blog/wingingit/winging-it-live-03.md

@@ -6,21 +6,20 @@ tags:
   - Color
   - Design
   - Figma
-  - Show Notes
-  - User Experience
 author:
   - james
   - miriam
   - stacy
 date: 2024-06-27
 length: 53 mins
 image:
-  src: winging-it/winging-it-6.jpg
+  src: winging-it/winging-it-live-3.jpg
 media:
   - youtube: Lq4saw4Rqe0
 summary: |
   Miriam Suzanne, Stacy Kvernmo, and James Stuckey Weber
-  demo how to use new color formats with OddContrast.com,
+  demo how to use new color formats
+  like P3, Oklch, and Oklab with OddContrast.com,
   a color tool for previewing, accessibility testing,
   and selecting the format/space.
 ---
@@ -40,7 +39,7 @@ summary: |
 ## What we cover:
 
 - What is OddContrast?
-- Why we made OddContrast.
+- Why we made OddContrast
 - What are the new color formats, and why use them?
 - What does “in gamut” mean?
 - Specifying fallbacks
@@ -55,7 +54,7 @@ summary: |
 - [W3C CSS Color Module Level 4](https://www.w3.org/TR/css-color-4/)
 - [Okay, Color Spaces](https://ericportis.com/posts/2024/okay-color-spaces/)
 - [Palette Juicer](https://keyboarddanni.github.io/palettejuicer/)
-- [OKlch.com](https://oklch.com)
+- [Oklch.com](https://oklch.com)
 - [Gamut Mapping Gradients](https://apps.colorjs.io/gamut-mapping/gradients?from=oklch%2890%25+.4+250%29&to=oklch%2840%25+.1+20%29)
 
 ## Demos:

content/tools/oddcontrast.md

@@ -7,6 +7,8 @@ logo: oddcontrast
 image:
   position: top
   src: projects/contrast-hero.jpg
+media:
+  - youtube: Lq4saw4Rqe0
 oss: owner
 author: oddbird
 action:
@@ -27,6 +29,10 @@ summary: |
 
 {% import 'embed.macros.njk' as embed %}
 
+{{ embed.figure(
+  data=media
+) }}
+
 ## Support for Newer Color Formats and Spaces
 
 In additional to Oklch, Oklab, and P3, OddContrast also includes hex, HSL, Lab,