Update Community of Practice: DevOps Update Name

[JessicaLucindaCheng]

Prerequisites

1. Be a member of Hack for LA. (There are no fees to join.) If you have not joined yet, please follow the steps on our Getting Started page and attend an onboarding session.
2. You have already read our How to Contribute to Hack for LA Guide.

Overview

We need to keep project information up to date so that visitors to the website can find accurate information.

Action Items

• [x] In your IDE, open the _data/internal/communities/ops.yml file. [^1]
• [x] Observe the existing syntax of the front matter block [^2] in the file.
• [x] Find the name variable and change the following: From:

  name: Ops
  

  To:

  name: DevOps
  

• [x] Open assets/js/communities-of-practice.js [^3] and find

            if (communityName === "Project/Product Management") {
                projectName = "Product Management";
            } else if (communityName === "Ui/Ux") {
                projectName = "UI/UX";
            } else {
                projectName = communityName;
            }

• [x] After

                projectName = "UI/UX";

add the following

            } else if (communityName === "Devops") {
                projectName = "DevOps";

• [ ] Verify the name change and meeting times are showing up by viewing the following in your local environment with Docker, and include 'before' and 'after' screenshots with your pull request:
  • [ ] Communities of Practice page [^4]

Resources/Instructions

[^1]: Link to the community of practice file in HfLA Website repo: https://github.com/hackforla/website/blob/gh-pages/_data/internal/communities/ops.yml [^2]: Info about the front matter block [^3]: Link to the communities-of-practice.js file in HfLA Website repo: https://github.com/hackforla/website/blob/gh-pages/assets/js/communities-of-practice.js [^4]: Communities of Practice page URL: https://www.hackforla.org/communities-of-practice

[HackforLABot]

Hi @JessicaLucindaCheng, we notice that you are assigned to an issue that you authored. Please remember to add the Draft label to this issue while you are working on it.

[JessicaLucindaCheng]

Pulling this out of prioritized backlog to figure out why times are not populating when name Ops is changed to DevOps

Edit: I figured out the problem with the meeting times and have edited the issue.

[cadenramey]

ETA: Weds 11/19/25 Availability: M-F 1-5pm

[cadenramey]

Update:

Progress: Completed tasks Blockers: Docker not showing meeting times before or after changes specifically on the Communities of Practice page (shows for others). Updated branch was downloaded and checked by @daras-cu and meeting times showed. Either a Docker issue or Mac issue. Availability: M-F 1-5pm ETA: Hopefully by next week's dev meeting (11/25/25)

Before code changes and running Docker:

After code changes and running Docker:

Code changes:

Error message in Chrome console:

[daras-cu]

@cadenramey I've been looking at some of the other files that import JS modules to see if there are any that are handled differently, can you test a couple things for me from your Docker:

• If you open the /about page, do you see anything under the Accomplishments?
• If you open the /project-meetings page, do you see any meetings listed?

@bragelbytes this is the issue we were discussing if you want to subscribe to follow the progress

[cadenramey]

@daras-cu Yes! Both pages look the same in Docker as the normal website. Accomplishments and meeting times are both there.

[daras-cu]

@cadenramey thanks for checking, that's interesting. Can you also let me know if the meeting times show up for you in the live version of the website, i.e. https://www.hackforla.org/communities-of-practice?

In both the other pages the script is imported slightly differently, in your communities-of-practice.html file can you try replacing the existing script with each of these and then test it in Docker?

1. <script src="../../assets/js/communities-of-practice.js" type="module"></script>
2. <script src="{{ '/assets/js/communities-of-practice.js' | absolute_url }}" type="module"></script>

[cadenramey]

@daras-cu Yes, meeting times show up on the live version of the website!

I tried both of these in line 782 of the communities-of-practice.html file is that correct? The 1st one didn't change anything and the meeting times didn't show up and then the 2nd one also didn't show the times but when I ran it in docker it automatically condensed back to the original version of line 782:

<script type="module" src="assets/js/communities-of-practice.js"></script>

[daras-cu]

@cadenramey yes that was the right file. I'm not sure what is going wrong, I'm going to post in Slack to see if anyone else with a Mac can test the page to see if they have the same issue. In the meantime if you haven't already you can try removing the Docker container and image by running docker compose down --rmi all and then restart the container. Since the change is pretty minor you might also want to start over on a new branch after updating your fork of the website.

[cadenramey]

@daras-cu Ok great! Tried both and still doesn't work unfortunately :(

[daras-cu]

@cadenramey someone on a Mac ran the site and did not have the same issue so no luck there. Can you load the page again with Chrome Developer Tools open and check the "Network" tab to see if communities-of-practice.js is listed? Here's an example:

That will tell us if the JS file is being found or is totally missing. Also, have you tried using a different browser?

[cadenramey]

@daras-cu the communities-of-practice.js file is not listed but was looking it up more and I changed line 782 of the js file from

<script type="module" src="assets/js/communities-of-practice.js"></script>

to

<script type="module" src="/assets/js/communities-of-practice.js"></script>

(just adding the forward slash in front of assets) while Docker was running, and the meeting times showed up! But, if I put it in the code before running docker, save, then start docker, the line auto corrects back to having no slash and the meeting times don't show up. Is there a way to turn off the code's auto-condensing the file path?