In keeping with the nature of a simple alert system, we decided to use graphic icons rather than text for these notifications. If you see a logo pop up, you can then go look at the actual notification on your iOS device. This is a great place to read the details of your message or alert, and this action will also clear the notification from the CPB!
By using the "Download: Project Zip" in the code window on the previous pages, you also got all the graphics files from the project GitHub repo. Copy these .bmp files to the root directory of your CIRCUITPY drive.
Connect to Bluetooth
This icon lets you know you need to pair your iOS device (from the Bluetooth settings page) with the CPB.
This bell icon lets you know that the CPB is connected over to an iOS device and awaiting new notifications.
Here are some icons we made for popular notifications that are also included in the code.
Here's the old style Basecamp logo, in case you want to go that way...
CircuitPython is so fast and easy, pleasing clients with logo changes in minutes is possible, so here's the new logo, too! You can just change the icon name in code and use the one you want!
If you'd like to make new icons for other notifications, you'll need to create 16-bit .bmp files at 240x240 pixels.
You can use image software such as Photoshop, Affinity Photo, GIMP, or others to mask and layer an application icon on top of the black background and inside the white circle. Below you'll find a blank version of our design to use as a starting point.
Or, you can use any image you like, so long as you save or convert it first to the 240x240 .bmp file format first. You can use an online image converter for this.