Resize the browser to condense and expand an article. This example uses responsive interaction to broaden and narrow the scope of article information. Toggle the image button to see how the scope of the image topic expands and narrows as well.
Drag the tabs, at the edge of each section, to move between webpage layers. This example shows how published news headlines, within the same topic, share many different perspectives while using similar language.
Resize the browser to broaden and narrow the scope of the article topic. While all articles are from the same time and addressing the same subject, they range in scope from Global, National, Local, and individual. Each hoverable grid image and headline is taken from individual articles and links to the corresponding article.
Drag the tab at the edge of the screen to view 2 articles simultaneously. When the tab is completely to the right or left of the screen, one of the full articles with corresponding image is displayed. When dragging the tab across in either direction, elements from both articles are hidden or revealed.