Article with sidebars (jss)

This article contains a few instances of the "Sidebar" in-line module showing variations.

Article to test a number of Sidebar items .

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Round 1: Anatomy

Text fields filled in. Note that the background and render mode have both been left blank (i.e. left to default); while no image nor video have been selected.

Basic Sidebar with Collapsible rendering and Centered image

Speed for simplicity: An interview with Lenovo’s Gerry Smith
Speed for simplicity: An interview with Lenovo’s Gerry Smith


This is the description of the sidebar item. It consists of three paragraphs. 1

The fields "Background", "Image"2, and "Video ID"3 are left blank

The render mode is Collapsible

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Basic Collapsible with anchor left image

Speed for simplicity: An interview with Lenovo’s Gerry Smith
Speed for simplicity: An interview with Lenovo’s Gerry Smith
This is the description of the sidebar item. 1

The fields "Background", "Image", and "Video ID" are left blank

  • If an Image from the media library is attached, it is displayed as the background of the Sidebar. This is designed for use with the Scrolling render mode.
  • If a Video ID is entered (that is, a BrightCove Video ID) the video plays as a background video, with no play-stop controls and sound is not played. This feature is designed for use with the Scrolling render mode.

The render mode is Scrolling. Note: using the Scrolling rendering parameter introduces an in-page anchor tag on the edge of this Sidebar ("Continue to the next section") which if clicked scrolls the visitor down to the text immediately following this sidebar.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

 

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Round 2: Article Sidebar (Scrolling mode) variations

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar (in Scrolling render mode) with no image. Varying background choices

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with Scrolling Rendering parameter and background

This is the description of the sidebar item. 1

The render mode is Scrolling. Note: using the Scrolling rendering parameter introduces an in-page anchor tag on the edge of this Sidebar ("Continue to the next section") which if clicked scrolls the visitor down to the text immediately following this sidebar.

The Background choice is set to "Deep Blue".

The fields "Image", and "Video ID" are left blank"

This is the about authors section. Typically it includes a list of authors, whose names are bolded and the office they are affiliated with is mentioned too.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with Scrolling Rendering parameter and background

This is the description of the sidebar item. 1

The render mode is Scrolling. Note: using the Scrolling rendering parameter introduces an in-page anchor tag on the edge of this Sidebar ("Continue to the next section") which if clicked scrolls the visitor down to the text immediately following this sidebar.

The Background choice is set to "Dark Blue Gradient".

The fields "Image", and "Video ID" are left blank"

This is the about authors section. Typically it includes a list of authors, whose names are bolded and the office they are affiliated with is mentioned too.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with Scrolling Rendering parameter and background

This is the description of the sidebar item. 1

The render mode is Scrolling. Note: using the Scrolling rendering parameter introduces an in-page anchor tag on the edge of this Sidebar ("Continue to the next section") which if clicked scrolls the visitor down to the text immediately following this sidebar.

The Background choice is set to "Lightest Gray".

The fields "Image", and "Video ID" are left blank"

This is the about authors section. Typically it includes a list of authors, whose names are bolded and the office they are affiliated with is mentioned too.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with Scrolling Rendering parameter and background

This is the description of the sidebar item. 1

The render mode is Scrolling. Note: using the Scrolling rendering parameter introduces an in-page anchor tag on the edge of this Sidebar ("Continue to the next section") which if clicked scrolls the visitor down to the text immediately following this sidebar.

The Background choice is set to "White".

The fields "Image", and "Video ID" are left blank"

This is the about authors section. Typically it includes a list of authors, whose names are bolded and the office they are affiliated with is mentioned too.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebars (in Scrolling render mode), with background image & background color variations

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with Scrolling Rendering parameter and background image

This is the description of the sidebar item. 1

The render mode is Scrolling.

The Background choice is set to "Deep Blue", and a "Background Image" has been selected.

The field "Video ID" is blank"

This is the about authors section. Typically it includes a list of authors, whose names are bolded and the office they are affiliated with is mentioned too.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with Scrolling Rendering parameter and background image

