Timezone Overlap
A two column block pairing an async policy intro and schedule rows with a timezone overlap chart plotting each city against your business hours.
A two column block pairing an async policy intro and schedule rows with a timezone overlap chart plotting each city against your business hours.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Timezone Overlap uses a two column split. The left column holds a heading naming where I work from, a short async policy intro, a ruled list of schedule facts covering working days, core hours, meetings, and response time, and a Book an intro call button. The right column plots one row per city, each drawing my working day against their business hours on a shared twenty four hour track, with an overlap label and a small legend beneath.
The schedule facts and the city zones are two separate arrays, and each zone carries the start and width percentages that place my working window inside their local day. The overlap track is the distinctive detail; it turns a vague remote is fine claim into a picture a client can read at a glance to see exactly how many hours of the day we share.
Reach for this block as the availability section when you work remotely across timezones and want to answer the how do we overlap question before it is asked. The installer sets the home city and schedule facts, the list of client cities with their offsets and overlap windows, and the mailto.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the remote overlap chart across several client cities. Other layouts:
Tip: set the overlap labels honestly; a small shared window stated plainly reads better than an inflated one.