1. Get the widget embed code via the Widget Builder on calendar.ucsf.edu.
2. In your Drupal site, drop the embed code into a block.
3. Then place that block into the appropriate region of your site, e.g. in a sidebar.
4. Style the widget to your liking. Make sure to provide a higher specifity to your style declarations than the styles that are provided with the widget. For example, you may anchor your overrides off of a block-related CSS class selector.
The widget doesn't show on secure pages
This is most likely to default security settings in your browser related to mixed content restrictions.
A workaround is to use protocol-relative URLs in your embed code.
Remove the "http:" prefix from the URL in your embed code's "src" attribute.
Tips and Tricks
Removing the Localist footer from the widget
By default, the widget contains the Localist Logo in the its footer.
You may remove this by deleting parts of the generated embed code.
Remove any markup following the "</script>" tag.