Home Page

[thescientist13]

Overview

This is a list of all the things we want to have on the home page, in approximate order. Linked tickets capture most of the components needed to create it, so those can / should be worked on first.

Sections / Integrations

1. Page "tearing" design
2. Header #14
3. Upcoming Episode / Schedule #16
4. About TT
5. Spotify Playlist #18
6. Youtube Playlist #17
7. Footer #11
8. Favicon - add favicons and associated files #42

Depends on #15 and #20

Nice To Have

1. Newsfeed (Facebook Pages) #19
2. Styled Scrollbar
3. intersection observers for the playlists, or can just use loading="lazy"?

[thevinitgupta]

Is there any of the tasks available to work on?

[thescientist13]

Hey @thevinitgupta. Yeah, some of these tasks should be available to work on, and would be labelled with good first issue. Will cross-link here in the description as well.

Also, shared a little status update here; just to keep you up to date. 👍

[thevinitgupta]

@thescientist13 I would love to work on the page tearing design.
Could you create a separate issue explaining what are the features needed to be implemented and assign me to the issue?

[thescientist13]

Yeah, if you want to give that a try, the main requirement is just achieving the effect from the designs where the content section will have the top and bottom "tearing effect" to it, that blends into a white background for the content itself, and then ends before the footer.

So I think from the HTML perspective, it would look something like

 <tt-header></tt-header>
<main>
  <!-- page content goes here -->
</main>
<tt-footer></tt-footer>

I think the header is probably the best place to put the top section, and then page (<main>) can manage the bottom tear. I can assign #14 to you if you want to start with the top part? Or I can assign you this ticket if you want to work on the bottom part.

CSS and design are not my strength, so open to other thoughts and approaches on approaching this as well. 👍