The Riveter Magazine was started by two MU students after they graduated in 2013. The mission of the publication is to provide long form journalism by women for everyone. Although there have been two print issues, the magazine has relied mostly on its website as a content platform. The design aesthetic is fresh and modern, even as the website has changed to accommodate the changing content.
Most recently I noticed the addition of a content tracking system that counts the number of posts per month. This interactive bar graph appears as a second footer on all the pages. At its core, the graph is an unordered list with embedded links. Clicking on one of the bars will redirect to all the posts from the corresponding month.
The element has padding on both sides and an auto margin to ensure it is centered on the page. The CSS styling removed the list-style-type and floated the list elements left. The columns were styled by using the flex-direction declaration with a value of “column. “Each bar is 47 px wide with a maximum height of 144 px. The text is aligned to the center and uses the same sans serif font (PT Sans) and font size (14 px) as the rest of the page.
While I really like this styling, I think it would work best as an element within a single-story website. It’s a very creative display of data and I like the interactivity but I don’t see users relying on this feature as it appears on this site.