Player & Website Epic

@Hakanto @auggod @Timothee Hey guys, here we go

Meeting August 31

Stream

  • New stream player is live at beta.stream.resonate.ninja
  • We will remove top informational banner
  • Proposal: Make the search input appear automatically if the window is larger that 800px (?). @auggod will check with @Timothee.
  • “Discovery” → “Discover”

Website

  • Add a contact form (@auggod built one already, should be in the website code)
  • @Timothee We’re thinking we should use the text version of the logo in the top left of both the website and the player. The thought there being people need to know where they are
  • We’re adding blog page design and implementation to the website scope for this epic
  • This week will focus on missing pages and ensuring all links are correct
  • @Hakanto will finish the header and footer links.

Community

  • Add the checklist plugin (angus)
  • Raise with the rest of the co-op that we’re thinking of taking the current public categories public.
    • What will the public categories need in order to make sense to the uniniated?

@auggod @Hakanto @Timothee Hey guys, here we go

1 Like

@brndnkng See Community Team note below.

September 7

Stream

  • Header will be expanded by default on desktop
  • Header needs to be present on mobile (incl logo)
  • No scale effect on learn (? we would need to remove this from all buttons)
  • @Timothee will follow up with any other style issues
  • @auggod will implement any other pieces of style feedback

ID server

  • @auggod has made a new build system so that it works via docker tags
  • @auggod will add the header and the footer to the id server ← Priority task
  • @auggod and @angus will have a meeting to discuss development workflow and practices across the coop’s repos.

Website

  • We will use existing contact form component in the website repo. It will be the only element on the contact page
  • We will use text + symbol version of logo across all headers (we will decide between the two version async)
  • We keep the symbol version of the logo for mobile
  • Week goal <— @Timothee’s Priority
    • Homepage implemented in hugo
    • Update the figma prototype to accomodate design feedback
  • We’ll checkin on the workload and timeline next week.

Community

→ Work is moving to the Community Team.

2 Likes

Recognizing that the Community work is moving to the Community Team, still wanted to mention progress made in this area. I started a topic presenting a vision for making the forum public , gave context, and invited feedback:

1 Like

I believe it would be good to add a Blog link into the Learn Menu. I think @Timothee and I had agreed this was a good idea, but removed it from the Learn Menu when we thought that the blog would not be included on the website.

Now that the blog will be on the website, I’d encourage adding Blog back into the Learn menu as the 4th item between The Co-op and Handbook.

@auggod

@Timothee @Hakanto @auggod Ok here we go

1 Like

September 14

Website

  • Logos are here
  • Replace percentage column with euro amounts in table on landing page
  • @Timothee’s Weekly Goal:
    • Manifesto: Definite
    • About page: Maybe
    • Stream to own: Maybe
    • Replace mini player with the featured album matrix
  • @auggod to help @Timothee to install package needed for search? Special version of Choo(?)
  • Not doing the mini player on the website. (post launch)
  • Replace mini player with list of albums linked to the album on the player: list generated by…
    • Community votes (monthly) (maybe use in future)
    • Featured List is generated by https://beta.stream.resonate.coop/api/v2/trackgroups?limit=20&page=1&featured=true <— use this for launch
  • Change header placeholder text: “Search for artists, labels, tracks, releases, #tags

Player

  • Change header placeholder text: “Search for artists, labels, tracks, releases, #tags
  • Remove homepage and always redirect to discover
  • Will merge in the monster PR
  • Add a switch so that .coop can still use the old login while .ninja will use the id server

ID server

  • Add in the header and the footer

Upload tool

  • FFM Pack broke which will take up some time.

@Timothee @auggod @Hakanto here we go

September 21

  • @auggod has been stuck on the FFM Pack issue. @auggod and @angus will chat and see if they can resolve.

  • @Timothee Weekly goal:

    • Push a completed page to a branch
    • About will be finished
    • Stream to own will be finished
    • Community Credentials will be finished
    • Coop page will be finished
    • Replace featured section with list of albums
  • @angus will review the @Timothee’s PR

  • @angus will establish translation architechture in hugo and give @LLK access to perform translation to french.

  • @auggod will deploy the updated player to beta.stream.resonate.coop with access to id.resonate.coop (running the old database, which is currently synced on regular schedule with the wordpress database) <— later today

Deployment of new player at the end of the epic (WIP)

  1. beta.stream.resonate.coopstream.resonate.coop
  2. Change the links to the player on resonate.is to steam.resonate.coop
  3. Redirect beta.stream.resonate.coop to stream.resonate.coop
  4. Put notice in the beta.stream.resonate.coop PWA to download the new PWA stream.resonate.coop

