search

bppwrite / bppwrite.github.io

https://newplays.org
0 stars 0 forks source link

Calendar Implementation #14

Open marcguyer opened 7 years ago

marcguyer commented 7 years ago

We currently have a basic/usable calendar but it could be improved substantially both in style and functionality. Here are some thoughts to consider:

  1. Less of the summary should be shown, or hidden via overflow:elipsis.
  2. Pagination could be introduced -- I'm not sure there will ever be enough entries...
  3. Remove items that are in the past (on site build)
  4. A tiny summary version (somewhat like the TOC sidebar on content pages)
  5. Less imagery
  6. Use of FA icons to indicate the type of entry, or just the word "show:" or "special event:". Or use the show genre taxonomy in some way.

@bppwrite/owners any additional thoughts on this?

mattbatman commented 7 years ago

Keep in mind thatoverflow:elipsis is only honored when the content is on a single line. The decision here shouldn't be the implementation, but how much of a summary should actually be shown.

marcguyer commented 7 years ago

Keep in mind that overflow:elipsis is only honored when the content is on a single line.

I thought it was if there was any overflow -- simply if the parent container was too small to accommodate the content. Anyway, I was just trying to think of a way to reduce the size of the summary but maybe the summary shouldn't be there at all. Probably just date, title/subtitle and content type (show/event) is all that is necessary. Maybe director or playwright or both...

mattbatman commented 7 years ago

Here are some similar, iterative mock-ups. heavy-summary-image no-image no-summary-no-image toc image-only floating

ChadDR commented 7 years ago

I like the calendar that has the thumbnail on the left-hand side the most. It gives all the info needed without being too much. I think the table of contents from the previous option would be a nice added touch too.

marcguyer commented 7 years ago

Here's @ChadDR's comment about the calendar:

My biggest concern at this point is the show/calendar page. The shows link should, I think, lead me to a “season at a glance” view so that I can see all of my options. I don’t want to end up at a calendar and have to scroll down a mile before I can see everything playing. That being said, I also like having a calendar option for the viewer. And I like the football example you showed me before which would allow someone to scroll through and get what they need. Currently, I feel like we have a hybrid of both and it’s serving neither purpose. Does that make sense?

The calendar has been improved accordingly, please take a look and comment.

A "season at a glance" can be something different. In fact, we already have that but it's not linked to and it would need some additional styling if we want to make a nav item for it (making it more prominent. The current version of the season page is here:

http://bppwrite.github.io/series/2016-2017/

Comments about that?

ChadDR commented 7 years ago

My issue is still that I don’t think “shows” should lead to a calendar. If I click on “shows” then I want to be able to see what shows are playing. Maybe that’s fixed by having the “at a glance” in the top right corner of the calendar as in some examples. But I think it might also be good to land at an “at a glance” page first and then link to a calendar. Thoughts?

mattbatman commented 7 years ago

My issue is still that I don’t think “shows” should lead to a calendar.

I generally agree. You would expect information to be organized by and oriented-towards the shows when you click on "shows," as opposed to time.

Instead of using our table of contents design off to the right, maybe we use more of a horizontal nav across the top that shows a card for each show with just a small poster image and the title of the show below it, one-by-one, left-to-right. It'd need to be vertical-oriented for small screens. Under the "hero image" on this page, they use custom icons and dates as an abbreviated show nav. I can mock something up for our site.

I'll also mock what an independent shows page could look like. We may ultimately either want separate a separate "shows" and "calendar" page, or as Chad also mentioned, a single page for both with a toggle-able view.

marcguyer commented 7 years ago

I think it would be a good idea to somehow combine the concepts of current season and calendar. I think that's essentially what @mattbatman has proposed with the idea of a card for each show. I've never liked having them as 2 distinct pages. FWIW, the analytics indicate that the "shows" page was more useful in the trailing month:

That means that more than twice as many people chose "shows" over "calendar" and a larger proportion of those chose to revisit "shows" than those who chose to revisit "calendar". This might be skewed somewhat simply because "shows" comes before "calendar" in the nav. I think that effect is probably negligible. In short, this data could mean that "shows" is initially thought to be a better choice by visitors and those who initially chose "calendar" learned that it wasn't the best choice and didn't revisit the page.

