Add AsciinemaCapture to blog posts

kedro-org / kedro-website

A repository for the official home of Kedro.

https://kedro.org/

3 stars 1 forks source link

Add AsciinemaCapture to blog posts #186

Closed tynandebold closed 7 months ago

tynandebold commented 7 months ago

Description

Resolves #185

Development notes

I've added a <AsciinemaPlayer /> component and accompanying NPM package.

I've also created a new content type in Contentful for this specific purpose. It's called Asciinema Capture. You have to download the .cast file and upload that to Contentful. That was the only way I could get this to work via their library.

QA notes

Here's a screenshot:

Checklist

[ ] Opened this PR as a 'Draft Pull Request' if it is work-in-progress
[ ] Added tests to cover my changes, where applicable

netlify[bot] commented 7 months ago

Deploy Preview for kedro-website ready!

Name	Link
Latest commit	945376d3ba21054c129cdb35ea853ebaa5899528
Latest deploy log	https://app.netlify.com/sites/kedro-website/deploys/65b12b556985f400084db7a2
Deploy Preview	https://deploy-preview-186--kedro-website.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 74 (no change from production) Accessibility: 91 (no change from production) Best Practices: 83 (no change from production) SEO: 92 (no change from production) PWA: - View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

stichbury commented 7 months ago

This is fantastic, thank you @tynandebold !