This is the description of the sidebar item. 1

The render mode is Scrolling.

The Background choice is set to "Dark Blue Gradient", and a "Background Image" has been selected.

The field "Video ID" is blank"

This is the about authors section. Typically it includes a list of authors, whose names are bolded and the office they are affiliated with is mentioned too.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with Scrolling Rendering parameter and background image

This is the description of the sidebar item. 1

The render mode is Scrolling.

The Background choice is set to "Lightest Gray", and a "Background Image" has been selected.

The field "Video ID" is blank"

This is the about authors section. Typically it includes a list of authors, whose names are bolded and the office they are affiliated with is mentioned too.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with Scrolling Rendering parameter and background image

This is the description of the sidebar item. 1

The render mode is Scrolling.

The Background choice is set to "White", and a "Background Image" has been selected.

The field "Video ID" is blank"

This is the about authors section. Typically it includes a list of authors, whose names are bolded and the office they are affiliated with is mentioned too.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar with exhibit inside

Much like businesses, a majority of consumers believe that they are taking the appropriate steps to protect themselves from digital threats, yet their behavior suggests otherwise. This presents organizations with the opportunity to engage with their customers to help them better help themselves.

Seventy-seven percent of consumers say that they have at least a moderate degree of confidence that they are adequately protecting their personal information from being stolen or misused online.

Younger consumers are particularly likely to report high confidence in their ability to secure their data—while being more likely to engage in risky behaviors than protective ones. They are also more likely than other generations to store sensitive information online (exhibit).

Eyebrow 1
Eyebrow Headline
Exhibit's description field
A square image with dimensions 1536 by 1536 built up by alternating white & pink squares each 192 pixels

Image description:

This a checkerboard consisting of 8 rows and 8 columns with alternating pink and white boxes.

Round 3: Copies of real content

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Typical Sidebar in Scrolling render mode

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

‘Our customers don’t have a choice’

“The way I see it, our customers don’t have a choice when it comes to obtaining our services. They can’t go to a competitor if we are not performing well, so we have an even greater responsibility than does the private sector to provide a great experience for our customers. We also need to ensure that all agencies provide a consistently excellent experience, because the citizens do not separate, for example, the SSA [Social Security Administration], the US Postal Service, and the Department of Homeland Security in their minds. To them, we are all the same, so if one of us performs poorly for them, it affects their perception and confidence in the whole system.

“I accept calls from our constituents at home, and people think I’m crazy for it, but I want to show our entire organization how important it is to resolve the needs of the customer. [. . .] If I don’t send the message that this is important, then I would be naive to expect the staff to follow suit.”

—Carolyn Colvin, former acting commissioner of the US Social Security Administration

For the full interview with Carolyn Colvin, see “Building a long-term customer-experience vision at the Social Security Administration.”

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

Sidebar in Scrolling render mode with an (atypically) embedded image

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.

The value of achieving racial equity in Hollywood

$10 billion
$10 billion

Barriers that undermine equity in content development, financing, marketing, and distribution come at a substantial cost to the film and TV industry. We estimate that the film and TV industry could unlock more than $10 billion in annual revenues simply by addressing these barriers, the equivalent of a 7 percent expansion in baseline industry revenues.1 Our estimates are based on closing the representation deficit for Black off-screen talent, achieving production and marketing budget parity, and giving Black-led properties equal international distribution. As noted elsewhere in the article, these frictions that suppress industry revenues are unjustified with respect to performance.

When viewed against some of our other work on the value of diversity and inclusion, $10 billion in revenue opportunity is unsurprising.2 If anything, executives should aspire for even higher upside, including from diversity across all underrepresented groups, as audiences become more diverse and the growth in demand for diverse content far outstrips supply growth. For example, a recent report from Creative Artists Agency and Parrot Analytics found that the demand for shows where at least 40 percent of the cast is diverse (in line with the US Census estimate for the nonwhite population) has more than doubled in the last three years (more than 112 percent), outpacing the growth in the number of these shows that have made it to air (more than 42 percent).3

Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text. Some paragraph of text.