IMO, a card for each show/event is all that is necessary. We can list as little or as much detail as we want. For example, consider showing the genre, playwright(s), directors(s), clearly indicating when it's a show vs an event, and even a text summary (perhaps only in larger media widths). Maybe even the "slot" (e.g., Reva Shiner Comedy Award Winner, Off-Broadway / On-Ninth, etc).

We can even indicate in some way which show/event is playing now or coming up so that it's easy for someone to find that (even link directly to that section). I think that's probably something people often are looking for when they visit the site but that's just a guess.

Aside, this concept of a card, as a convention, is something I think would also be beneficial for #16. Maybe an abbreviated version of it for lists like all comedies or shows directed by XXX, for example. This sort of stuff becomes even more useful when the history project #17 is completed.

mattbatman commented 7 years ago

The design pattern of a card, I think, generally isn't used with portrait-oriented images, which is what we have for posters, and why we don't have one, yet.

There could be multiple cards for multiple purposes, but in general, I don't think we'd want to shove a lot of details on a card. The more detail that goes on a card, the harder it is to read or scan. I think the idea should be to really to include as little information as necessary to help a user decide if they'd be interested in that show or event.

show-card-summary simple

ChadDR commented 7 years ago

I agree that there doesn’t need to be anything more on the card other than the title and the date range (so they know the general timeline) or at least the month(s) of performances.

mattbatman commented 7 years ago

Something like this, I think, is closer to what we need.

tile-summary-abbr-card

marcguyer commented 7 years ago

I think we need to make clear what is the purpose of this page. Somewhere along the way it got muddy, for me anyway. I think it's important to keep in mind that a large proportion of visitors are generally unfamiliar with what the BPP is about and we need to accommodate for that. In many ways, I think this can be thought of as the online brochure -- they share the same goals.

I agree with @ChadDR that this is ultimately a "season at a glance" page. To refine that, in order for our goal to be clear, I think we need a short list of things that the majority of visitors should be able to learn from our "season at a glance" view. Or, what are the top 5 things visitors are trying to learn when clicking on the "shows" link (or does it get renamed according to the need?). Here're a few thoughts on that (not in any particular order/weight):

  1. Determine the timeline of the season
  2. Understand what is the general content/subject matter of the season
  3. Find out what's playing this weekend (or on a specific date)
  4. Comprehend the breadth of work
  5. Be "sold" on 1 or more individual shows

Is this our top 5? Or are there other more important goals? I think that effectively and efficiently fills the roles of both season at a glance as well as calendar.

A card with a poster, title, and date range fits for (1) and (3) only.

To solve at least all 5, more information is required. I have several specific opinions on that:

mattbatman commented 7 years ago

This ties in with Chad's original point on our "shows" link leading to a calendar, and not having a digestible calendar page format. We primarily need a shows page. A calendar page can wait, if needed at all. As such, the hierarchy of information should be by show first and then by date range, but not by day. This, by itself, goes a long with consistency for #16.

I think a user should quickly be able to determine:

  1. What shows are left in the season
  2. Which shows interests me (as a user)
  3. What did I miss and now regret missing

Or:

  1. What shows were in this season that look interesting
  2. When are/were it/they
marcguyer commented 7 years ago

This ties in with Chad's original point on our "shows" link leading to a calendar, and not having a digestible calendar page format. We primarily need a shows page. A calendar page can wait, if needed at all.

Agreed, but I think this serves both if the goal of a "calendar" is:

  1. find something to do on X date
  2. find which date I will see X show

That is collectively (3) in my top 5 above.

As such, the hierarchy of information should be by show first and then by date range, but not by day.

Yeah, the "by day" look is maddening -- now, after seeing it. Hence, my wish to go with a "show first" with date range instead.

We can also do things like use past tense when the show is in the past. Also maybe make a show "stand out" a bit if it's now playing or is the next show. Similarly, indicate explicitly (in addition to the past tense) that a show is in the past. We already do this on the show detail. See above the dates, it says "Performed Live" if in the past and "See It Live" if it's in the future or playing now.

mattbatman commented 7 years ago

I would head in this direction.

Mobile

mobile-two

Wide

wide

mattbatman commented 7 years ago

Here are a couple more looks.

Desktop

wide

Mobile

mobile

Desktop - Gray

wide-gray

Mobile - Gray

mobile-gray

Desktop - Border

wide-border

Mobile - Border

mobile-border

jessicareed commented 7 years ago

The differences between all of these are minor, yes? I think it looks great!

On Fri, Jan 13, 2017 at 5:01 PM, Matt Batman notifications@github.com wrote:

Here are a couple more looks. Desktop

[image: wide] https://cloud.githubusercontent.com/assets/8661427/21946796/0511e5a0-d9b0-11e6-8e55-caaca047e4ed.png Mobile

[image: mobile] https://cloud.githubusercontent.com/assets/8661427/21946836/2c9e38b2-d9b0-11e6-8a92-4e88cb1d0d38.png Desktop - Gray

[image: wide-gray] https://cloud.githubusercontent.com/assets/8661427/21946780/f6b2b872-d9af-11e6-919a-7cec4fee084b.png Mobile - Gray

[image: mobile-gray] https://cloud.githubusercontent.com/assets/8661427/21946776/f2bccadc-d9af-11e6-8243-ea31bae4c5b4.png Desktop - Border

[image: wide-border] https://cloud.githubusercontent.com/assets/8661427/21947185/d4c25144-d9b1-11e6-8117-9b132fe40e02.png Mobile - Border

[image: mobile-border] https://cloud.githubusercontent.com/assets/8661427/21947195/e2464ff0-d9b1-11e6-8c3c-96df18293575.png

— You are receiving this because you are on a team that was mentioned. Reply to this email directly, view it on GitHub https://github.com/bppwrite/bppwrite.github.io/issues/14#issuecomment-272559887, or mute the thread https://github.com/notifications/unsubscribe-auth/AHzfKusRwDcBUeRqVbmQI0Xi8MxrjEC-ks5rR_RDgaJpZM4LAMB6 .

-- Jessica Reed www.twitter.com/jessicareed

mattbatman commented 7 years ago

The differences between all of these are minor, yes?

Yeah, there's no significant differences between all of those.

ChadDR commented 7 years ago

I definitely prefer the one without the grey or border.

Another thought – not sure if this was passed along to you – but this is a cool way of doing the season page. It’s bold.

http://www.publictheater.org/en/Public-Theater-Season/ http://www.publictheater.org/en/Public-Theater-Season/

Chad Rabinovitz

Producing Artistic Director

Bloomington Playwrights Project & Adirondack Theatre Festival

mailto:ChadDR@aol.com ChadDR@aol.com

http://www.ChadDirects.com www.ChadDirects.com

