# Roadmap to MVP: Marv and Andy Tasks

**URL:** https://publichappinessmovement.com/t/topic/5270
**Category:** Web Developers
**Tags:** webdev
**Created:** [9 January 2025 12:06 UTC](https://publichappinessmovement.com/t/topic/5270 "2025-01-09T12:06:47Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [9 January 2025 12:06 UTC](https://publichappinessmovement.com/t/topic/5270/1 "2025-01-09T12:06:47Z")

</div>

PHM ROADMAP TO MVP

# ====================== ANDY’S TASKS

- ~~All images the same dimensions as with Liberators bubble~~ 
- ~~Update wireframe~~ 
- ~~Separate text and image on heart logo~~ 
- ~~Add links to the forum and map in the header via Discourse~~ 
- ~~Remove some links from boxes on homepage so it doesn’t distract users too much~~ 
- ~~Re-order the boxes on the bottom~~ 
- ~~Improve About Page~~ 
- ~~Update ‘Getting Started’ guides phase 1~~ 
- ~~Find a way to hide the burger menu on the homepage since it doesn’t work~~ 
- ~~Add target-top to login/sign up link~~ 
- Re-do setup with sidebar navigation section on Discourse and colours to match homepage. Hopefully nested category/subcategories are now supported (as UX sucks without it). 
- ~~[Add subtitles to sections on homepage](https://github.com/focallocal/fl-maps/blob/deploy-phm/imports/both/i18n/en/phm/home.json)~~ 
- Finish adding all activities to website 
- ~~Settings minimum tags 3, and set up tag swapping for common near duplications from my notes~~ 
- Fix Our Team Page in wp-docuss 
- Make post in Reddit subs asking for new ideas for activities as a way to encourage people to check out our website 
- ~~Change ‘categories’ to ‘forum’ sitewide~~ 
- ~~Create ‘Forum’ Header button where it currently says Gather~~ 
- ~~Headers, subheaders and CTA button text written~~ 
- ~~Fix Docuss~~ 
- ~~Fix User Gravitars~~ 
- ~~Create Following system for notifictions~~ 
- ~~Create invite system~~ 
- ~~Edit sign up/login to encourage users to select or create a ‘location’ category so the invite system works [x]~~
- Text for forms/activities updated 
- ~~[https://publichappinessmovement.com/t/topic/6290~~](https://publichappinessmovement.com/t/topic/6290~~) 
- change boxes to add community owned elements. leaderboard. most active recent posts. comments with most hearts received. 
- find a way to put pre-filled text into report, going and invite commenting box. 
- review all ‘getting started’ guides, see if i can make them clearer and more engaging. 
- review the whitepaper and update anything which is outdated, plus general review for 2024 
- review and update all text on the homepage 
- write up all activities and add to ?'s in map 
- ~~fix sidebar organisation [x]~~

# ====================== MARVELOUS’S TASKS

- ~~Add a hero banner slide component.~~ 
- ~~Redesign the slider.~~ 
- ~~Add content to slides explaining why users would want to use our site and where they can do those actions~~ 
- ~~Put a call to action button in the hero banner slider, so users have a big button to take them directly to that place~~ 
- ~~Put ‘Public Happiness’ text image after the banner slides.~~ 
- ~~Lock the heart globe in the background so its visable between elements as users scroll the page.~~ 
- ~~Update desktop to new boxes design if possible~~ 
- ~~CSS fixes on homepage to get it working well on all devices/screens~~ 
- ~~Add a coloured border to the headers for each section so it matches the boxes~~ 
- ~~[Question marks added again to filter titles in the map](https://publichappinessmovement.com/t/topic/5885).~~ 
- ~~[Make a sitewide notifications system by setting users to ‘follow’ the tags created by Docuss when they post something on the map](https://publichappinessmovement.com/t/topic/2835)~~ 
- [Forms rebuilt](https://publichappinessmovement.com/t/topic/5364) (titles and text are all still there in i18n) 
- [Whitepage bug fixed](https://publichappinessmovement.com/t/topic/6296) 
- [Gap on homepage on Brave/Chrome fixed](https://publichappinessmovement.com/t/topic/6299) 
- Top level categories on forms shouldn’t be selectable. Put myself on the map also shouldn’t be 
- Mousewheel capture in forms fixed 
- When closing the congrats modal window too fast the page it tries to navigate too hasn’t been created yet.could be a delay though watching for the page would be faster, more reliable and smoother.

**Tasks identified for next phase of Roadmap**

- ~~[users can toggle available and unavailable for invites](https://publichappinessmovement.com/t/topic/6048)~~ 
- [Make bubbles float around the image](https://publichappinessmovement.com/t/topic/5313) or random images load, choice to be discussed later 
- Add an informational footer, should be easy via Discourse 
- Add a CTA under all activity guides with a fixed url once we have a link for the forms so users don’t have to navigate back to the map and click on it themselves 
- Reduce PHM notifications default to only those that directly interest user, as it pisses me off so much on new reddit 
- Add Hashtags to all How-To articles, so users will be promoting us when they post on other social media sites. 
- Remove MeteorJS from the codebase 
- Dockerise project

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [9 January 2025 16:37 UTC](https://publichappinessmovement.com/t/topic/5270/2 "2025-01-09T16:37:38Z")

</div>

New Wireframe: [PHM Homepage Update 2024.drawio - Google Drive](https://drive.google.com/file/d/1buQQVOE5zUomcCdCcyQq1-WWtuax1M9y/view?usp=sharing)

Images for [PHM-logo-and-banners - Google Drive](https://drive.google.com/drive/folders/1ZxHy4ooLyX6MJxn1WF3PnIRC9oe8_6mf?usp=sharing)

Bubbles images:  
[https://drive.google.com/drive/folders/1goBT23zb8wv\_41wwl6YDUh4D\_tYLXZe1](https://drive.google.com/drive/folders/1goBT23zb8wv_41wwl6YDUh4D_tYLXZe1)

Heart image without the PHM text:

> **[public happiness logo with no banner.png](https://drive.google.com/file/d/1nGdayi809yCjWI4k0w2JjBV5w--m-TCl/view)**
>
> Google Drive file.

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [21 January 2025 19:14 UTC](https://publichappinessmovement.com/t/topic/5270/3 "2025-01-21T19:14:16Z")

</div>

# Suggested Fonts

Header: [Figtree SemiBold 600](https://fonts.google.com/specimen/Figtree)  
Reasons: Bold, interesting, easy to read.

Sub-header and CTA: [https://fonts.google.com/specimen/Crimson+Text](https://fonts.google.com/specimen/Crimson+Text)  
Reasons: Very easy to read quickly.

Neither are particularly exciting so these choices should be reviewed later.

# Slide 1

Header: Random Acts of Kindness  
Sub-Header: Create or join exciting public activities that spread kindness in your community. Meet positive people nearby and make fun, kind friends  
CTA Button: Join/Create Kindness Gatherings

# Slide 2

International Mass Kindness Days  
Subheader: Join global celebrations of kindness! Be part of fun, inspiring internationally coordinated events near you designed to shape a friendlier, happier world.  
CTA Button: “Join In”

# Slide 3

Header:  
Sub-Header:  
CTA Button:

# Slide 4

Header:  
Sub-Header:  
CTA Button:

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [29 January 2025 22:50 UTC](https://publichappinessmovement.com/t/topic/5270/4 "2025-01-29T22:50:55Z")

</div>

Slide designs:

Desktop:

 ![image](https://publichappinessmovement.com/uploads/default/original/2X/7/7bdb6fdfaf39860eacd7f4b6ba6e4d6e15782e24.jpeg)

Mobile:

 ![Untitled](https://publichappinessmovement.com/uploads/default/original/2X/8/85f970a15df8b2f859fa9173663d8045c7be37c1.jpeg)

---

<div class="post-metadata">

### Author: ![Marvelxy](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/marvelxy/32/696_2.png) [@Marvelxy](https://publichappinessmovement.com/u/Marvelxy)
#### Post date: [30 January 2025 14:56 UTC](https://publichappinessmovement.com/t/topic/5270/5 "2025-01-30T14:56:31Z")

</div>

@AndyatFocallocal , the CTA links are still not here; it’s a lot better and easier to have everything in one place.

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [30 January 2025 21:28 UTC](https://publichappinessmovement.com/t/topic/5270/6 "2025-01-30T21:28:15Z")

</div>

1. Join will be the map home
2. International events will be the link lower down the page for international events
3. Projects/Latest will be this page: [Public Happiness - Local action for global change](https://publichappinessmovement.com/categories) and Latest [Public Happiness](https://publichappinessmovement.com/latest)

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [4 February 2025 17:20 UTC](https://publichappinessmovement.com/t/topic/5270/7 "2025-02-04T17:20:39Z")

</div>

I’ve spent some time improving the Header CTA and subheaders. Here’s the updated copy:

New version:

Slide 1:  
A.  
**Random Acts of Kindness**  
Host or join fun, public kindness activities—and connect with amazing people while making your community a friendlier, happier place. Create unforgettable memories, make amazing new friends, and spread more kindness where you live.  
**CTA:**  **“Find or Start a Kindness Activity”**

B.  
**Spread Kindness in Your Community**  
Join or create fun, meaningful activities that bring people together and spread kindness where you live."  
**CTA:** “Start Spreading Kindness Now!”

Slide 2:  
**International Mass Kindness Days**  
Join a global wave of kindness! Take part in fun, globally coordinated activities with thousands of positive people - spreading joy and making a friendlier, happier world for all. **Be there… or wish you had been!**  
**CTA:**  **“I Want to Be There!”**

Slide 3:  
**Build Kindness Projects with Your Skills**  
Collaborate globally with passionate, like-minded professionals to create impactful, kindness-driven, locally led projects that build a kindner world with more peace, well-being and happiness. Local Action for Global Change!",  
**CTA Button:** : "Build a Kinder World

Slide 4:  
**Kindness that isn’t only feel-good - it’s proven**  
Our projects are powered by the latest research on happiness and well-being, to make sure we have a real impact, as well as having loads of fun!  
**CTA: “Explore the Science Behind Kindness”**

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [8 February 2025 18:23 UTC](https://publichappinessmovement.com/t/topic/5270/9 "2025-02-08T18:23:36Z")

</div>

I’ve create a new post for the forms task:

> [@New Forms](https://publichappinessmovement.com/t/topic/5364):
>
> @Marvelxy For the two forms, [we already have most of the text fields in i18n](https://github.com/focallocal/fl-maps/blob/deploy-phm/imports/both/i18n/en/phm/new-event-modal.json). I’ll review them and update when we start work on the task. Both text’s are in this file but there is [a second one](https://github.com/focallocal/fl-maps/tree/deploy-phm/imports/both/i18n/en/emergency-phm) also already built which we can repurpose. If you search the codebase for the handles/tags i18n searches for you’ll easily find the code it all links up to. The way the original worked was there was one form with a toggle to switch between posting an event, or posting yourself onto the map. This was a …

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [18 February 2025 01:29 UTC](https://publichappinessmovement.com/t/topic/5270/10 "2025-02-18T01:29:39Z")

</div>

For Andy. Links on dark backgrounds need to be changed for readability

 ![Screenshot_2025-02-18-01-28-26-042_com.android.chrome](https://publichappinessmovement.com/uploads/default/original/2X/3/3e0d1e2034a87968bb24411ae9ee672fd7455650.jpeg)  
 ![Screenshot_2025-02-18-01-27-55-307_com.android.chrome](https://publichappinessmovement.com/uploads/default/original/2X/2/291d83a817de9b5245d03a7784acb2c550d9940f.jpeg)

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [1 March 2025 02:22 UTC](https://publichappinessmovement.com/t/topic/5270/11 "2025-03-01T02:22:27Z")

</div>

Suggestion for dividing the two forms up.

**Gather button**

- Not logged in user: Login Page
- Logged in user: Open create activity form

**New button in floating footer menu**

- Clicking switches between the two states below
- User has filled in current ‘add myself to the map’ part of forms (which will have a different name):
  - ‘available’: User is open to receiving invites to nearby activities from other users. (we may need to explain this somehow).

- ‘currently unavailable’: User doesn’t receive invites.
- these options should be customisable. for example how far away is you limit to receiving activity invites. Most users wont want a notification about something 200km away. I’m not currently sure how we would customise these.
- User hasn’t completed the form: Button shows ‘I’m in!’ instead. Opens the ‘add yourself to the map’ form. Colour.. blue i guess. matching the ocean.

 ![PHM unavailable](https://publichappinessmovement.com/uploads/default/original/2X/6/66632dd79c6a4c657284001e3b32d78fbd282113.jpeg)  
 ![PHM available](https://publichappinessmovement.com/uploads/default/original/2X/5/590699ad9d337ed4d03dd2c15b41dc037e7ccacb.jpeg)

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [2 March 2025 14:32 UTC](https://publichappinessmovement.com/t/topic/5270/12 "2025-03-02T14:32:44Z")

</div>

Alternative B:

I think the ones below look better, but aren’t as clear to the user what they actually mean. On desktop we could deal with that with an ‘on-hover’ explaination, but on mobile we couldn’t explain in that way.

@Marvelxy which do you think is better?

 ![PHM unavailable](https://publichappinessmovement.com/uploads/default/original/2X/6/659101eaf5197bd2769cff1a8116a82c305e9c3f.jpeg)  
 ![PHM available](https://publichappinessmovement.com/uploads/default/original/2X/2/235d5451f726cbe0021b82a4c5c7cf30b69a31ec.jpeg)

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [2 March 2025 14:39 UTC](https://publichappinessmovement.com/t/topic/5270/13 "2025-03-02T14:39:37Z")

</div>

Option C:

 ![PHM available - C](https://publichappinessmovement.com/uploads/default/original/2X/f/ffaa1c71707d20bc903902e1442f3630ddf32799.jpeg)  
 ![PHM unavailable - C](https://publichappinessmovement.com/uploads/default/original/2X/5/5559704a7455dd0fadd200c1cdb9fca0ee0cae0c.jpeg)

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [2 March 2025 14:42 UTC](https://publichappinessmovement.com/t/topic/5270/14 "2025-03-02T14:42:35Z")

</div>

@Jurate if you still pop in from time to time, which do you like?

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [8 July 2025 23:00 UTC](https://publichappinessmovement.com/t/topic/5270/15 "2025-07-08T23:00:52Z")

</div>

Burger Menu now hides on the homepage and maps side of the platform. It was painfully tricky, but appears to work flawlessly now 😇

The code should work for mobile and desktop. It’s been tested on chrome and firefox for android, chrome and firefox for desktop. To test head to the homepage, then navigate to the forum, then to the maps.

(note: It doesn’t work on all Themes, but atm i think we are all using ‘default’ or ‘dark’ which is does work on)

Feel welcome to try it out on other systems @Marvelxy 🙂

Documentation link: [Code for Burger Menu hide on homepage and maps](https://publichappinessmovement.com/t/topic/5862)

---

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [6 August 2025 16:47 UTC](https://publichappinessmovement.com/t/topic/5270/16 "2025-08-06T16:47:46Z")

</div>


