1<!doctype html> 2<html data-beasties-container> 3 <head> 4 <style> 5 html.dark {background: #263238;} html.dark.new-design {background: #12191D} html.dark .rotating-loader-logo-wrapper-bg {background: #263238 !important;} html.dark .rotating-loader-logo-wrapper-bg-inapp {background: transparent !important;} .rotating-loader-logo-wrapper{display:flex;position:fixed;top:0;left:0;z-index:1070;width:100%;height:100vh;align-items:center;justify-content:center}.rotating-loader-logo-wrapper-bg{width:100%;height:100vh;position:fixed;z-index:1060;top:0;-webkit-animation:fade-in ease .3s forwards;animation:fade-in ease .3s forwards}.rotating-loader-logo-container{display:flex;align-items:center;padding:20px;border-radius:100px;box-shadow:0 0 20px rgba(0,0,0,.1);background:#fff;opacity:0;-webkit-animation:fade-in-down cubic-bezier(0,1,.47,1.01) .9s forwards;animation:fade-in-down cubic-bezier(0,1,.47,1.01) .9s forwards}.rotating-loader-logo{position:relative;width:64px;height:64px;opacity:0;-webkit-animation:fade-in-right cubic-bezier(0,1,.47,1.01) .8s forwards;animation:fade-in-right cubic-bezier(0,1,.47,1.01) .8s forwards;-webkit-animation-delay:.15s;animation-delay:.15s}.rotating-loader-hands{position:absolute;-webkit-animation:rotating-logo 2.5s linear infinite;animation:rotating-logo 2.5s linear infinite;width:64px;height:64px}.rotating-loader-hands svg{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}.rotating-loader-hands:not(:first-child){-webkit-animation:rotating-logo 30s linear infinite;animation:rotating-logo 30s linear infinite}.logo-hands-color{fill:#222}.rotating-loader-bg{position:absolute;width:64px;height:64px}.rotating-loader-text{padding:0 20px;font-family:Roboto,Arial;line-height:1.3;opacity:0;-webkit-animation:fade-in ease-out .5s forwards;animation:fade-in ease-out .5s forwards}.rotating-loader-text-primary{color:#333;font-size:18px;font-weight:400}.rotating-loader-text-secondary{color:#999;font-size:12px}.dark .rotating-loader-logo-wrapper:before{background:#12191d}.dark .logo-hands-color{fill:#fff}.dark .rotating-loader-text-primary{color:#c6d2d9}.dark .rotating-loader-text-secondary{color:#90a4ae}.dark .rotating-loader-logo-container{background:#1d272c}@-webkit-keyframes rotating-logo{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating-logo{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade-in-down{from{opacity:0;-webkit-transform:translateY(-32px);transform:translateY(-32px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{from{opacity:0;-webkit-transform:translateY(-32px);transform:translateY(-32px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-in-right{from{opacity:0;-webkit-transform:translateX(-16px);transform:translateX(-16px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right{from{opacity:0;-webkit-transform:translateX(-16px);transform:translateX(-16px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}} 6 </style> 7 <meta charset="utf-8"> 8 <meta name="description" content="Best FREE time tracking tool for agencies and freelancers."> 9 <meta name="author" content="CAKE.com"> 10 <title>Clockify</title> 11 <base href="/"> 12 <meta name="robots" content="noindex"> 13 <meta name="viewport" content="width=device-width, initial-scale=1"> 14 <meta property="fb:app_id" content="703408809850298"> 15 <meta property="og:title" content="Clockify - Time Tracking Software"> 16 <meta property="og:type" content="website"> 17 <meta property="og:url" content="https://clockify.me"> 18 <meta property="og:description" content="Track how much time you and your team spend working on 19 tasks, run reports, manage projects, and boost your 20 productivity."> 21 <meta property="og:image" content="https://clockify.me/assets/images/tags-fb-tw/oGraph.webp"> 22 <meta name="twitter:card" content="summary"> 23 <meta name="twitter:description" content="Track how much time you and your team spend working on 24 tasks, run reports, manage projects, and boost your 25 productivity."> 26 <meta name="twitter:title" content="Clockify - Time Tracking Softw
26are"> 27 <meta name="twitter:site" content="@Clockify"> 28 <meta name="twitter:image" content="https://clockify.me/assets/images/tags-fb-tw/oGraph.webp"> 29 <meta name="twitter:creator" content="@Clockify"> 30 31 <link rel="apple-touch-icon" href="assets/favicons/apple-touch-icon.webp"> 32 <link rel="manifest" href="assets/favicons/site.webmanifest"> 33 <link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg" color="#03a9f4"> 34 <meta name="msapplication-TileColor" content="#03a9f4"> 35 <meta name="msapplication-TileImage" content="assets/favicons/mstile-144x144.webp"> 36 <meta name="msapplication-config" content="assets/favicons/browserconfig.xml"> 37 <meta name="theme-color" content="#ffffff"> 38 <link id="favicon-shortcut" rel="shortcut icon" href="assets/favicons/favicon2.ico"> 39 <link id="favicon" rel="icon" type="image/x-icon" href="assets/favicons/favicon2.ico"> 40 <style>:root{--ui-lib-rem-scale:1}body{font-family:Roboto,sans-serif;font-size:calc(.875 * 1rem * var(--ui-lib-rem-scale));line-height:1.5;font-weight:400;color:var(--ui-global-text-color);background-color:var(--ui-global-background-color)}*:focus-visible{outline:2px solid var(--ui-global-focus-outline);outline-offset:2px}*:disabled{cursor:not-allowed}:root{--border-radius-small:2px;--border-radius:2px;--border-big:2px;--border-radius-lg:2px;--border-radius-sm:2px}body{--input-bg:#fff}:root{--red:#f44336;--deep-purple:#673ab7;--blue:#03a9f4;--blue-2:#2f80ed;--blue-3:#0288d1;--cyan:#00bcd4;--teal:#009688;--green:#4caf50;--light-green:#8bc34a;--amber:#ffc107;--orange:#ff9800;--deep-orange:#ff5722;--brown:#795548;--blue-gray:#607d8b;--blue-gray-1:#f2f6f8;--blue-gray-2:#e4eaee;--blue-gray-3:#c6d2d9;--blue-gray-4:#9ba8b0;--blue-gray-5:#37474f;--blue-gray-6:#607d8b;--blue-gray-7:#546e7a;--blue-gray-8:#455a64;--blue-gray-9:#37474f;--blue-gray-10:#263238;--blue-gray-11:#1d272c;--blue-gray-12:#12191d;--light-green-1:#e8f3db;--light-green-2:#689f38;--light-red:#f6d5d2;--yellow:#fbc02d;--gray:#6c757d;--gray-dark:#343a40;--light-gray:rgba(0, 0, 0, .3215686275);--primary:#03a9f4;--secondary:#4caf50;--success:#4caf50;--info:#00bcd4;--warning:#ff9800;--danger:#f44336;--light:#e4eaee;--lighter:#f2f6f8;--white:#fff;--dark:#333;--purple:#9c27b0;--indigo:#3f51b5;--pink:#e91e63;--basic:#3d4853;--standard:#03a9f3;--pro:#eb5757;--enterprise:#9b51e0;--bundle:#03a9f3;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-lg-custom:1366px;--breakpoint-xl-custom:1600px;--font-family-sans-serif:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#333;text-align:left;background-color:#f2f6f8}body app-root{background-color:inherit}svg{overflow:hidden;vertical-align:middle}@media print{*,*:before,*:after{text-shadow:none!important;box-shadow:none!important}body{min-width:992px!important}}body{overflow-x:visible}.rotating-loader-logo-wrapper{transition:background-color .2s ease}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin"),local("Roboto-Thin"),url("./media/roboto-v19-latin-100-KOPQVFVU.woff2") format("woff2"),url("./media/roboto-v19-latin-100-LOUZJWWD.woff") format("woff"),url("./media/roboto-v19-latin-100-BIXSQBZK.ttf") format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:400;
40src:local("Roboto"),local("Roboto-Regular"),url("./media/roboto-v19-latin-regular-DYWU2ORH.woff2") format("woff2"),url("./media/roboto-v19-latin-regular-PZFAIW4T.woff") format("woff"),url("./media/roboto-v19-latin-regular-MG6VUEY3.ttf") format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url("./media/roboto-v19-latin-500-DX54HW7Y.woff2") format("woff2"),url("./media/roboto-v19-latin-500-4IP6S76S.woff") format("woff"),url("./media/roboto-v19-latin-500-XBKMSIHM.ttf") format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),url("./media/roboto-v19-latin-700-CKETX7AH.woff2") format("woff2"),url("./media/roboto-v19-latin-700-AJRTAAYS.woff") format("woff"),url("./media/roboto-v19-latin-700-I4VX6NAF.ttf") format("truetype");font-display:swap}:root{font-size:14px;--ui-lib-rem-scale:16/14}body{overflow-x:hidden}.rotating-loader-logo-wrapper{display:flex;position:fixed;top:0;left:0;z-index:1070;width:100%;height:100vh;align-items:center;justify-content:center}.rotating-loader-logo-wrapper-bg{width:100%;height:100vh;position:fixed;z-index:1060;
40top:0;animation:fade-in ease .3s forwards}.rotating-loader-logo-container{display:flex;align-items:center;padding:20px;border-radius:100px;box-shadow:0 0 20px #0000001a;background:#fff;opacity:0;animation:fade-in-down cubic-bezier(0,1,.47,1.01) .9s forwards}.rotating-loader-logo{position:relative;width:64px;height:64px;opacity:0;animation:fade-in-right cubic-bezier(0,1,.47,1.01) .8s forwards;animation-delay:.15s}.rotating-loader-hands{position:absolute;animation:rotating-logo 2.5s linear infinite;width:64px;height:64px}.rotating-loader-hands svg{transform:rotate(-2deg)}.rotating-loader-hands:not(:first-child){animation:rotating-logo 30s linear infinite}.logo-hands-color{fill:#222}.rotating-loader-bg{position:absolute;width:64px;height:64px}.rotating-loader-text{padding:0 20px;font-family:Roboto,Arial,sans-serif;line-height:1.3;opacity:0;animation:fade-in ease-out .5s forwards}@keyframes rotating-logo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-32px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}html,body{height:100%}body{--landing-page-bg:#f1f1f4;--auth-form-container-shadow:#0b0c0e40;--auth-form-logo-bg:#f7f7f8;--auth-form-logo-border:#e9e9ed;--auth-form-body:#fff;--auth-form-header:#333;--auth-form-header-msg:#546e7a;--auth-form-subdomain-name-bg:#e9e9ed;--auth-form-subdomain-name-color:#667085;--auth-form-footer-bg:#f7f7f8;--auth-form-footer-border:#e9e9ed;--auth-form-control-border:#e9e9ed;--auth-form-control-bg:#f2f6f8;--auth-form-control-text:#0a0e10;--auth-form-control-disabled:#e1e9ef;--auth-info-banner-bg:#aee4fe;--auth-info-banner-text:#0a0e10;--auth-organization-select-bg:#fff;--auth-organization-select-text:#0a0e10;--auth-mail-provider-btn-border:#d7e2ea;--auth-form-primary:#f7f7f8;--auth-form-footer-msg-btn:#0015af;--auth-form-footer-msg-span:#546e7a;--auth-form-control-error:#bf2600;--timer-container-seconds:#8f91a3;--picker-body-bg:#f8fafb;--picker-header-footer-bg:#f2f6f8;--picker-organization-name:#546e7a;--picker-invited-by-label:#546e7a}@media print{body:has(edit-project){contain:size;overflow-x:visible}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}</style><link rel="stylesheet" href="styles-PSJGVAYK.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-PSJGVAYK.css"></noscript></head> 41 <body> 42
42<script> 43 const isDarkMode = (() => { 44 const user = JSON.parse(localStorage.getItem('user')); 45 if (user?.settings?.darkTheme != null) return user?.settings?.darkTheme; 46 return window.matchMedia('(prefers-color-scheme: dark)').matches; 47 })(); 48 if (isDarkMode) { 49 document.documentElement.classList.add('dark'); 50 } else { 51 document.documentElement.classList.remove('dark'); 52 } 53 54 const currentLanguage = localStorage.getItem('activeLanguage') || 'en'; 55 document.documentElement.setAttribute('lang', currentLanguage); 56 </script>
56 57 <app-root> 58 <div class="rotating-loader-logo-wrapper-bg"></div> 59 <div class="rotating-loader-logo-wrapper"> 60 <div class="rotating-loader-logo-container"> 61 <div class="rotating-loader-logo"> 62 <div class="rotating-loader-hands"> 63 <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"> 64 <rect x="29" y="10" width="6" height="15" fill="#222222" class="logo-hands-color"/> 65 </svg> 66 </div> 67 <div class="rotating-loader-hands"> 68 <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"> 69 <rect x="29" y="10" width="6" height="15" fill="#222222" class="logo-hands-color"/> 70 </svg> 71 </div> 72 <div class="rotating-loader-bg"> 73 <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none"> 74 <path d="M32 37C29.25 37 27 34.75 27 32C27 29.25 29.25 27 32 27C34.75 27 37 29.25 37 32C37 34.75 34.75 37 32 37Z" fill="#222222" class="logo-hands-color"/> 75 <path fill-rule="evenodd" clip-rule="evenodd" d="M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64ZM32 56C45.2548 56 56 45.2548 56 32C56 18.7452 45.2548 8 32 8C18.7452 8 8 18.7452 8 32C8 45.2548 18.7452 56 32 56Z" fill="#03A9F4"/> 76 </svg> 77 </div> 78 </div> 79 <div class="rotating-loader-text"> 80 <div class="rotating-loader-text-primary">Loading Clockify</div> 81 <div class="rotating-loader-text-secondary">Just a moment please</div> 82 </div> 83 </div> 84 </div> 85 </app-root> 86
86<script src="polyfills-5CFQRCPP.js" type="module"></script>
86<script src="scripts-UZJ63OCQ.js" defer></script>
86<script src="main-XHLW35KX.js" type="module"></script>
86</body> 87</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.