From: Matt Batman [mailto:notifications@github.com] Sent: Friday, January 13, 2017 5:02 PM To: bppwrite/bppwrite.github.io bppwrite.github.io@noreply.github.com Cc: ChadDR ChadDR@aol.com; Mention mention@noreply.github.com Subject: Re: [bppwrite/bppwrite.github.io] Calendar Implementation (#14)

Here are a couple more looks.

Desktop

https://cloud.githubusercontent.com/assets/8661427/21946796/0511e5a0-d9b0-11e6-8e55-caaca047e4ed.png

Mobile

https://cloud.githubusercontent.com/assets/8661427/21946836/2c9e38b2-d9b0-11e6-8a92-4e88cb1d0d38.png

Desktop - Gray

https://cloud.githubusercontent.com/assets/8661427/21946780/f6b2b872-d9af-11e6-919a-7cec4fee084b.png

Mobile - Gray

https://cloud.githubusercontent.com/assets/8661427/21946776/f2bccadc-d9af-11e6-8243-ea31bae4c5b4.png

Desktop - Border

https://cloud.githubusercontent.com/assets/8661427/21947185/d4c25144-d9b1-11e6-8117-9b132fe40e02.png

Mobile - Border

https://cloud.githubusercontent.com/assets/8661427/21947195/e2464ff0-d9b1-11e6-8c3c-96df18293575.png

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/bppwrite/bppwrite.github.io/issues/14#issuecomment-272559887 , or mute the thread https://github.com/notifications/unsubscribe-auth/AUPxDr9l4IzteeDF48jMyT1nGyQo9vcVks5rR_REgaJpZM4LAMB6 . https://github.com/notifications/beacon/AUPxDua_jm46NmBpvSaG3JIJTSSQnaoFks5rR_REgaJpZM4LAMB6.gif

mattbatman commented 7 years ago

Here's a floating card layout, more in the vein of publictheater.org. wide-three-trans white

ChadDR commented 7 years ago

I like this, but I’ll go with the other one is folks don’t agree.

Chad Rabinovitz

Producing Artistic Director

Bloomington Playwrights Project & Adirondack Theatre Festival

mailto:ChadDR@aol.com ChadDR@aol.com

http://www.ChadDirects.com www.ChadDirects.com

From: Matt Batman [mailto:notifications@github.com] Sent: Tuesday, January 17, 2017 5:38 PM To: bppwrite/bppwrite.github.io bppwrite.github.io@noreply.github.com Cc: ChadDR ChadDR@aol.com; Mention mention@noreply.github.com Subject: Re: [bppwrite/bppwrite.github.io] Calendar Implementation (#14)

Here's a floating card layout, more in the vein of publictheater.org. https://cloud.githubusercontent.com/assets/8661427/22042981/8834eab2-dcdb-11e6-90fd-fe90ef0c5c58.png https://cloud.githubusercontent.com/assets/8661427/22042984/8a83cce8-dcdb-11e6-8a48-9fe390a955b6.png

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/bppwrite/bppwrite.github.io/issues/14#issuecomment-273323295 , or mute the thread https://github.com/notifications/unsubscribe-auth/AUPxDu-j8qh0mmQjc93ZBJiViRwDgNVSks5rTULDgaJpZM4LAMB6 . https://github.com/notifications/beacon/AUPxDnekES5PwY4375XPtCowhk6TUVgUks5rTULDgaJpZM4LAMB6.gif

jessicareed commented 7 years ago

I LOVE THIS - I vote this one!

On Tue, Jan 17, 2017 at 11:27 PM, ChadDR notifications@github.com wrote:

I like this, but I’ll go with the other one is folks don’t agree.

Chad Rabinovitz

Producing Artistic Director

Bloomington Playwrights Project & Adirondack Theatre Festival

mailto:ChadDR@aol.com ChadDR@aol.com

http://www.ChadDirects.com www.ChadDirects.com

From: Matt Batman [mailto:notifications@github.com] Sent: Tuesday, January 17, 2017 5:38 PM To: bppwrite/bppwrite.github.io bppwrite.github.io@noreply.github.com Cc: ChadDR ChadDR@aol.com; Mention mention@noreply.github.com Subject: Re: [bppwrite/bppwrite.github.io] Calendar Implementation (#14)

Here's a floating card layout, more in the vein of publictheater.org. https://cloud.githubusercontent.com/assets/8661427/22042981/8834eab2- dcdb-11e6-90fd-fe90ef0c5c58.png https://cloud.githubusercontent.com/assets/8661427/22042984/8a83cce8- dcdb-11e6-8a48-9fe390a955b6.png

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub < https://github.com/bppwrite/bppwrite.github.io/issues/14# issuecomment-273323295> , or mute the thread https://github.com/ notifications/unsubscribe-auth/AUPxDu-j8qh0mmQjc93ZBJiViRwDgNVSks5rT ULDgaJpZM4LAMB6 . https://github.com/notifications/beacon/ AUPxDnekES5PwY4375XPtCowhk6TUVgUks5rTULDgaJpZM4LAMB6.gif

— You are receiving this because you are on a team that was mentioned. Reply to this email directly, view it on GitHub https://github.com/bppwrite/bppwrite.github.io/issues/14#issuecomment-273379856, or mute the thread https://github.com/notifications/unsubscribe-auth/AHzfKifCe14qGZ_dCiVvJJkwXZp66zwkks5rTZS8gaJpZM4LAMB6 .

-- Jessica Reed www.twitter.com/jessicareed

ChadDR commented 7 years ago

Sweet. is this the last element? Or are there more things we need to decide before we have lift-off?

Chad Rabinovitz

Producing Artistic Director

Bloomington Playwrights Project & Adirondack Theatre Festival

mailto:ChadDR@aol.com ChadDR@aol.com

http://www.ChadDirects.com www.ChadDirects.com

From: jessicareed [mailto:notifications@github.com] Sent: Wednesday, January 18, 2017 9:34 AM To: bppwrite/bppwrite.github.io bppwrite.github.io@noreply.github.com Cc: ChadDR ChadDR@aol.com; Mention mention@noreply.github.com Subject: Re: [bppwrite/bppwrite.github.io] Calendar Implementation (#14)

I LOVE THIS - I vote this one!

On Tue, Jan 17, 2017 at 11:27 PM, ChadDR <notifications@github.com mailto:notifications@github.com > wrote:

I like this, but I’ll go with the other one is folks don’t agree.

Chad Rabinovitz

Producing Artistic Director

Bloomington Playwrights Project & Adirondack Theatre Festival

mailto:ChadDR@aol.com ChadDR@aol.com mailto:ChadDR@aol.com

http://www.ChadDirects.com www.ChadDirects.com http://www.ChadDirects.com

From: Matt Batman [mailto:notifications@github.com] Sent: Tuesday, January 17, 2017 5:38 PM To: bppwrite/bppwrite.github.io <bppwrite.github.io@noreply.github.com mailto:bppwrite.github.io@noreply.github.com > Cc: ChadDR <ChadDR@aol.com mailto:ChadDR@aol.com >; Mention <mention@noreply.github.com mailto:mention@noreply.github.com > Subject: Re: [bppwrite/bppwrite.github.io] Calendar Implementation (#14)

Here's a floating card layout, more in the vein of publictheater.org. <https://cloud.githubusercontent.com/assets/8661427/22042981/8834eab2- https://cloud.githubusercontent.com/assets/8661427/22042981/8834eab2-%0b dcdb-11e6-90fd-fe90ef0c5c58.png> <https://cloud.githubusercontent.com/assets/8661427/22042984/8a83cce8- https://cloud.githubusercontent.com/assets/8661427/22042984/8a83cce8-%0b dcdb-11e6-8a48-9fe390a955b6.png>

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub < https://github.com/bppwrite/bppwrite.github.io/issues/14# issuecomment-273323295> , or mute the thread <https://github.com/ https://github.com/%0b notifications/unsubscribe-auth/AUPxDu-j8qh0mmQjc93ZBJiViRwDgNVSks5rT ULDgaJpZM4LAMB6> . <https://github.com/notifications/beacon/ https://github.com/notifications/beacon/%0b AUPxDnekES5PwY4375XPtCowhk6TUVgUks5rTULDgaJpZM4LAMB6.gif>

— You are receiving this because you are on a team that was mentioned. Reply to this email directly, view it on GitHub https://github.com/bppwrite/bppwrite.github.io/issues/14#issuecomment-273379856, or mute the thread https://github.com/notifications/unsubscribe-auth/AHzfKifCe14qGZ_dCiVvJJkwXZp66zwkks5rTZS8gaJpZM4LAMB6 .

-- Jessica Reed www.twitter.com/jessicareed http://www.twitter.com/jessicareed

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/bppwrite/bppwrite.github.io/issues/14#issuecomment-273490280 , or mute the thread https://github.com/notifications/unsubscribe-auth/AUPxDimtUZH-Md4b05yEPdFywsKZ9cjlks5rTiLDgaJpZM4LAMB6 . https://github.com/notifications/beacon/AUPxDiyAdjKdsdv_c3RyLT4KWZpBd8Bjks5rTiLDgaJpZM4LAMB6.gif

mattbatman commented 7 years ago

This is the last major piece missing from the site. There are many things we'd still like to improve, such as those listed in #18.

ChadDR commented 7 years ago

Fantastic. With this being on its way then, can you estimate a date when we can go live?

Chad Rabinovitz

Producing Artistic Director

Bloomington Playwrights Project & Adirondack Theatre Festival

mailto:ChadDR@aol.com ChadDR@aol.com

http://www.ChadDirects.com www.ChadDirects.com

From: Matt Batman [mailto:notifications@github.com] Sent: Wednesday, January 18, 2017 9:50 PM To: bppwrite/bppwrite.github.io bppwrite.github.io@noreply.github.com Cc: ChadDR ChadDR@aol.com; Mention mention@noreply.github.com Subject: Re: [bppwrite/bppwrite.github.io] Calendar Implementation (#14)

This is the last major piece missing from the site. There are many things we'd still like to improve, such as those listed in #18 https://github.com/bppwrite/bppwrite.github.io/issues/18 .

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/bppwrite/bppwrite.github.io/issues/14#issuecomment-273667783 , or mute the thread https://github.com/notifications/unsubscribe-auth/AUPxDuYDA-ILvbySj4CBf3T3b582vq8iks5rTs9FgaJpZM4LAMB6 . https://github.com/notifications/beacon/AUPxDquGqA5PL1CsJ5c5Yfwqs1SROJm-ks5rTs9FgaJpZM4LAMB6.gif

marcguyer commented 7 years ago

@mattbatman I deployed a bunch of changes (2d5f46bf98ef763241d16d1c7a6e09708a54a7c7) to facilitate this including the byline and slot/genre refinements we discussed.

mattbatman commented 7 years ago

Fantastic. With this being on its way then, can you estimate a date when we can go live?

@ChadDR I think I've developed a bad track record at estimating how long a given project will take. It seems like the remaining changes to this page, after the work Marc just deployed today, should be ready within the next week.

marcguyer commented 7 years ago

Well done on the season-at-a-glance updates, @mattbatman. I have a few notes:

  1. I'm not a big fan of the underline under the heading (h1). I think underlines on the web are misleading when it's not a link.
  2. I think we need to do something about the content of the heading for series list. By default, what we see is the term of the "series" taxonomy (e.g., 2016-2017). In the case of the current series, it should probably say something like "This Season at BPP" but I'll defer to @ChadDR and @jessicareed for direction there. What should that be? Also, what should it be for any past series? Something like "2012-2013 Season" or the like?
  3. Only the poster is currently clickable to go to the full detail. I'd like to make the byline people clickable by default in the byline partial since it's also used on the full detail. The complete figcaption on the brief should be clickable to go to the full detail, however, just like the poster. Maybe we can "suppress" links within a container that itself is a link? See here for an example of a bio link. Maybe this needs to be discussed or I'm over/under thinking it.
ChadDR commented 7 years ago

I think just saying 2016-17 Season is perfectly fine for each.

Chad Rabinovitz

Producing Artistic Director

Bloomington Playwrights Project & Adirondack Theatre Festival

mailto:ChadDR@aol.com ChadDR@aol.com

http://www.ChadDirects.com www.ChadDirects.com

From: Marc Guyer [mailto:notifications@github.com] Sent: Monday, January 23, 2017 9:11 AM To: bppwrite/bppwrite.github.io bppwrite.github.io@noreply.github.com Cc: ChadDR ChadDR@aol.com; Mention mention@noreply.github.com Subject: Re: [bppwrite/bppwrite.github.io] Calendar Implementation (#14)

Well done on the season-at-a-glance updates, @mattbatman https://github.com/mattbatman . I have a few notes:

  1. I'm not a big fan of the underline under the heading (h1). I think underlines on the web are misleading when it's not a link.
  2. I think we need to do something about the content of the heading for series list. By default, what we see is the term of the "series" taxonomy (e.g., 2016-2017). In the case of the current series, it should probably say something like "This Season at BPP" but I'll defer to @ChadDR https://github.com/ChadDR and @jessicareed https://github.com/jessicareed for direction there. What should that be? Also, what should it be for any past series? Something like "2012-2013 Season" or the like?
  3. Only the poster is currently clickable to go to the full detail. I'd like to make the byline people clickable by default in the byline partial since it's also used on the full detail. The complete figcaption on the brief should be clickable to go to the full detail, however, just like the poster. Maybe we can "suppress" links within a container that itself is a link? See here for an example https://github.com/bppwrite/bppwrite.github.io/commit/02bc5fde85cd31fa111b6593a8b4a4d2151ceed7#diff-032ebf3884907d8515b1b904f77d906a of a bio link. Maybe this needs to be discussed or I'm over/under thinking it.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/bppwrite/bppwrite.github.io/issues/14#issuecomment-274497137 , or mute the thread https://github.com/notifications/unsubscribe-auth/AUPxDq72_Y0gTHoUhA5x57W7uiDBePImks5rVLTqgaJpZM4LAMB6 . https://github.com/notifications/beacon/AUPxDtmgRAsM1g4u3bslLWN47iXcMVEzks5rVLTqgaJpZM4LAMB6.gif

mattbatman commented 7 years ago

@marcguyer

Only the poster is currently clickable to go to the full detail. I'd like to make the byline people clickable by default in the byline partial since it's also used on the full detail. The complete figcaption on the brief should be clickable to go to the full detail, however, just like the poster. Maybe we can "suppress" links within a container that itself is a link? See here for an example of a bio link. Maybe this needs to be discussed or I'm over/under thinking it.

Along the same lines, we still need to style everything on hover. A really common technique is to use a div with the class name overlay that you just overlay on the image when someone hovers it. To see what I'm talking about, there's this codepen or the Pratt website (scroll below the hero slider). We could make a "backside" of each card that's 100% click-able but includes these extra links.

marcguyer commented 7 years ago

Maybe also some sort of unobtrusive indicator which is the current show or the next show. Like a little corner ribbon or something like that.