Listicle workflow

A proof-of-concept to see if we can improve the production of listicles using inline images and embeds, rather than StribTags.

July 6, 2022 at 8:41PM

The Minnesota State Fair released its 2022 list of new foods, and this year's list does not disappoint. All of the requisite items are represented: fried delicacies never seen before in polite society, new makers ready to stake their claim at State Fair infamy, and sweet treats that will satisfy on the hottest days of summer. There are old favorite stands coming up with new twists on dishes and unexpected flavor pairings that just might edge into decadent...

genius. No matter what, you know we'll be there, celebrating the full return to the Great Minnesota Get Together (and welcoming new vendors Arepa Bar, Bridge n' Barrel Root Beer, the Herbivorous Butcher, Nautical Bowls, Rick's Pizza, Soul Bowl, Union Hmong Kitchen and Waffle Chix). The only question left, is which new dish should we line up for first?

The 2022 Minnesota State Fair runs from August 25 through Labor Day.

These are the 38 official new State Fair Foods, 2022:

(Courtesy U.S. Development Program/The Minnesota Star Tribune)

H1 header for a title following a placed image or embed

id orci porta dapibus. Curabitur aliquet quam id dui posuere blandit. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Pellentesque in ipsum id orci porta dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

Sheryl Crow and her band early in their set at The Ledge Amphitheater in Waite Park, Minn. Tuesday.
(Jeff Wheeler, Star Tribune/The Minnesota Star Tribune)

H1 header for an image of lovely concert

Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur aliquet quam id dui posuere blandit. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.

Here's a rando bit of content that should not have a section tag surrounding it

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

H1 header for an embedded visualx

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget . Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada.

H2 header signifies a listicle block with no images

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus.

A video stribtag in a listicle module

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus.

Use a H1 header with an HTML block

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus.

British Prime Minister Boris Johnson leaves 10 Downing Street in London, Wednesday, July 6, 2022. (Frank Augstein, Associated Press/The Minnesota Star Tribune)

H1 header for block featuring vertical Borisx

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur aliquet quam id dui posuere blandit. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

about the writer

about the writer

Jamie Hutt

Digital design director

Jamie Hutt is the digital design director, overseeing news design for the Minnesota Star Tribune's digital products. Hutt was a member of the team that developed the Minnesota Star Tribune’s first online service in 1994.

See More