Revamp homepage layout and UI components

[zcesur]

Current homepage	New homepage

We already have all of the individual components. We need to restyle a bunch of stuff and move some things around.

In scope:

• Top bar
• Restyled sidebar
• Everything else besides active streamers moved to the user menu at top right
• Sidebar takes up its own space (as opposed to being overlayed on top of the page)
• Sidebar is open by default except when there is a chatbox open
• Full width hero video
  • Currently we show a hero video only if there is an active livestream
  • Going forward we should always show a hero video
  • If there is no active livestream, we should fallback to the latest VOD
• Full responsiveness
• Black background everywhere (perhaps with a slight gradient)

Out of scope:

• Offline streamers in sidebar
• Viewer counts in sidebar
• "See all livestreams" button
• Stream tags

[zcesur]

/bounty $200

[Bhavyajain21]

/attempt #72

[Bhavyajain21]

Can I be assigned? @zcesur

[zcesur]

Hey @Bhavyajain21 thanks for tackling this! Happy to assign once there's meaningful progress

[suhassk-hash]

/attempt #72

Options

• Cancel my attempt

[Brihadeeshrk]

/attempt #72 My plan is to first go through the current UI, understand what's going on and then make the proposed changes as per the new design

Options

• Cancel my attempt

[urbit-pilled]

/attempt #72

Algora profile	Completed bounties	Tech	Active attempts	Options
@urbit-pilled	6 bounties from 3 projects	Rust, Python, JavaScript & more		Cancel attempt

[zcesur]

Thanks for attempting everyone! I just added a database seed script that should make it easier to get started with this issue. It adds 1 live user, 5 VODs and 1 live stream. You can run the script as:

git pull origin main
env $(cat .env | xargs -L 1) mix run priv/repo/seeds.exs

Let me know any time if I can help with anything, also available on Discord via #contributing channel or DMs

[urbit-pilled]

this is more complex than I thought it would be, I opened a draft PR and I'll come back to this later tomorrow.

[zcesur]

Let me know if there's anything in particular that's giving you trouble, I'd love to help

I need this for a demo next Thursday so I'll have to take over and close the bounty unless there's good progress by the end of the weekend

[urbit-pilled]

Sorry @zcesur I was busy over the weekend. Thanks for taking over, I see that you've already made progress on this with the latest commits.

[zcesur]

No worries @urbit-pilled. Just in time for the demo :)