This story map is here to show you the different types of content blocks. Story Maps divides the options into "Basic," "Media," and "Immersive," which is how they are organized here.
Basic
The basic options include text formatting options and some elements that add functionality to the page.
This is a Header
This is a subheader
And this is a paragraph. Headers and subheaders help introduce sections and break up a page. You want to keep your text concise and to the point as people do not tend to read long text blocks online, especially in formats like Story Maps. (Longform journalism is an exception to this general rule.)
When first building your project, you can use "dummy text" to play with layout. This is helpful if you do not have your final text. This is what it looks like: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Page Elements
Story Maps have a few elements that add functionality to the page. Buttons, like the one below, are good for creating links that you want to draw special attention to.
You can use the separator line, like the below, to help organize the layout of the page by indicating section breaks. This makes the page a bit easier for the user to navigate and take in the information.
Media Examples
In the media options, you can add maps, images, image galleries, videos, and audio. You can also embed other forms of media such as TimelineJS timelines and 360 degree images as well as create a swiping effect between two images or online maps.
Map
This map was created using the "express map" option. More in-depth maps can be created in the ArcGIS Online's mapping application. (See more on creating maps.) [ADD link]
Map in the largest size:
Map of Iceland
Images
Images, maps, videos and embedded objects can be set to different sizes. This is an image set to small.
Iceland's Mid-Atlantic Ridge during a snow storm
Iceland's Mid-Atlantic Ridge during a snow storm (Bar Harel)
This is an image set to medium:
Iceland's Mid-Atlantic Ridge during a snow storm
Iceland's Mid-Atlantic Ridge during a snow storm (Bar Harel)
Image Gallery
Image galleries can be set to small, medium, and large, which affects how many images appear in each row. This gallery is set to medium.
Videos can be added by uploading or linking. When linking, it is best to find a source that will be available for an extended period of time as you do not want your media to go dead. Uploading is the best option for all media as it will "live" with the project, but uploading is not always possible with video.
Volcano in Iceland Erupts for First Time in Hundreds of Years
Volcano in Iceland Erupts for First Time in Hundreds of Years
Like with all media, video can be displayed in a variety of sizes. Here it is floated left. This is a good option when wanting to include a piece of media that you don't want to dominate the page.
When clicking to the right of the video, the plus sign appears and a new content block can be created that floats right.
You want to make sure that you have enough logical content to put next to a floating piece of media. Otherwise, it can feel random and jarring.
Audio
Audio can come from various places including podcast sites and SoundCloud, like the below.
The embed option allows you to bring in a variety of mediums that don't fall under image, video, or audio. Below is as 3D model. Other objects you can add include things like timelines and 360 degree images. (On objects that can be embed, the embed code is usually found under the "share" option.)
3D model of the inside of an Icelandic cave near Snaefellsjokull (arck-project)
Swipe
Swipe creates a swiping effect between two images or online maps .
A swipe effect that allows you to switch between two satellite views of Iceland. In one image the skies are clear in the other Iceland is covered by clouds.
This option creates a more traditional slide show experience. Note that the space in the text box is intended to be especially limited.
Puffin
Contextual information goes here...
Puffin
Iceland Mid-Atlantic Ridge
Contextual information goes here...
Iceland Mid-Atlantic Ridge
Icelandic Horse
Contextual information goes here...
Icelandic Horse
Sidecar
Sidecar creates a slide-like effect with text and interactivity, if certain types of media are chosen, e.g., maps, swipe, and embed. There are two options sidecar with a floating panel and one with a docked (or fixed) pannel.
Sidecar with floating panels:
Note that panels have different background options and can contain media as well as text.
Contextual information...Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Media can also go in the panel
Contextual information...Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Contextual info can go here...Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Sidecar with a docked panel:
Note that the panel can have media as well as text.
Title for this Section
Contextual information...Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Contextual information...Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Contextual information...Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Title for this Section
Contextual information...Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Media can also go in the panel.
Contextual information...Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Contextual info can go here...Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Contextual information...Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Map tour
There are a variety of map tour formats. Only one is being represented here.
