Integrating simple Markdown slide show

tips & tricks
1

I used RemarkJS to create a super simple standalone slideshow.

I wanted to integrate this easily with my Hugo site, so I put the specific talk images & index.html in their own folder in the static directory, and the shared slideshow CSS and JS in static/css & static/js.

Works a treat :slightly_smiling_face:, here it is in action:
https://www.forestgarden.wales/talks/intro/

5 Likes
2

Very cool! You need to make sure though that the slides’ theme match with your site theme, right? So that it blends well?

FYI I checked https://www.forestgarden.wales/talks/, and that links to http://forestgarden.netlify.com/#1 … maybe you need to update your _redirects just that link?

1 Like
3

You need to make sure though that the slides’ theme match with your site theme, right?

Yeah, you do. Remark is a bit obtuse (probably with good cause) with it’s CSS, so it’s not “drop in” replacement. I just needed some quick and simple that looked vaguely similar :wink:

FYI I checked forestgarden.wales, and that links to http://forestgarden.netlify.com/#1 1 … maybe you need to update your _redirects just that link?

Thanks for the heads up, fixed :slight_smile:

4

And now I know what a “forest garden” is.

1 Like
5

You’d be surprised at the similarities between a website and a forest garden!