Thanks to Kidariel Silverleaf for giving me this idea...

Basically she asked for a count down clock similar to the one on the Yellow Gremlin site. So I looked around but there aren't any timers I could find that would do exactly the same thing. And I wouldn't know exactly when to start the countdown timer... So, I decided to do the next best thing. I extracted out the script from that site and saved it to a page in my GP files.

---

Setup

With the modified clock page, you have two choices:

1. Add an Embedded page type widget (this may not be the best option as you can't set the width)
   
   
   • Go to Control Panel > Pages & Content > {pick a page} > Add Widget > find and choose "Embedded Page" type
   • Edit the frame
   • Add: Embedded Page URL : http://www.axiomfiles.com/Files/258012/lunar-clock.htm
   • Page Height: 200
   • [Save]
     
     
2. Add a Free Form Text/HTML type widget, then add the following while the editor is in <>HTML mode:
   
   <iframe width="215" height="190" src="http://www.axiomfiles.com/Files/258012/lunar-clock.htm" scrolling="auto" frameborder="0" align="top" allowtransparency="true"></iframe>

The page is set to be transparent. So with that transparency and the iframe "allowtransparency" option, the content should show your site background behind it.

Customizing Colors

• If you have a site that is lighter in color and the white text is unreadable, then save this file to your computer,
• Open the file in a plain text editor and modify the CSS at the very bottom of the page.

 /**** Change colors to match your site here ****/
 body { background: transparent; color: #ddd; font-size: 85%; } /* transparent should allow color behind iframe to show through */
 .calendar { background: transparent; color: #ddd; margin-top: 10px; } /* the margin top adds space between the top line and calendar */
 #calendar .title { border-bottom: 1px dotted #333; }
 #calendar .line{ border-bottom: 1px dotted #333; }
 .lunar .label, #calendar .label { color: #bbb; }

• Once done, save the page then upload it to your site using the File Manager.
• Copy the URL to that page.
• Modify the URL of the page in the embedded page/iframe as described at the beginning, but replace the URL in orange.