Website

  • Change header placeholder text: “Search for artists, labels, tracks, releases, #tags
  • Change links in player to stream.resonate.coop

Player

  • Change header placeholder text: “Search for artists, labels, tracks, releases, #tags
  • Remove homepage and always redirect to discover
  • Will merge in the monster PR
  • Add a switch so that .coop can still use the old login while .ninja will use the id server

ID server

  • Add in the header and the footer
1 Like

@auggod @Timothee @Hakanto here we go guys

@developers thanks all :slight_smile: We’re very close!

  • @Timothee will finish the co-op, team, blog, and blog posts
    • Change header placeholder text: “Search for artists, tracks or #tags
    • Change links to the player to stream.resonate.coop.
  • @auggod to setup a new organisation on https://www.transifex.com/
    • to remove header animation on new website
    • to finish adding header and footer to id server, by adding search component
    • move the search icon on mobile player to top right

Production deployment (process)

  • Hugo version can be passed to docker-compose cmd

  • @auggod will add the ability to add the tag as an argument to the docker-composer command so we can deploy specific versions

  • For production deployment we are going to automate the following

    • Have a floating ip for the domain
    • Deploy the latest code to a new virtual server
    • Switch the ip of the domain to the new server
    • Switch back to the ip to the old virtual server if there is an issue with the new deployment

Deployment of new player at the end of the epic

  1. Point the domain stream.resonate.coop to the beta.stream.resonate.coop server ip
  2. Redirect beta.stream.resonate.coop to stream.resonate.coop
  3. Change the links to the player on resonate.is to stream.resonate.coop

@angus and @auggod will investigate the beta.resonate.is to stream.resonate.coop redirect.

  • Can you redirect a PWA app?
  • Can you distinguish between a browser and PWA - yes.

Target deployment date for new player: October 8

3 Likes

@developers ok here we go!

1 Like

@developers Thanks guys, we’re so close!

Final website task list!

[] @Timothee is going to update featured Tracks on homepage to be a random 5 from the staff picks, picked on load
[] @Timothee is going to ensure a single CTA: “Join now” (https://id.resonate.coop/join).
- in all page sections
- in footer

[] @Timothee is going to make some final layout tweaks and ping us when he’s done
[] @Timothee Is going to ensure all button labels should be Sentence case
[] @auggod needs to add Search chu app
[] @Hakanto is going to provide T&C and other missing footer looks
- “Report and issue” → https://github.com/resonatecoop/stream/issues/new
[] @auggod is going to add the interactive logo to the landing page
[] @angus is going to setup the transifex integration
[] @Timothee is going to add meta tags to the head

  • schema.org tags
  • og tags
  • canonical
  • etc
    [] @Timothee is going to add additional “Join now” CTAs in between sections on each page

Deployment of new player at the end of the epic

  1. Point the domain stream.resonate.coop to the beta.stream.resonate.coop server ip
  2. Redirect beta.stream.resonate.coop to stream.resonate.coop
  3. Change the links to the player on resonate.is to stream.resonate.coop

@angus and @auggod will investigate the beta.resonate.is to stream.resonate.coop redirect.

  • Can you redirect a PWA app?
  • Can you distinguish between a browser and PWA - yes.

Target deployment date for new player: October 8

3 Likes

@developers Here we go, epic wrap up!

1 Like

@developers Thanks guys!

Website PR merged :tada:

Test site live:

https://resonate.space/

Website style tweaks

Tasks to carry over

  • Search component finalisation ← @auggod

    • Open by default
    • Autocomplete
    • Tags linked
  • Contact form inclusion <— @auggod

  • Random logo changer <— @auggod

  • Setup the transifex integration <— @angus

Content Updates

These content updates need to be done prior to launch.

Blog

To add to the comms list

  1. Migrate from the old blog
  2. Add new content to the blog

Team

  1. Update the team profiles ← @Hakanto to handle (either by doing or assigning)
3 Likes

@developers I just want take a moment to congratulate @Timothee and @auggod. Together they closed ALL their issues on the two projects in this Epic.

Website Epic Project

Stream Epic Project

There are some minor todos (I’ve moved them to issues on github), but I would just note that those all come out of work we were doing in this epic. We achieved all the goals we set ourselves.

Closing this epic

This topic will be closing as we move to the next phases on this work. We won’t be having another check-in for this one.

  • Content management and website proofing is moving over to Comms and Governance (@Hakanto’s work on the team page)

  • Dev cleanup is moving to Github issues

6 Likes

@Timothee @auggod absolute legends :beers::beers::beers:

You too, @angus!

4 Likes

Amazing!!

Thank you TEAM!

:tada: :star_struck:

:fist_right:t3: :boom: :fist_left:t3:

2 Likes