Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[docs] Add React conf 2024 talk video #120

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

[docs] Add React conf 2024 talk video #120

Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
0e055a3
[docs] Add ReactConf 2024 talk
mnajdova Jun 3, 2024
103f8bd
improve the video
mnajdova Jun 3, 2024
eb949a5
use <a /> tag
mnajdova Jun 3, 2024
deac057
smaller video thumb
mnajdova Jun 3, 2024
017b55f
align center
mnajdova Jun 3, 2024
800fce5
adjust
mnajdova Jun 3, 2024
87d8af2
wip
mnajdova Jun 3, 2024
d386030
go back to img style
mnajdova Jun 3, 2024
aedb1e7
align center
mnajdova Jun 3, 2024
27cf606
prettier
mnajdova Jun 3, 2024
391bd01
Update README.md
mnajdova Jun 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,14 @@ Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated sty

<div align="center">

Check out Olivier Tassinari introducing Pigment CSS at React Conf 2024:

<a href="http://www.youtube.com/watch?feature=player_embedded&v=0ckOUBiuxVY&t=21677s" target="_blank"><img src="https://img.youtube.com/vi/0ckOUBiuxVY/0.jpg" alt="Introduction of Pigment CSS during React Conf 2024" style="width: 50%; height: 50%; aspect-ratio: 16/9;" /></a>
mnajdova marked this conversation as resolved.
Show resolved Hide resolved
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure about the image, though — the video's thumbnail is not super informative. How about just using it text to link to it? We may not need the image at all!


</div>

<div align="center">

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/pigment-css/blob/HEAD/LICENSE)
[![npm latest package](https://img.shields.io/npm/v/@pigment-css/react/latest.svg)](https://www.npmjs.com/package/@pigment-css/react)
[![npm downloads](https://img.shields.io/npm/dm/@pigment-css/react.svg)](https://www.npmjs.com/package/@pigment-css/react)
Expand Down
Loading