How can I make a mutating-on-the-load text?

#1

Hi there,

I want my blog to be more interesting by making it different every time a reader reads a post. For example, I want to describe a thing using a quote from a known person, a picture, and a situation from the real life. Say, I have 2 different quotes, 3 pictures, and 2 situations to use. I don’t want to use them all together, instead, I want every item to be randomly selected during the page load. If I had a database-backed site, I would select them parts from a DB, but I like the Middleman much.

What would you recommend?

#2

You can generate all items in Middleman as hidden HTML content (using CSS property display: none) and then show one of them randomly picked, using JS.

#3

I decided that I don’t want to mutate the text very often. I’ll put something like <%= [textA],[textB],[textC].sample%> in the text of a page, thus the text will be different every time I build the blog.

But thank you for your advice, I will use it for another thing.