rdarius/ClockyFly
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Model: Qwen 3.6 35B A3

Browse Source 
Prompt: all resources in homepage that are using domain clockify.me should be downloaded and served locally instead. Look through other resources as well and if they are not common and public library, download those resources and serve them localy

Stats:
Context: 66,431 tokens
Time: 18m 17s
This commit is contained in:
Darius Rapalis
2026-04-28 19:57:34 +03:00
parent 483811a190
commit fdfe3cd7c7
154 changed files with 1094 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
resources/js/pages/Homepage.vue
View File

@@ -7,96 +7,96 @@ const activeFeatureTab = ref(0);
const activeMainFeature = ref(0);
const mainFeatures = [
{ name: 'Timekeeping', image: 'https://clockify.me/assets/images/home-main-features/main-feature-timekeeping.png', link: '/timekeeping' },
{ name: 'Budgeting', image: 'https://clockify.me/assets/images/home-main-features/main-feature-budgeting.png', link: '/budgeting' },
{ name: 'Planning', image: 'https://clockify.me/assets/images/home-main-features/main-feature-planning.png', link: '/planning' },
{ name: 'Attendance', image: 'https://clockify.me/assets/images/home-main-features/main-feature-attendance.png', link: '/attendance' },
{ name: 'Reporting', image: 'https://clockify.me/assets/images/home-main-features/main-feature-reporting.png', link: '/reporting' },
{ name: 'Payroll', image: 'https://clockify.me/assets/images/home-main-features/main-feature-payroll.png', link: '/payroll' },
{ name: 'Timekeeping', image: '/assets/images/home-main-features/main-feature-timekeeping.png', link: '/timekeeping' },
{ name: 'Budgeting', image: '/assets/images/home-main-features/main-feature-budgeting.png', link: '/budgeting' },
{ name: 'Planning', image: '/assets/images/home-main-features/main-feature-planning.png', link: '/planning' },
{ name: 'Attendance', image: '/assets/images/home-main-features/main-feature-attendance.png', link: '/attendance' },
{ name: 'Reporting', image: '/assets/images/home-main-features/main-feature-reporting.png', link: '/reporting' },
{ name: 'Payroll', image: '/assets/images/home-main-features/main-feature-payroll.png', link: '/payroll' },
];
const featureTabs = [
{ name: 'Timer', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-timer.png', duration: '7:46' },
{ name: 'Timesheet', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-timesheet.png', duration: '3:35' },
{ name: 'Calendar', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-calendar.png', duration: '3:16' },
{ name: 'Auto tracker', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-auto-tracker-2.png', duration: '2:57' },
{ name: 'Kiosk', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-kiosk.png', duration: '5:21' },
{ name: 'Reports', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-reports.png', duration: '6:58' },
{ name: 'Activity', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-activity.png', duration: '5:44' },
{ name: 'Rates', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-rates.png', duration: '5:50' },
{ name: 'Projects', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-projects.png', duration: '4:08' },
{ name: 'Location', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-location.png', duration: '2:09' },
{ name: 'Scheduling', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-scheduling.png', duration: '4:19' },
{ name: 'Time off', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-time-off.png', duration: '6:47' },
{ name: 'Approval', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-approval.png', duration: '6:07' },
{ name: 'Invoicing', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-invoicing.png', duration: '5:15' },
{ name: 'Expenses', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-expenses.png', duration: '3:15' },
{ name: 'Team', image: 'https://clockify.me/assets/images/home-features-tabs-images/video-cover-team-2.png', duration: '9:06' },
{ name: 'Timer', image: '/assets/images/home-features-tabs-images/video-cover-timer.png', duration: '7:46' },
{ name: 'Timesheet', image: '/assets/images/home-features-tabs-images/video-cover-timesheet.png', duration: '3:35' },
{ name: 'Calendar', image: '/assets/images/home-features-tabs-images/video-cover-calendar.png', duration: '3:16' },
{ name: 'Auto tracker', image: '/assets/images/home-features-tabs-images/video-cover-auto-tracker-2.png', duration: '2:57' },
{ name: 'Kiosk', image: '/assets/images/home-features-tabs-images/video-cover-kiosk.png', duration: '5:21' },
{ name: 'Reports', image: '/assets/images/home-features-tabs-images/video-cover-reports.png', duration: '6:58' },
{ name: 'Activity', image: '/assets/images/home-features-tabs-images/video-cover-activity.png', duration: '5:44' },
{ name: 'Rates', image: '/assets/images/home-features-tabs-images/video-cover-rates.png', duration: '5:50' },
{ name: 'Projects', image: '/assets/images/home-features-tabs-images/video-cover-projects.png', duration: '4:08' },
{ name: 'Location', image: '/assets/images/home-features-tabs-images/video-cover-location.png', duration: '2:09' },
{ name: 'Scheduling', image: '/assets/images/home-features-tabs-images/video-cover-scheduling.png', duration: '4:19' },
{ name: 'Time off', image: '/assets/images/home-features-tabs-images/video-cover-time-off.png', duration: '6:47' },
{ name: 'Approval', image: '/assets/images/home-features-tabs-images/video-cover-approval.png', duration: '6:07' },
{ name: 'Invoicing', image: '/assets/images/home-features-tabs-images/video-cover-invoicing.png', duration: '5:15' },
{ name: 'Expenses', image: '/assets/images/home-features-tabs-images/video-cover-expenses.png', duration: '3:15' },
{ name: 'Team', image: '/assets/images/home-features-tabs-images/video-cover-team-2.png', duration: '9:06' },
];
const timekeepingFeatures = [
{ name: 'Timer', desc: 'Track work hours in real time.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-timer.svg', link: '/features/timer' },
{ name: 'Timesheet', desc: 'Enter time in a weekly timesheet.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-timesheet.svg', link: '/features/timesheet' },
{ name: 'Calendar', desc: 'Visually block out and manage time.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-calendar.svg', link: '/features/calendar' },
{ name: 'Auto tracker', desc: 'Track apps and websites you use.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-map-locate.svg', link: '/features/auto-tracker' },
{ name: 'Kiosk', desc: 'Clock in from a shared device.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-kiosk.svg', link: '/features/kiosk' },
{ name: 'Timer', desc: 'Track work hours in real time.', icon: '/assets/images/home-features-icons/icon-timer.svg', link: '/features/timer' },
{ name: 'Timesheet', desc: 'Enter time in a weekly timesheet.', icon: '/assets/images/home-features-icons/icon-timesheet.svg', link: '/features/timesheet' },
{ name: 'Calendar', desc: 'Visually block out and manage time.', icon: '/assets/images/home-features-icons/icon-calendar.svg', link: '/features/calendar' },
{ name: 'Auto tracker', desc: 'Track apps and websites you use.', icon: '/assets/images/home-features-icons/icon-map-locate.svg', link: '/features/auto-tracker' },
{ name: 'Kiosk', desc: 'Clock in from a shared device.', icon: '/assets/images/home-features-icons/icon-kiosk.svg', link: '/features/kiosk' },
];
const timekeepingImages = [
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-timer.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-timesheet.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-calendar.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-auto-tracker.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-kiosk.png',
'/assets/images/home-features-tabs-images/time-menagement-timer.png',
'/assets/images/home-features-tabs-images/time-menagement-timesheet.png',
'/assets/images/home-features-tabs-images/time-menagement-calendar.png',
'/assets/images/home-features-tabs-images/time-menagement-auto-tracker.png',
'/assets/images/home-features-tabs-images/time-menagement-kiosk.png',
];
const reportingFeatures = [
{ name: 'Reports', desc: 'Analyze and export tracked time.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-reports.svg', link: '/features/reports' },
{ name: 'Activity', desc: 'See who works on what.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-activity.svg', link: '/features/activity' },
{ name: 'Rates', desc: 'See earnings, cost, and profit.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-rates.svg', link: '/features/rates' },
{ name: 'Projects', desc: 'Track project estimates and budget.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-projects.svg', link: '/features/projects' },
{ name: 'Location', desc: 'See visited sites and routes.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-location.svg', link: '/features/location' },
{ name: 'Reports', desc: 'Analyze and export tracked time.', icon: '/assets/images/home-features-icons/icon-reports.svg', link: '/features/reports' },
{ name: 'Activity', desc: 'See who works on what.', icon: '/assets/images/home-features-icons/icon-activity.svg', link: '/features/activity' },
{ name: 'Rates', desc: 'See earnings, cost, and profit.', icon: '/assets/images/home-features-icons/icon-rates.svg', link: '/features/rates' },
{ name: 'Projects', desc: 'Track project estimates and budget.', icon: '/assets/images/home-features-icons/icon-projects.svg', link: '/features/projects' },
{ name: 'Location', desc: 'See visited sites and routes.', icon: '/assets/images/home-features-icons/icon-location.svg', link: '/features/location' },
];
const reportingImages = [
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-reports.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-activity.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-rates.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-projects.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-location.png',
'/assets/images/home-features-tabs-images/time-menagement-reports.png',
'/assets/images/home-features-tabs-images/time-menagement-activity.png',
'/assets/images/home-features-tabs-images/time-menagement-rates.png',
'/assets/images/home-features-tabs-images/time-menagement-projects.png',
'/assets/images/home-features-tabs-images/time-menagement-location.png',
];
const managementFeatures = [
{ name: 'Scheduling', desc: 'Schedule work, assignments, and shifts.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-scheduling.svg', link: '/features/scheduling' },
{ name: 'Time off', desc: 'Manage leaves and holidays.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-time-off.svg', link: '/features/time-off' },
{ name: 'Approval', desc: 'Submit and approve timesheets.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-approval.svg', link: '/features/approval' },
{ name: 'Invoicing', desc: 'Create invoices from billable time.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-invoicing.svg', link: '/features/invoicing' },
{ name: 'Expenses', desc: 'Record project expenses and fees.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-expenses.svg', link: '/features/expenses' },
{ name: 'Team', desc: 'Manage team members and roles.', icon: 'https://clockify.me/assets/images/home-features-icons/icon-team.svg', link: '/features/team' },
{ name: 'Scheduling', desc: 'Schedule work, assignments, and shifts.', icon: '/assets/images/home-features-icons/icon-scheduling.svg', link: '/features/scheduling' },
{ name: 'Time off', desc: 'Manage leaves and holidays.', icon: '/assets/images/home-features-icons/icon-time-off.svg', link: '/features/time-off' },
{ name: 'Approval', desc: 'Submit and approve timesheets.', icon: '/assets/images/home-features-icons/icon-approval.svg', link: '/features/approval' },
{ name: 'Invoicing', desc: 'Create invoices from billable time.', icon: '/assets/images/home-features-icons/icon-invoicing.svg', link: '/features/invoicing' },
{ name: 'Expenses', desc: 'Record project expenses and fees.', icon: '/assets/images/home-features-icons/icon-expenses.svg', link: '/features/expenses' },
{ name: 'Team', desc: 'Manage team members and roles.', icon: '/assets/images/home-features-icons/icon-team.svg', link: '/features/team' },
];
const managementImages = [
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-scheduling.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-time-off.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-approval.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-invoicing.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-expenses.png',
'https://clockify.me/assets/images/home-features-tabs-images/time-menagement-team.png',
'/assets/images/home-features-tabs-images/time-menagement-scheduling.png',
'/assets/images/home-features-tabs-images/time-menagement-time-off.png',
'/assets/images/home-features-tabs-images/time-menagement-approval.png',
'/assets/images/home-features-tabs-images/time-menagement-invoicing.png',
'/assets/images/home-features-tabs-images/time-menagement-expenses.png',
'/assets/images/home-features-tabs-images/time-menagement-team.png',
];
const companyLogos = [
'https://clockify.me/assets/images/companies/hewlett-packard.svg',
'https://clockify.me/assets/images/companies/verizon.svg',
'https://clockify.me/assets/images/companies/american-express.svg',
'https://clockify.me/assets/images/companies/simens.svg',
'https://clockify.me/assets/images/companies/cisco.svg',
'https://clockify.me/assets/images/companies/fujifilm.svg',
'https://clockify.me/assets/images/companies/kmart.svg',
'https://clockify.me/assets/images/companies/asics.svg',
'https://clockify.me/assets/images/companies/ucla.svg',
'https://clockify.me/assets/images/companies/dominos.svg',
'https://clockify.me/assets/images/companies/douglas.svg',
'https://clockify.me/assets/images/companies/paysafe.svg',
'/assets/images/companies/hewlett-packard.svg',
'/assets/images/companies/verizon.svg',
'/assets/images/companies/american-express.svg',
'/assets/images/companies/simens.svg',
'/assets/images/companies/cisco.svg',
'/assets/images/companies/fujifilm.svg',
'/assets/images/companies/kmart.svg',
'/assets/images/companies/asics.svg',
'/assets/images/companies/ucla.svg',
'/assets/images/companies/dominos.svg',
'/assets/images/companies/douglas.svg',
'/assets/images/companies/paysafe.svg',
];
const reviews = [
@@ -289,8 +289,7 @@ onMounted(() => {
<template>
<Head title="Clockify - Time Tracking Software">
<link rel="preconnect" href="https://rsms.me/" />
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
<link rel="stylesheet" href="/fonts/inter/inter.css" />
</Head>
<div class="min-h-screen bg-white font-sans text-[#1d1d1f]">
@@ -304,7 +303,7 @@ onMounted(() => {
<!-- Logo -->
<a href="/" class="flex items-center shrink-0">
<img
src="https://clockify.me/assets/images/clockify-header-link-logo-new.svg"
src="/assets/images/clockify-header-link-logo-new.svg"
alt="Clockify"
class="h-7 w-auto"
/>
@@ -409,7 +408,7 @@ onMounted(() => {
<!-- Rating Badge -->
<div class="mt-8 flex items-center justify-center gap-2">
<img
src="https://clockify.me/assets/images/stars-small.svg"
src="/assets/images/stars-small.svg"
alt="4.8 rating"
class="h-5 w-auto"
/>
@@ -427,7 +426,7 @@ onMounted(() => {
</a>
<div class="flex items-center gap-2 text-sm text-[#6b6b6b]">
<img
src="https://clockify.me/assets/images/signed-up-icon.svg"
src="/assets/images/signed-up-icon.svg"
alt=""
class="w-5 h-5"
/>
@@ -637,7 +636,7 @@ onMounted(() => {
</h2>
<div class="flex items-center justify-center gap-4 text-sm text-[#6b6b6b]">
<span class="flex items-center gap-1">
<img src="https://clockify.me/assets/images/stars-small.svg" alt="4.8" class="h-4 w-auto" />
<img src="/assets/images/stars-small.svg" alt="4.8" class="h-4 w-auto" />
4.8 Rating
</span>
<span>•</span>
@@ -660,24 +659,24 @@ onMounted(() => {
<!-- Review site badges -->
<div class="flex flex-wrap justify-center gap-6 mb-16 opacity-60">
<img src="https://clockify.me/assets/images/review-site-capterra-gray.svg" alt="Capterra" class="h-8 w-auto" />
<img src="https://clockify.me/assets/images/review-site-software-advice-gray.svg" alt="Software Advice" class="h-8 w-auto" />
<img src="https://clockify.me/assets/images/review-site-g2-crowd-gray.svg" alt="G2 Crowd" class="h-8 w-auto" />
<img src="https://clockify.me/assets/images/review-site-crozdesk-gray.svg" alt="Crozdesk" class="h-8 w-auto" />
<img src="https://clockify.me/assets/images/review-site-trust-radius-gray.svg" alt="Trust Radius" class="h-8 w-auto" />
<img src="https://clockify.me/assets/images/review-site-getapp-gray.svg" alt="GetApp" class="h-8 w-auto" />
<img src="/assets/images/review-site-capterra-gray.svg" alt="Capterra" class="h-8 w-auto" />
<img src="/assets/images/review-site-software-advice-gray.svg" alt="Software Advice" class="h-8 w-auto" />
<img src="/assets/images/review-site-g2-crowd-gray.svg" alt="G2 Crowd" class="h-8 w-auto" />
<img src="/assets/images/review-site-crozdesk-gray.svg" alt="Crozdesk" class="h-8 w-auto" />
<img src="/assets/images/review-site-trust-radius-gray.svg" alt="Trust Radius" class="h-8 w-auto" />
<img src="/assets/images/review-site-getapp-gray.svg" alt="GetApp" class="h-8 w-auto" />
</div>
<!-- Awards -->
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-6 mb-20 opacity-70">
<img src="https://clockify.me/assets/images/source-forge.png" alt="SourceForge Award" class="h-12 w-auto" />
<img src="https://clockify.me/assets/images/source-forge-customer-love-us.png" alt="SourceForge Customers Love Us" class="h-12 w-auto" />
<img src="https://clockify.me/assets/images/source-forge-customers-love-us-heart.png" alt="SourceForge Heart" class="h-12 w-auto" />
<img src="https://clockify.me/assets/images/source-forge-spring-2025.png" alt="SourceForge Spring 2025" class="h-12 w-auto" />
<img src="https://clockify.me/assets/images/award-capterra.png" alt="Capterra Award" class="h-12 w-auto" />
<img src="https://clockify.me/assets/images/award-software-advice.png" alt="Software Advice Award" class="h-12 w-auto" />
<img src="https://clockify.me/assets/images/award-leader.png" alt="Leader Award" class="h-12 w-auto" />
<img src="https://clockify.me/assets/images/award-getapp.png" alt="GetApp Award" class="h-12 w-auto" />
<img src="/assets/images/source-forge.png" alt="SourceForge Award" class="h-12 w-auto" />
<img src="/assets/images/source-forge-customer-love-us.png" alt="SourceForge Customers Love Us" class="h-12 w-auto" />
<img src="/assets/images/source-forge-customers-love-us-heart.png" alt="SourceForge Heart" class="h-12 w-auto" />
<img src="/assets/images/source-forge-spring-2025.png" alt="SourceForge Spring 2025" class="h-12 w-auto" />
<img src="/assets/images/award-capterra.png" alt="Capterra Award" class="h-12 w-auto" />
<img src="/assets/images/award-software-advice.png" alt="Software Advice Award" class="h-12 w-auto" />
<img src="/assets/images/award-leader.png" alt="Leader Award" class="h-12 w-auto" />
<img src="/assets/images/award-getapp.png" alt="GetApp Award" class="h-12 w-auto" />
</div>
<!-- Reviews -->
@@ -692,7 +691,7 @@ onMounted(() => {
<img
v-for="(star, j) in reviewStars(review.rating)"
:key="j"
src="https://clockify.me/assets/images/stars-small.svg"
src="/assets/images/stars-small.svg"
alt="★"
class="h-4 w-auto"
/>
@@ -745,17 +744,17 @@ onMounted(() => {
<h3 class="text-xl font-semibold text-[#1d1d1f] mb-6">Desktop app</h3>
<div class="flex flex-wrap gap-4 mb-8">
<a href="/mac-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-mac.svg" alt="Get Clockify for Mac" class="h-12 w-auto" />
<img src="/assets/images/apps/get-mac.svg" alt="Get Clockify for Mac" class="h-12 w-auto" />
</a>
<a href="/windows-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-windows.svg" alt="Get Clockify for Windows" class="h-12 w-auto" />
<img src="/assets/images/apps/get-windows.svg" alt="Get Clockify for Windows" class="h-12 w-auto" />
</a>
<a href="/linux-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-linux.svg" alt="Get Clockify for Linux" class="h-12 w-auto" />
<img src="/assets/images/apps/get-linux.svg" alt="Get Clockify for Linux" class="h-12 w-auto" />
</a>
</div>
<img
src="https://clockify.me/assets/images/home-tracking-apps/home-desktop-app.png"
src="/assets/images/home-tracking-apps/home-desktop-app.png"
alt="Desktop time tracking app"
class="w-full rounded-lg"
/>
@@ -766,17 +765,17 @@ onMounted(() => {
<h3 class="text-xl font-semibold text-[#1d1d1f] mb-6">Web app</h3>
<div class="flex flex-wrap gap-4 mb-8">
<a href="/chrome-time-tracking">
<img src="https://clockify.me/assets/images/apps/store-chrome.svg" alt="Get Clockify for Chrome" class="h-12 w-auto" />
<img src="/assets/images/apps/store-chrome.svg" alt="Get Clockify for Chrome" class="h-12 w-auto" />
</a>
<a href="/firefox-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-firefox.svg" alt="Get Clockify for Firefox" class="h-12 w-auto" />
<img src="/assets/images/apps/get-firefox.svg" alt="Get Clockify for Firefox" class="h-12 w-auto" />
</a>
<a href="/edge-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-edge.svg" alt="Get Clockify for Edge" class="h-12 w-auto" />
<img src="/assets/images/apps/get-edge.svg" alt="Get Clockify for Edge" class="h-12 w-auto" />
</a>
</div>
<img
src="https://clockify.me/assets/images/home-tracking-apps/home-web-app.png"
src="/assets/images/home-tracking-apps/home-web-app.png"
alt="Online time tracking app"
class="w-full rounded-lg"
/>
@@ -787,14 +786,14 @@ onMounted(() => {
<h3 class="text-xl font-semibold text-[#1d1d1f] mb-6">Mobile app</h3>
<div class="flex flex-wrap gap-4 mb-8">
<a href="/iphone-time-tracking">
<img src="https://clockify.me/assets/images/apps/store-ios.svg" alt="Get Clockify for iPhone" class="h-12 w-auto" />
<img src="/assets/images/apps/store-ios.svg" alt="Get Clockify for iPhone" class="h-12 w-auto" />
</a>
<a href="/android-time-tracking">
<img src="https://clockify.me/assets/images/apps/store-android.svg" alt="Get Clockify for Android" class="h-12 w-auto" />
<img src="/assets/images/apps/store-android.svg" alt="Get Clockify for Android" class="h-12 w-auto" />
</a>
</div>
<img
src="https://clockify.me/assets/images/home-tracking-apps/home-mobile-app.png"
src="/assets/images/home-tracking-apps/home-mobile-app.png"
alt="Mobile time tracking app"
class="w-full rounded-lg"
/>
@@ -805,11 +804,11 @@ onMounted(() => {
<h3 class="text-xl font-semibold text-[#1d1d1f] mb-6">Kiosk app</h3>
<div class="flex flex-wrap gap-4 mb-8">
<a href="/free-time-clock-kiosk-app">
<img src="https://clockify.me/assets/images/footer/kiosk.svg" alt="Get for Any device" class="h-12 w-auto" />
<img src="/assets/images/footer/kiosk.svg" alt="Get for Any device" class="h-12 w-auto" />
</a>
</div>
<img
src="https://clockify.me/assets/images/home-tracking-apps/home-kiosk-app.png"
src="/assets/images/home-tracking-apps/home-kiosk-app.png"
alt="Kiosk time tracking app"
class="w-full rounded-lg"
/>
@@ -833,7 +832,7 @@ onMounted(() => {
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-8 max-w-4xl mx-auto">
<div class="flex flex-col items-center text-center">
<img
src="https://clockify.me/assets/images/home-support-icons/headphones.svg"
src="/assets/images/home-support-icons/headphones.svg"
alt="24/7 support"
class="w-12 h-12 mb-4"
/>
@@ -841,7 +840,7 @@ onMounted(() => {
</div>
<div class="flex flex-col items-center text-center">
<img
src="https://clockify.me/assets/images/home-support-icons/mail.svg"
src="/assets/images/home-support-icons/mail.svg"
alt="Email response"
class="w-12 h-12 mb-4"
/>
@@ -849,7 +848,7 @@ onMounted(() => {
</div>
<div class="flex flex-col items-center text-center">
<img
src="https://clockify.me/assets/images/home-support-icons/hearth.svg"
src="/assets/images/home-support-icons/hearth.svg"
alt="Satisfaction"
class="w-12 h-12 mb-4"
/>
@@ -857,7 +856,7 @@ onMounted(() => {
</div>
<div class="flex flex-col items-center text-center">
<img
src="https://clockify.me/assets/images/home-support-icons/human.svg"
src="/assets/images/home-support-icons/human.svg"
alt="Human support"
class="w-12 h-12 mb-4"
/>
@@ -865,7 +864,7 @@ onMounted(() => {
</div>
<div class="flex flex-col items-center text-center">
<img
src="https://clockify.me/assets/images/home-support-icons/pulse.svg"
src="/assets/images/home-support-icons/pulse.svg"
alt="Uptime"
class="w-12 h-12 mb-4"
/>
@@ -893,7 +892,7 @@ onMounted(() => {
</a>
<div class="flex items-center gap-2 text-sm text-[#6b6b6b]">
<img
src="https://clockify.me/assets/images/signed-up-icon.svg"
src="/assets/images/signed-up-icon.svg"
alt=""
class="w-5 h-5"
/>
@@ -1031,28 +1030,28 @@ onMounted(() => {
<h3 class="text-sm font-semibold mb-4 text-white">Download apps</h3>
<div class="flex flex-wrap gap-4">
<a href="/iphone-time-tracking">
<img src="https://clockify.me/assets/images/apps/store-ios.svg" alt="iOS" class="h-8 w-auto" />
<img src="/assets/images/apps/store-ios.svg" alt="iOS" class="h-8 w-auto" />
</a>
<a href="/android-time-tracking">
<img src="https://clockify.me/assets/images/apps/store-android.svg" alt="Android" class="h-8 w-auto" />
<img src="/assets/images/apps/store-android.svg" alt="Android" class="h-8 w-auto" />
</a>
<a href="/mac-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-mac.svg" alt="MacOS" class="h-8 w-auto" />
<img src="/assets/images/apps/get-mac.svg" alt="MacOS" class="h-8 w-auto" />
</a>
<a href="/windows-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-windows.svg" alt="Windows" class="h-8 w-auto" />
<img src="/assets/images/apps/get-windows.svg" alt="Windows" class="h-8 w-auto" />
</a>
<a href="/linux-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-linux.svg" alt="Linux" class="h-8 w-auto" />
<img src="/assets/images/apps/get-linux.svg" alt="Linux" class="h-8 w-auto" />
</a>
<a href="/firefox-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-firefox.svg" alt="Firefox" class="h-8 w-auto" />
<img src="/assets/images/apps/get-firefox.svg" alt="Firefox" class="h-8 w-auto" />
</a>
<a href="/edge-time-tracking">
<img src="https://clockify.me/assets/images/apps/get-edge.svg" alt="Edge" class="h-8 w-auto" />
<img src="/assets/images/apps/get-edge.svg" alt="Edge" class="h-8 w-auto" />
</a>
<a href="/chrome-time-tracking">
<img src="https://clockify.me/assets/images/apps/store-chrome.svg" alt="Chrome" class="h-8 w-auto" />
<img src="/assets/images/apps/store-chrome.svg" alt="Chrome" class="h-8 w-auto" />
</a>
</div>
</div>
@@ -1079,13 +1078,13 @@ onMounted(() => {
</div>
<div class="flex items-center gap-3 text-xs text-gray-500">
<a href="https://cake.com/security" class="flex items-center gap-1">
<img src="https://clockify.me/assets/images/footer/iso.svg" alt="ISO" class="h-5 w-auto" />
<img src="/assets/images/footer/iso.svg" alt="ISO" class="h-5 w-auto" />
</a>
<a href="https://cake.com/security" class="flex items-center gap-1">
<img src="https://clockify.me/assets/images/footer/soc2.svg" alt="SOC2" class="h-5 w-auto" />
<img src="/assets/images/footer/soc2.svg" alt="SOC2" class="h-5 w-auto" />
</a>
<a href="https://cake.com/security" class="flex items-center gap-1">
<img src="https://clockify.me/assets/images/footer/gdpr.svg" alt="GDPR" class="h-5 w-auto" />
<img src="/assets/images/footer/gdpr.svg" alt="GDPR" class="h-5 w-auto" />
</a>
</div>
</div>
@@ -1118,11 +1117,11 @@ onMounted(() => {
</div>
<div class="flex items-center gap-8">
<a href="https://pumble.com/" class="flex items-center gap-2 text-gray-400 hover:text-white transition-colors">
<img src="https://clockify.me/assets/images/footer/pumble-logo.svg" alt="Pumble" class="h-6 w-auto" />
<img src="/assets/images/footer/pumble-logo.svg" alt="Pumble" class="h-6 w-auto" />
<span class="text-sm">Team communication</span>
</a>
<a href="https://plaky.com/" class="flex items-center gap-2 text-gray-400 hover:text-white transition-colors">
<img src="https://clockify.me/assets/images/footer/plaky-logo.svg" alt="Plaky" class="h-6 w-auto" />
<img src="/assets/images/footer/plaky-logo.svg" alt="Plaky" class="h-6 w-auto" />
<span class="text-sm">Project management</span>
</a>
</div>

3
resources/views/app.blade.php
View File

@@ -34,8 +34,7 @@
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
<link href="/fonts/instrument-sans/css.css" rel="stylesheet" />
@vite(['resources/css/app.css', 'resources/js/app.ts', "resources/js/pages/{$page['component']}.vue"])
<x-inertia::head>