Homepage Hero Image

The image displayed on the homepage determines the color palette used across the entire site. For this reason, these images need to be high quality, expressive, and feature a range of diverse colors.

At any one time, a user can choose between up to five different images — and five different color palettes. Each user gets to choose their own image and palette, so the image and colors you see might be different from what the person next to you sees. 

To manage these images, go to the Homepage group —>  select Images —>  select Homepage Hero Images.

Images uploaded to this collection will be cropped to 1410 x 650 px. Keep the focus area of the image in the center, because the image is displayed at a slightly shorter height on shorter screens.

Any image uploaded into the Homepage Hero Images collection, or added to this collection, will automatically get a color palette when saved. The initial palette provides a good starting point, but palette will almost always require adjustment to get it looking just right, and to ensure all the colors are accessible (the color must show a green icon).

If you’d like to select different colors from the image, you can install Colorzilla on Firefox or Chrome, and use the eyedropper tool to pick out various colors. See the Colorzilla help guide below.

Once you’ve finished tweaking the colors, don’t forget to add a caption to the image. This will be displayed in the overlay that slides out from the right hand side. Again, this will be shorter on smaller screens, so it’s important to keep the caption within the space provided by the white box. If you copy and paste text into the caption, use the “Tx” button to clear formatting (even if it doesn’t look bad, it’s worth taking this step to avoid problems with the homepage).

Finally, when it’s time to reveal the new homepage image to the world, star the image to display it on the homepage. The top five starred images will be displayed. Any images that aren’t starred are grayed-out in the Homepage Hero Image manager.

Think Wide Open

The Think Wide Open bar on the homepage displays starred news stories, starred video stories and starred galleries.

The news stories are selected from the top 30 starred stories in the homepage group. The galleries are selected from the top 20 starred galleries in the homepage group.

You can use balloons to move stories and galleries to the top, to ensure they get priority.  However, this does not affect what order they appear on the homepage: Think Wide Open cards are displayed in random order that changes (roughly) each time the page is refreshed.

For more information on editing and adding content to Think Wide Open, visit the Think Wide Open help page.

Homepage Tabs

Content in the tabs at the bottom of the homepage is managed from four different groups:

Today At Purchase 

Everything on the Today at Purchase tab comes from the Homepage group.
The middle column displays a starred event with an image, occurring today, from the Homepage group. 
If there’s no starred event with an image, then it shows up to 3 upcoming events without images, from the Homepage group.
The last column shows a starred announcement from the Homepage group, displayed at random. You could have a few announcements ready to go, and only star the ones you’d like to show. 
If there’s no announcement and if there is a starred event, the last column will show 3 upcoming events without images from the Homepage group.

Apply For Admission

Everything on the Admissions tab comes from the Admissions group.
The first column shows a starred “Homepage Apply For Admission Blurb” from the Admissions group.
The second column shows up to 3 events with event type “deadline” from the Admissions group.
The last column shows an alumni outcomes image and link to the full story.

Neuberger Museum of Art 

Everything on the Neuberger tab comes from the Neuberger group.
 
The first column shows the museum hours and a random starred announcement from the Neuberger group.
 
The Neuberger group should always have a starred upcoming event with an image for the second column.
It does not fall back to anything since we’re already showing upcoming events in the last column. The starred event is randomized: to show a particular starred event, tag the event with “featured”.
The last column shows up to 3 upcoming unstarred events, from the Neuberger group.

The Performing Arts Center 

Everything on the Performing Arts Center tab comes from the Performing Arts Center group.
 
The PAC group should always have a starred upcoming event with an image for the first column.
It does not fall back to anything since we’re already showing upcoming events in the second column. 
The starred event is randomized: to show a particular starred event, tag the event with “featured”.
The second column shows up to 3 upcoming unstarred events, from the PAC group.
The last column shows days/times when the box office is open (PAC office hours), and a starred announcement from the PAC group (this is optional).