Custom card not working

Hi!

I run HA in Docker on mi Pi5 and I use SSH to acces the terminal on my pi trough my Macbook.

I follow this guide to create a custom card. In my config folder (folder where configuration.yaml is, I created a www folder. I added the js file from the example and then restarted HA and went to settings → dashboard → resources and added /local/content-card-example.js as javascript module.

Now in my dashboard, when I press edit and add a manual card as the code exmaple here I get that the custom card is not found.

What am i missing?

my end goal here is to add this card.

Okay the resources are now recognized. But now I have following questions.

I want to do this:

In order to do that I need to install this, which works now. But in here it mentions Example in your lovelace-ui.yaml:, but I have no lovelace-ui.yaml file? Now how do I continue?

In other words, where do I specify the template called person_card_new?