Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Link to page about design recommendations; Types of images clients have made before/what if you don’t have resources to design images?

...

Each session or in-person session needs these images and text. Some other items are optional, like videos and files.

What content looks like

Before users open a session page, they might see the session in a rotator, grid, or list module. It displays the session’s image, name and abstract. Most modules use the smaller list image. Featured rotators use the larger banner image.

Modules can look different depending on their configuration. Learn more about modules.

...

The schedule page is another place users find sessions. It displays the session’s name and abstract without the image.

...

Then users enter the session page. When it’s is Upcoming or Pastor Upcoming, the page displays an image and descriptionthe image, description, downloadable resources, and any attached speakers and sponsors. The abstract isn’t displayed herebecause it’s meant to be a short preview or summary of the description.

...

When a the session is Live, the image disappearsis replaced by the session’s video feed. The rest of the information displays below the video stream.

...

Specifications

Each session or in-person session needs these images and text. Some other items are optional. See visual examples below.

...

at the bottom of the page.

...

Specifications

Text

Character limit

Notes

Status
colourGreen
titleRequired

Name

Include Page
REUSE - Name text char limit
REUSE - Name text char limit

Status
colourGreen
titleRequired

Slug 67

Include Page
REUSE - Slug text char limit
REUSE - Slug text char limit

The slug is the end of the page URL. Each slug must be unique. Spaces aren’t allowed. Example: session-_name

Status
titleOPtional

Abstract 78

Include Page
REUSE - Abstract text char limit
REUSE - Abstract text char limit

A short description displayed in rotator, grid, or list modules.

Status
titleOPtional

Description

Include Page
REUSE - Description text char limit
REUSE - Description text char limit

A longer description. Can include text formatting, links, numbered lists, bulleted lists, images, and line breaks, and custom HTML.

Images

Size (w × h)

Notes

Include Page
REUSE - Image max file size and type
REUSE - Image max file size and type

Status
colourGreen
titleRequired

List image

Include Page
REUSE - 16:9 ratio image size
REUSE - 16:9 ratio image
800 × 450 px
size

Displays in rotator, grid, and list modules.

Status

colour

title

Green

OPtional

title


Banner image

Required
Include Page
REUSE - Banner image safe zone
REUSE - Banner image safe zone

Displays in featured rotator modules.

Status
colourGreen
titleRequired

Pre/post session information banner

800 × 450 px

Include Page
REUSE - 16:9 ratio image size
REUSE - 16:9 ratio image size

Often the same as the

session

list image, but it can be different.

Displays at the top of the session page when it’s upcoming and past. Doesn’t display when it’s live.

Videos

Files

File

types allowed

Notes

type and size

Status
titleOPtional

Pre-roll video
  • MP4

  • Or hosted on Youtube, Wistia, Vimeo, or Brightcove

Include PageJE:REUSE - Video privacy - Client warning and page link


JE:REUSE - Video privacy - Client warning and page link

Status
titleOPtional
Fully pre-recorded session video

  • Hosted on Youtube, Wistia, Vimeo, or Brightcove

  • Hosted with JUNO through Amazon IVS

  • Hosted by a third-party with a custom stream URL

  • Streamed out to YouTube Live or Facebook Live, etc.

Files

Downloadable resources Statustitleoptional

Downloadable resources

Include Page
REUSE - Downloadable resources specs
REUSE - Downloadable resources specs