# Web Dev - Documentation

**URL:** https://publichappinessmovement.com/c/webdevdocs/42.md

[Latest](https://publichappinessmovement.com/latest.md) · [Categories](https://publichappinessmovement.com/categories.md) · [Tags](https://publichappinessmovement.com/tags.md)

---

## [About the Web Dev - Documentation category](https://publichappinessmovement.com/t/topic/1111)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0

</div>

---

## [Fixing Mouse Wheel Scroll in Overlay Panels](https://publichappinessmovement.com/t/topic/6512)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [16 December 2025 17:05 UTC](https://publichappinessmovement.com/t/topic/6512 "2025-12-16T17:05:44Z")

</div>

Complete Guide: Fixing Mouse Wheel Scroll in Overlay Panels Problem When you have a scrollable panel (like a filter list, modal, or dropdown) overlaid on a Google Map, the mouse wheel often doesn’t work as expected: Yo…

---

## [Debug Timing System](https://publichappinessmovement.com/t/topic/6494)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 1\
**Last updated:** [11 December 2025 18:39 UTC](https://publichappinessmovement.com/t/topic/6494 "2025-12-11T18:39:39Z")

</div>

Debug Timing System A cross-origin timing diagnostic tool for tracking communication between Discourse (Docuss plugin) and the embedded iframe (fl-maps). Use this to debug timing issues, identify slow operations, and und…

---

## [Component: Admin Section](https://publichappinessmovement.com/t/topic/1202)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 2\
**Last updated:** [2 December 2025 18:51 UTC](https://publichappinessmovement.com/t/topic/1202 "2025-12-02T18:51:58Z")

</div>

Description from Kyle Chapman, who installed the package: A straight forward admin page. Admins can change user roles or delete them. Also, includes links to user posts so that moderators or admins can edit/delete the p…

---

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

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [8 July 2025 22:58 UTC](https://publichappinessmovement.com/t/topic/5862 "2025-07-08T22:58:18Z")

</div>

We added custom code to the Themes our platform uses. The code hides the burger menu on the homepage and map side of the platform, then brings it back inside the forum. \<script type="text/discourse-plugin" version="0.8…

---

## [Recovering or rotating private keys](https://publichappinessmovement.com/t/topic/5861)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [8 July 2025 14:44 UTC](https://publichappinessmovement.com/t/topic/5861 "2025-07-08T14:44:40Z")

</div>

If you need to recover or rotate private keys from the live sites. Edit the relevant sections of travis.yml on the branch you want to work on to this: env: global: - GPG\_KEY\_B64=$sops\_gpg\_key script: - npm ins…

---

## [.json files do not change when branches are merged](https://publichappinessmovement.com/t/topic/5360)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [5 February 2025 18:31 UTC](https://publichappinessmovement.com/t/topic/5360 "2025-02-05T18:31:13Z")

</div>

.json files do not change when branches are merged in Github and need to be updated manually when a change happens on one branch (usually master) which you want to be pushed to the other branches too.

---

## [Deploying to the live site](https://publichappinessmovement.com/t/topic/1880)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 4\
**Last updated:** [15 July 2021 13:10 UTC](https://publichappinessmovement.com/t/topic/1880 "2021-07-15T13:10:23Z")

</div>

written by @zofrex Current State Please make all PRs to the Master branch and also push changes downstream to deploy-phm and deploy-btm until we have a working testing server set up. The current live site branches are …

---

## [Live Site - Travis Setup](https://publichappinessmovement.com/t/topic/3944)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [9 November 2023 08:02 UTC](https://publichappinessmovement.com/t/topic/3944 "2023-11-09T08:02:17Z")

</div>

Setting up Travis CI to automatically rebuild the live site when a new pull request is pushed involves integrating your GitHub repository with Travis CI and configuring the necessary build steps. Here’s a general outline…

---

## [React App Setup - Live Site](https://publichappinessmovement.com/t/topic/3942)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [9 November 2023 07:50 UTC](https://publichappinessmovement.com/t/topic/3942 "2023-11-09T07:50:28Z")

</div>

This guide is for setting up a live version of our React app (the map/event system). If you’re looking for the local host setup guide its this way If you want the full process for setting up an entire live platform its…

---

## [UI Colour Theme. 3 Main Colours for PHM and all Category and Sub-Cat colours](https://publichappinessmovement.com/t/topic/3881)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [21 October 2023 17:03 UTC](https://publichappinessmovement.com/t/topic/3881 "2023-10-21T17:03:32Z")

</div>

Three main theme colours for PHM: #fb8405 #73bf45 #007aff All Category and Sub-Category colours: fb8405 ff9c38 (lighter) 73bf45 8ed56f (lighter) 007aff 5ab2ff (lighter) F1592A (a vibrant red) ff725…

---

## [Discourse Plugins (this forum)](https://publichappinessmovement.com/t/topic/1315)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 1\
**Last updated:** [23 March 2023 17:00 UTC](https://publichappinessmovement.com/t/topic/1315 "2023-03-23T17:00:10Z")

</div>

Quick Install If you already know what you’re doing here’s the code you need to install the currently used plugins: cd /var/discourse nano containers/app.yml hooks: after\_code: - exec: cd: $home/plugin…

---

## [Setting up discourse on windows using WSL](https://publichappinessmovement.com/t/topic/3525)

<div class="topic-metadata">

**Author:** [@Nelson](https://publichappinessmovement.com/u/Nelson)\
**Replies:** 1\
**Last updated:** [2 June 2023 14:08 UTC](https://publichappinessmovement.com/t/topic/3525 "2023-06-02T14:08:31Z")

</div>

Hi everyone, if you are on windows and you want to setup discourse locally, use the following steps: Setup WSL on your PC Use the following link to start the setup When using the provided guide, and you have ins…

---

## [Components - Docuss](https://publichappinessmovement.com/t/topic/1144)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 2\
**Last updated:** [19 May 2023 16:41 UTC](https://publichappinessmovement.com/t/topic/1144 "2023-05-19T16:41:04Z")

</div>

Our community building and discussion forum uses a pretty slick integration with Discourse the worlds largest opensource forum software. This sync enables us to use Discourse to handling the community building, communi…

---

## [Walkthrough to setting up an online clone of the PHM platform](https://publichappinessmovement.com/t/topic/3438)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [29 April 2023 13:22 UTC](https://publichappinessmovement.com/t/topic/3438 "2023-04-29T13:22:28Z")

</div>

This is an autogenerated document. It would be great if someone could expand this walkthrough while going through the process Purchase a new domain name: This typically takes around 5-10 minutes to complete, depending…

---

## [Discourse Theme Components vs Plugins](https://publichappinessmovement.com/t/topic/3398)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [20 April 2023 12:36 UTC](https://publichappinessmovement.com/t/topic/3398 "2023-04-20T12:36:26Z")

</div>

Its probably better to build functionality as a ‘Theme Component’ rather than a ‘Plugin’ as they are easier to maintain, although that is your own choice.

---

## [Complete Walkthrough - Setting up an instance of our platform](https://publichappinessmovement.com/t/topic/3346)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 6\
**Last updated:** [9 April 2023 15:23 UTC](https://publichappinessmovement.com/t/topic/3346 "2023-04-09T15:23:02Z")

</div>

Please link to other posts in the documentation section for expanding on simple top level instructions. Domain Setup Namecheap is a good choice. Discourse port mappings: Port Mappings - Common ports and their services …

---

## [Node Sass binding error when running npm run start](https://publichappinessmovement.com/t/topic/3353)

<div class="topic-metadata">

**Author:** [@zhna123](https://publichappinessmovement.com/u/zhna123)\
**Replies:** 9\
**Last updated:** [3 April 2023 18:47 UTC](https://publichappinessmovement.com/t/topic/3353 "2023-04-03T18:47:37Z")

</div>

Hi everyone! I was following the guide here https://publichappinessmovement.com/t/topic/1216 to set up dev environment. I ran into this error when running npm run start: Node Sass could not find a binding for your curre…

---

## [Meteor-Mongo interface](https://publichappinessmovement.com/t/topic/2055)

<div class="topic-metadata">

**Author:** [@dhruvmk](https://publichappinessmovement.com/u/dhruvmk)\
**Replies:** 0\
**Last updated:** [21 December 2020 14:28 UTC](https://publichappinessmovement.com/t/topic/2055 "2020-12-21T14:28:25Z")

</div>

The Meteor server is connecting to the specific MongoDB collection here: https://github.com/focallocal/fl-maps/blob/deploy-phm/imports/both/collections/events/index.js. The collection is first instantiated using: const …

---

## [Components: i18n for all text and languages](https://publichappinessmovement.com/t/topic/1156)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [4 April 2019 18:54 UTC](https://publichappinessmovement.com/t/topic/1156 "2019-04-04T18:54:12Z")

</div>

All text and images on our platforms should be in the i18n folder. This makes it very quick and easy to update it for translation or improving. i18n is a plugin for adding multiple languages. It’s reads the url and retu…

---

## [Triple Layer Categories and Sub Categories](https://publichappinessmovement.com/t/topic/2576)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [28 June 2021 22:42 UTC](https://publichappinessmovement.com/t/topic/2576 "2021-06-28T22:42:10Z")

</div>

This forum allows three layers of categories and sub categories. This is set by changing the number of sub categories from 2 to 3 in the app.yml file, just above the plugin urls. Note: We no longer do this as it conflic…

---

## [TravisCI - The Build Process](https://publichappinessmovement.com/t/topic/1116)

<div class="topic-metadata">

**Author:** [@tmcnulty](https://publichappinessmovement.com/u/tmcnulty)\
**Replies:** 0\
**Last updated:** [10 March 2019 00:31 UTC](https://publichappinessmovement.com/t/topic/1116 "2019-03-10T00:31:56Z")

</div>

How does a change to the focallocal project make it production? How can I track the status of my build/how are builds built? Upon merging a PR a webhook is fired against our Travis CI instance. The project can be found…

---

## [NPM run error - bcrypt - babel](https://publichappinessmovement.com/t/topic/3330)

<div class="topic-metadata">

**Author:** [@zdbrenda](https://publichappinessmovement.com/u/zdbrenda)\
**Replies:** 15\
**Last updated:** [10 August 2021 13:14 UTC](https://publichappinessmovement.com/t/topic/3330 "2021-08-10T13:14:31Z")

</div>

I am getting this error when running meteor npm install I ran npm install node-pre-gyp -g which was successful, but then when I was running meteor npm install I was still getting the same error.

---

## [Setting up Discourse for Local Development (Local Host)](https://publichappinessmovement.com/t/topic/2630)

<div class="topic-metadata">

**Author:** [@Marvelxy](https://publichappinessmovement.com/u/Marvelxy)\
**Replies:** 3\
**Last updated:** [21 January 2023 13:57 UTC](https://publichappinessmovement.com/t/topic/2630 "2023-01-21T13:57:20Z")

</div>

Setting up Discourse for local development is not easy, especially if we don’t know Ruby on Rails (The framework that powers Discourse). I found this guide helpful. It contains every necessary step: Update 24/05/2024!…

---

## [Getting Started: Setting Up a Local Dev Environment - and related bug fixes](https://publichappinessmovement.com/t/topic/1216)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 44\
**Last updated:** [15 December 2022 13:10 UTC](https://publichappinessmovement.com/t/topic/1216 "2022-12-15T13:10:00Z")

</div>

We strongly recommend running Linux either on a USB, dual boot, emulator, or as your primary OS. Running local dev environment on Windows has been managed a few times, but it is extremely temperamental and time consumi…

---

## [Npm loop error on local host - Example and fix](https://publichappinessmovement.com/t/topic/2934)

<div class="topic-metadata">

**Author:** [@lowesilvan](https://publichappinessmovement.com/u/lowesilvan)\
**Replies:** 31\
**Last updated:** [29 September 2022 11:51 UTC](https://publichappinessmovement.com/t/topic/2934 "2022-09-29T11:51:55Z")

</div>

Hello, @Marvelxy I followed the steps to set up my local dev environment and when after successfully installing dependencies. Running “npm run start” gets stuck in a loop of “certificate has expired” errors" Find attac…

---

## [Reporting Bugs](https://publichappinessmovement.com/t/topic/1133)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [22 March 2019 20:46 UTC](https://publichappinessmovement.com/t/topic/1133 "2019-03-22T20:46:14Z")

</div>

Post any bugs you find here Please include: a screenshot of the issue (windows: ctrl + c on the screen the issue occurs. then ctrl + v in the forum thread above) a concise description of what occurred instead a conci…

---

## [UX Checklist](https://publichappinessmovement.com/t/topic/1452)

<div class="topic-metadata">

**Author:** [@danyalamriben](https://publichappinessmovement.com/u/danyalamriben)\
**Replies:** 0\
**Last updated:** [28 July 2019 17:11 UTC](https://publichappinessmovement.com/t/topic/1452 "2019-07-28T17:11:35Z")

</div>

Reference List of UX heuristics for Design Decisions Visibility of system status The system should keep users informed through appropriate feedback within reasonable time Match between system and the real world The sy…

---

## [How to install and use Metamask to receive your PHAT Tokens](https://publichappinessmovement.com/t/topic/2983)

<div class="topic-metadata">

**Author:** [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)\
**Replies:** 0\
**Last updated:** [23 June 2022 14:23 UTC](https://publichappinessmovement.com/t/topic/2983 "2022-06-23T14:23:55Z")

</div>

Every action you take on this platform which benefits our shared mission is rewarded in PHAT Tokens. A simple wallet we recommend for receiving and using your tokens is Metamask. You can use any other ERC20 compliant wa…

---

## [How To: Add a Basic React Page to the Maps Site](https://publichappinessmovement.com/t/topic/1274)

<div class="topic-metadata">

**Author:** [@ArtyS](https://publichappinessmovement.com/u/ArtyS)\
**Replies:** 0\
**Last updated:** [3 June 2019 09:16 UTC](https://publichappinessmovement.com/t/topic/1274 "2019-06-03T09:16:57Z")

</div>

Page Templates Access this GitHub repo to access the basic templates for adding a new React page to the site: reactPageTemplate Steps to create a page: Populate one of the templates included in this repo 1a. funct…

[Next page](https://publichappinessmovement.com/c/webdevdocs/42.md?page=1)