Embed feature

[caniszczyk]

Embed feature

[tegioz]

Not yet, but we'll keep you posted 🙂

[caniszczyk]

Awesome, with this feature I think we are ready to ship Clotributor v1.0 :)

…

On Mon, May 27, 2024 at 7:12 AM Sergio Castaño Arteaga < ***@***.***> wrote: We have a first version of the CLOTributor embed ready 🙂 - Live demo <https://clotributor.dev/static/demo-embed/> (this is a simulation of how it could look like in the contribute.cncf.io site) - Demo source code <https://github.com/cncf/clotributor/blob/main/web/src/demo-embed/index.html> (embed iframe, the most interesting part <https://github.com/cncf/clotributor/blob/875347bdb39abdf3178c3a5c1f2675c21c6d330f/web/src/demo-embed/index.html#L221> ) Unlike the Artifact Hub embed, in this case we are not only displaying a list of items, but an adapted version of the full CLOTributor site scoped to a foundation @caniszczyk <https://github.com/caniszczyk>. This allows users to search and filter opportunities to contribute directly from the embedding site, improving their experience. We'll add a bit of documentation for this, but it's quite simple to use at the moment. You just need to update the corresponding query string params of the *embed url* as needed. Embed url https://clotributor.dev/search?embed=true&foundation=cncf · *embed*: set to true to enable embed mode · *foundation*: cncf, aswf, etc · *theme*: auto, light or dark (auto by default when omitted) Closed by #601 <#601> — Reply to this email directly, view it on GitHub <#558 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAPSII7YDNCKOOGSNNWYPLZEMPMBAVCNFSM6AAAAABDIP676GVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMZTGM2TEMJXGU> . You are receiving this because you were mentioned.Message ID: ***@***.***>

-- Cheers, Chris Aniszczyk https://aniszczyk.org

[caniszczyk]

FYI @tegioz this would be similar to what we do with ArtifactHub embeds

[jmertic]

+1 - that would be amazing.

[jmertic]

Any movement on this? We are doing a Dev Days events in a few months and this would be super handy to have.

[tegioz]

We have a first version of the CLOTributor embed ready 🙂

• Live demo (this is a simulation of how it could look like in the contribute.cncf.io site)
• Demo source code (embed iframe, the most interesting part)

Unlike the Artifact Hub embed, in this case we are not only displaying a list of items, but an adapted version of the full CLOTributor site scoped to a foundation @caniszczyk. This allows users to search and filter opportunities to contribute directly from the embedding site, improving their experience.

We'll add a bit of documentation for this, but it's quite simple to use at the moment. You just need to update the corresponding query string params of the embed url as needed.

Embed url

https://clotributor.dev/search?embed=true&foundation=cncf

· embed: set to true to enable embed mode
· foundation: cncf, aswf, etc
· theme: auto, light or dark (auto by default when omitted)

Closed by #601