-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (83 loc) · 4.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Work Clock – Jabran Rafique</title>
<meta name="description" content="A macOS menubar app to display time for a different timezone">
<meta name="author" content="Jabran Rafique">
<link rel="canonical" href="https://jabran.me/work-clock/">
<meta name="robots" content="noodp">
<meta name="googlebot" content="all, index, follow">
<meta name="robots" content="all, index, follow">
<meta name="msnbot" content="all, index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="Work Clock – Jabran Rafique">
<meta property="og:url" content="https://jabran.me/work-clock/">
<meta property="og:description" content="A macOS menubar app to display time for a different timezone">
<meta property="og:image" content="https://jabran.me/work-clock/assets/@1024px.png">
<meta name="twitter:account_id" content="4503599628147464">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@jabranr">
<meta name="twitter:creator" content="@jabranr">
<meta name="twitter:title" content="Work Clock – Jabran Rafique">
<meta name="twitter:description" content="A macOS menubar app to display time for a different timezone">
<meta name="twitter:domain" content="https://jabran.me">
<meta name="twitter:image" content="https://jabran.me/work-clock/assets/@1024px.png">
<link rel="shortcut icon" href="./assets/favicon.ico">
<link rel="apple-touch-icon" href="https://jabran.me/work-clock/assets/@64px.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://jabran.me/work-clock/assets/@128px.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://jabran.me/work-clock/assets/@128px.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://jabran.me/work-clock/assets/@256px.png">
<link href="./style.css?v=1621965499" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-44G2PZXN28"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-44G2PZXN28');
</script>
</head>
<body>
<div class="container">
<header class="header">
<h1 class="heading">Work Clock</h1>
<p class="lead">A macOS menubar app to display time for a different timezone</p>
<img class="logo" src="./assets/work-clock-logo.png" alt="Work Clock Logo" width="256px" height="256px" />
<a class="download" href="https://apps.apple.com/app/id1568934503">
<img src="https://tools.applemediaservices.com/api/badges/download-on-the-mac-app-store/black/en-us?size=250x83&releaseDate=1615852800&h=cee5f6c14d96943ca54840baf730b1f3" alt="Download on the App Store" />
</a>
</header>
<div class="content">
<p>Work Clock displays the time for another timezone in macOS menubar. It's handy when you work remotely from a different timezone and need to keep track of the work clock when scheduling meetings or discuss time in messages or calls.</p>
<p>Work Clock requires macOS 10.12 or later. Work Clock is a one-time purchase with all the updates/upgrades forever.</p>
<h3>Features</h3>
<ul>
<li>Display time in 12-hour or 24-hour format</li>
<li>Show/hide seconds</li>
<li>Select a timezone from a list of 40+ timezones covering the whole world</li>
</ul>
<h3>Story</h3>
<p>Recently it became difficult for me to work out the correct UK time while I was working remotely from Pakistan. I tried a few apps and macOS clock widget however none of those were satisfactory. I had to follow a few steps and clicks in order to view the current time for the UK.</p>
<p>So I created this app to solve the problem and also learned macOS development. I hope this helps other people with a similar problem.</p>
</div>
<div class="media">
<a href="./assets/screenshot-1.png">
<img src="./assets/screenshot-1-small.png" loading="lazy" alt="Work clock screenshot on macOS Big Sur (10.15)" />
</a>
<a href="./assets/screenshot-2.png">
<img src="./assets/screenshot-2-small.png" loading="lazy" alt="Work clock screenshot on macOS Big Sur (10.15)" />
</a>
<a href="./assets/screenshot-3.png">
<img src="./assets/screenshot-3-small.png" loading="lazy" alt="Work clock screenshot on macOS Big Sur (10.15)" />
</a>
</div>
<footer class="footer">
<p>Copyright © 2021 Jabran Rafique</p>
<p>Say hello at <a href="https://twitter.com/jabranr" target="_blank" rel="noreferrer noopener">@jabranr</a></p>
</footer>
</div>
</body>
</html>