exafox / paquete Goto Github PK

We'd like the ability to display flags to the right of the listing title that communicate if an entry is audio, adult, paywalled, charity, or sponsored.

Ideally we could toggle these tags' appearance with a 1 or 0 in a new column in the Streaming Guide Sheet. If we can do that, please append them to the right of the existing columns, as our data ingesters are now based on the existing column order.

Icons: Margo's made these: https://github.com/exafox/paquete/files/4606099/tag.icons.zip

Alt text for the images:

• Audio content (a podcast) (Alt text: Audio content)
• Adult content (Alt text: May contain adult content)
• Paywalled (some charity livestreams, and Netflix, Hulu entries) (Alt text: May require paid ticket or subscription)
• Donation page available (link this icon to ) (Alt text: This event is for charity. Please consider giving.)
• Sponsored (hypothetically) (Alt text: This listing is sponsored)

Featured events will have a "1" in the Featured column of the spreadsheet

Jon to implement in the app, Margo to suggest the color(s)

We have a request for minimal yet persistent branding in the form of a thin bar across the top of the app that reads "Presented by [The Boston Globe logo], and an about link [encircled 'i' information icon?] that pops up a modal with some explainer text.

https://company-59374.frontify.com/d/ERwMkYdG4A1L/the-boston-globe#/visual-identity-guidelines/color-palette

No need to sign up subscribers this way on this page

• liveguide.client.com CNAME
• client.com/liveguide redirect

Design a meta image to populate social media previews

Change blue to #005DC7
Change type to Benton Sans [Condensed] Medium

If there the "Description Page Link (optional)" field is populated, append a paragraph break and then the text "Read about it in the Boston Globe." to the end of the listing's description. Link that text to the URL provided in the field.

Listing should scroll vertically on loop like a cable directory channel

https://company-59374.frontify.com/d/ERwMkYdG4A1L/the-boston-globe#/visual-identity-guidelines/typography

For both Boston and BG versions

Related to #27

To ensure the user has a chance to see the initial video, could we set it to display for X amount of seconds (e.g. 6 seconds) before the scrolling listings replace it in the top preview panes?

Time-slot columns should be ~1.5-1.75x the width of channel column.
I've been using 130px for channels and 235px for time-slots, with 5px margins between, but those numbers are arbitrary.

See https://www.loom.com/share/be12d7678a414cb38dd4709fda2591ea for screencast

When you press play on the auto-focused podcast, it's interrupted when the next auto-focus selection appears

Certain symbols, like the single quote mark ' in "The Fly'n Hawaiian", are being transcoded incorrectly from the db file

(Margo)

Jon helpfully added a donate button for the Boston's Still Running campaign in the lower right of the app. To avoid confusion with paid channels (Netflix, Hulu, etc.), could you think about another glpyh we might use on that button?

I'm having issues with the Demo Paquete app.

It was freezing a lot, so I moved the data out of the sheet schedule.

Now a sample entry, Post Malone x Nirvana, is showing up under "Kids" despite being labeled in the data as "Music".

I was hoping to use it to test loading schedules to make sure they don't break the production app. Are we keeping it generally up to date with the production version?

In addition to displaying the time of day, EDT, display a static time for all other global users: Now, in 30 minutes, in 1 hour, in an hour and 30 minutes, in 2 hours, etc.

For platforms that allow it, load the video in the Guide itself without the user having to leave. This could be a frame, popover, etc.

Update: I did some initial looking and many of the top platforms allow embedding (if the producer does), so it may be possible for us to do this systematically given the user ID: https://docs.google.com/spreadsheets/d/1D5JBmEg1teTHy43Gu0lJqlTJCp_T3lmHljAO5l_tEwk/edit#gid=1656008924

Please LMK what we'd need to collect on the data entry side for each platform -- embed code? User ID? Just the livestream URL?

The order of priority for video platforms based on our data collected is:

YouTube
Facebook Live
Livestream (Vimeo)
Twitch
Instagram

(To the extent each is even possible)

When a video is being played, we'd need to prevent scrolling listing entries from taking over the preview pane as they are currently set to do.

When the app considers a link broken, it displays this page in the media pane (attached). When the user clicks "back to our site", it loads a second instance of the LiveGuide app inside the media pane (attached 2).

I've created a row for the initial video we'd like to have load on page load, and the text accompanying it, in the Demo Schedule tab, row 1.

Ideally this could populate the top preview section on page load for about 6 seconds. We could hide this entry from the schedule, or leave it in as a recurring reminder to donate.

The video:
https://www.youtube.com/watch?time_continue=2&v=eyBP2SlwW8U

The donation link for a "Donate" button: https://manage.bostonglobe.com/order/da2/contribute.html

• high contrast for accessibility
• retro 90's vibe

https://www.boston.com/

We will have consistently formatted Stitcher embed data so we can include major podcasts in the listings. Could you add the logic to load the Stitcher embed player in the media pane (where the YouTube player loads)?

and link it

Can we replace the placeholder image (network color bars) with an ad unit? See the square ad above the "Visual stories" section at https://www.bostonglobe.com/

width:300px;height:250px;

For the Globe instance, we can remove both the red bar and the 'presented by' band from the top

These aren't all immediately necessary, but we might as well execute them in one pass. (The answer may be "use an icon pack").

We'd like flags that communicate if an entry is:

• Audio (for podcasts - headphones icon?)
• Adult content
• Costs money ($) - Netflix, Hulu, some charity livestreams
• Donation (many of the livestreams are donation-based and we can collect the donation link, so some sort of give / donate icon?)
• Sponsored (hypothetically)

Email / Google submission form with fields for:

Livestream URL
Date/time picker that formats how we need it
Your name, if you want a shoutout if we use it

Details to follow

The Boston Globe is proud to present LiveGuide, your daily schedule of the latest livestreams and other content from around the internet. Stay tuned for entertainment, news, virtual events, and the Globe's critics' picks. Do you have a livestream you’d like us to consider including in LiveGuide? Provide us with the details here.

Display “Back to Boston.com” link only for those who reached the page via Boston.com

Implement #34

Firefox and Chrome on Windows 10 at https://demo--paquete.netlify.app/ -

When the media pane loads pre-scheduled YouTube livestreams that are not yet active (example: https://www.youtube.com/watch?v=assozRz2Z9g&list=PLU12uITxBEPHHlOIWGAIezbshH82rGpKp&index=39&t=0s), it triggers the app's error page in the media player pane (which then triggers a reload of the app in the media pane, #58).

One solution might be to only highlight listings in the leftmost time column.

Many of the livestreams are charity fundraisers. We can collect the donation page URL while collecting data. Could we add a donate icon to entries where this field is populated?

e.g. if it is half-way through the day, items from the morning are no longer displayed