Clock Widget with Hero Bezel

Clock widget (4x3) with black and blue Gotham superhero bezel.

This is a 4x3 clock widget with black and blue Gotham superhero bezel.  It should not be run as an app.

Instead, the widget must be added to the home screen.  If you run it as an app, then 

instructions are displayed that explain how to add the widget to your home screen.

The clock widget has the following features.

Complications:

 - date box

 - 24-hour dial

 - day of week dial

 - battery level dial

24-hour dial:

 - time between 0:00 and 6:00 

   -> dial points to 3:00 in upper right quadrant

 - time between 6:00 and 12:00 

   -> dial points to 9:00 in lower right quadrant

 - time between 12:00 and 18:00 

   -> dial points to 15:00 in lower left quadrant

 - time between 18:00 and 24:00 

   -> dial points to 21:00 in upper left quadrant

Battery level dial:

 - 100%-98%:  green pointer at 100%

 -  98%-95%:  green pointer at 95%

 -  95%-90%:  green pointer at 90%

 -  90%-85%:  green pointer at 85%

 - ...

 -  55%-50%:  yellow pointer at 50%

 -  50%-45%:  yellow pointer at 45%

 - ...

 -  30%-25%:  red pointer at 25%

 -  25%-20%:  red pointer at 20%

 - ...

Bezel:

 - black and blue Gotham superhero colors

To minimize battery consumption:

 - the seconds hand does not move (similar to chronograph functionality)

 - the complications are only updated every 30 minutes

Note that the hour hand and minute hand are based on the system clock and

are always correct.