Hi all,
Let me start saying, I’m a new MM enthousiast. I’ve several ideas for a new MM Module, but I’m not a programmer. I can read the javascript en mostly I understand how it works, but writing my own is going to be the first time.

I like to build one from scratch and started with Head first developing mm module for extreme beginners.

Now I’m trying to go further and in particular using an API to:

• Get data from a site (in JSON format)
• Extract the correct data from the JSON result
• Display the extracted data nicely in de module

I’m reading Javascript for Dummies, I’ve been looking on the forum and looking into existing modules, but I’m not getting there. The question is:

Is there a template or are there sites/instructions on how to get started with what I like to do so, I can get started and figure it out (with or without the awesome support of this forum? I hope to hear from somebody!

I didn’t create a new calendar, only for testing purposes. After finding out what the possible issue was, I’ve unchecked and thereafter checked “make public” and copied the new URL.

Great it works for you too!! :thumbs_up_medium-light_skin_tone:

I had the same issue from last Monday. I was using the calendar for about 1 month (newby MagicMirror). I checked everything and as it seems nothing had changed, but get keeping “No upcoming events”.

Then I created a new calendar and made it public. What I saw is that the URL was quite different from the one I used. I see the same with you.

old: webcal://p01-calendarws.icloud.com/ca/subscribe/1/
new:webcal://p40-calendars.icloud.com/published/2/

I openend my calendar on my Macbook and set the published option off for my calendar. Than I put it back on and got a new URL with the same ‘new’ format. I put this in my MagicMirror config and everything works again (now for 1 week already).

I hope this is the solution for your problem also…Succes!

@onkelbobby, seems nice for my next mirror ;-)
How let you this interact with the Pi and MagicMirror? Is there a module, or do you use a Python script?

I still have to paint the frame, thinking of a kind of ‘white-wash’ so you keep seeing the wood grains. Maybe it’s less ‘obvious’.
But you know and I know, but most visitors I’ve had didn’t even see it or looking for it 🤔

I made a 8 mm hole on the backside and a 2 mm hole on the frontside.
Removed the cap from the motion sensor and placed it in the 8 mm hole.
Works great and you can hardly see the 2 mm hole.

Backside:

Frontside:

I have the spymirror. If you click on the word Pyrasied, you see what I ordered (As I said in the bullet 😉)

After being infected with the Magic Mirror virus, I’ve decided to build one.
It’s my first attempt with an 24" monitor. The frame is prepared for an 27" monitor, but because it’s my first mirror I first started with an old 24".

Used parts:

• Raspberry Pi 3B+
• 8GB SD Card
• PIR Infrared Motion Sensor (HC-SR501)
• Spymirror Silver (45cm x 65 cm) – Pyrasied
• HP 24″ LCD Scherm
• 2x surface-mounted outlet
• Wood – inner frame
• Wood – outer frame

Modules:

• Clock
• MMM-MyGarbage
• MMM-DarkSkyForecast
• MMM-MyCalendar
• MMM-Remote-Control
• MMM-RPI-LED

Currently this is not possible, because the icons are embedded in file ‘garbage_icons.svg’. You can create you’re own garbage_icons.svg file. Keep in mind that the icons are 24x24 pixels.

@pugsly
This is possible, follow the next steps.

Go to the MagicMirror CSS directory

cd ~\MagicMirror\css\

Edit (or create) the custom.css file

sudo nano custom.css

Add the next section at the bottom of the custom.css file

/* MMM-MyGarbage CSS Modification */
.MMM-MyGarbage .garbage-container .garbage-icon-container .garbage-icon.greenbin {
  fill: #00A651;
}
.MMM-MyGarbage .garbage-container .garbage-icon-container .garbage-icon.garbagebin {
  fill: #787878;
}
.MMM-MyGarbage .garbage-container .garbage-icon-container .garbage-icon.paperbin {
  fill: #0059ff;
}
/* End MMM-MyGarbage */

Now you can modify the colors for your Garbage Bins. In your case, you would like the grey bin to be yellow. The code should be:

.MMM-MyGarbage .garbage-container .garbage-icon-container .garbage-icon.garbagebin {
  fill: #fffa00;
}

Save and quit the nano editor and restart your MagicMirror.
Now you should have a yellow trashbin instead of a grey trashbin.
Succes!