quarcs-lab / quarcs-bolivia

A dataset visualizer platform for exploring and developing stories of datasets
MIT License
2 stars 2 forks source link

Deepnote iFrame integration to Hugo page #3

Closed GeoffreyXue closed 1 year ago

GeoffreyXue commented 1 year ago

Allow people who are creating new pages in the content folder to add deepnote in their markdown easily.

This can be implemented first as a partial, then ported to a shortcode, which then gives easy access for use in the markdown.

See https://discourse.gohugo.io/t/solved-shortcodes-show-partials-in-md/15361 for an example

What is a shortcode?

A shortcode allow you to abstract away the styling/html structuring of an iframe from the user. This allows us to provide standard styling on the iframe and keep it consistent among stories.

See https://gohugo.io/content-management/shortcodes/ for more info.

What is a partial?

A partial is a resuable component in hugo, very similar to components in React. You can imagine this as an anywhere-droppable component in Hugo (This include shortcodes).

See https://gohugo.io/templates/partials/ for more info.

GeoffreyXue commented 1 year ago

https://deepnote.com/workspace/dssd-madison-8d82d26c-8389-4d9f-9e86-8f25be249c31/project/PYTHON-GeoDS4Bolivia-Duplicate-3d01a149-ab41-46e1-a59a-7498af56bd61/notebook/exploreManuscript-0679c5da734940e9ac86d5c64a49fc62

GeoffreyXue commented 1 year ago

https://stackoverflow.com/questions/68036749/embedding-iframe-in-hugo-site

GeoffreyXue commented 1 year ago

https://deepnote.com/workspace/carlos-mendez-7996d5a8-784c-4d25-905a-4eecfc7043dd/project/PYTHON-GeoDS4Bolivia-c19ff2b4-785c-43ac-9071-24c9bd1e35bd/notebook/Explore-GeoDS4Bolivia-f3e7c3b327cf4b828366e28a628b1df1

GeoffreyXue commented 1 year ago

https://deepnote.com/workspace/dssd-madison-8d82d26c-8389-4d9f-9e86-8f25be249c31/project/PYTHON-GeoDS4Bolivia-Duplicate-3d01a149-ab41-46e1-a59a-7498af56bd61/notebook/exploreManuscript-0679c5da734940e9ac86d5c64a49fc62