Time Out tip: fixed image and blog themes

I recently got a support request for Time Out, my popular break reminder tool, asking to display a fixed image during the break.

Time Out uses HTML pages as break themes, so it is possible to have a fixed image as a theme — in fact the default theme, Icon, does just that, with the app icon.

So one way to have a fixed image is to:

  1. Choose the Reveal Themes command at the end of the Theme pop-up menu to open the Themes folder in the Finder.
  2. Duplicate the Icon theme folder and give it a new name.
  3. Replace the icon.png file with your chosen image.
  4. Edit the index.html to adjust the name and size of the displayed image.
  5. Edit the Info.json file to give the new theme a unique identifier etc.

Pretty easy. You can edit those files in TextEdit or any other text editor.

If the image is available on some website, it's actually a little easier. I have created an example theme on the Time Out extras page:

Download the Ducks & Fish theme

You can edit a copy of this theme to use a different image:

  1. Choose the Reveal Themes command at the end of the Theme pop-up menu to open the Themes folder in the Finder.
  2. Add the Ducks & Fish theme, if not already.
  3. Duplicate that theme and give it a new name.
  4. Edit the Info.json file to give the new theme a unique identifier, and change the URL to the desired image.

(This got me thinking, and I spent the last hour or so writing up notes on ways to make adding image-based themes even easier in a future version. I'm always trying to improve the app.)

While I was at it, I also added three themes to display my three blogs:

  • Dejal Blog (download link): a theme that simply shows the Dejal blog, so you can read it during your break, to see the latest news about Time Out and other Dejal apps (doesn't update very often, though, so probably not that exciting for a regular break).
  • Dejus Blog (download link): a theme that shows my personal blog, where I post photos and comments every day. Could be good for a short break a once or twice a day.
  • Yellow Cottage Blog (download link): a theme to show the Yellow Cottage Homestead blog, about my chickens, ducks, feral cats, bees, and other homestead topics. Could be good for a lunchtime break.

If you try those, you might want to set the Opacity to 100% on the Break Appearance page.

Time Out isn't a web browser or feed reader, but since the themes are just web pages, these show some of the interesting things you can do.