Skip to content

Commit 3bf0d12

Browse files
mcruzdevmcruzdev
committed
feat(site): add contributors
Signed-off-by: Matheus Cruz <[email protected]>
1 parent a4b4613 commit 3bf0d12

File tree

1 file changed

+78
-14
lines changed

1 file changed

+78
-14
lines changed

‎site/index.html‎

Lines changed: 78 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,38 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8" />
56
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
67
<title>Timeless — your personal financial organization hub.</title>
78
<script src="https://cdn.tailwindcss.com"></script>
89
</head>
10+
911
<body class="bg-gray-50 text-gray-900">
1012
<!-- Hero Section -->
1113
<header class="w-full py-4 flex justify-between items-center px-6 absolute top-0 left-0">
1214
<div class="text-2xl font-bold">Timeless</div>
1315
<nav class="flex items-center gap-6 text-lg">
14-
<a href="https://github.com/mcruzdev/timeless" target="_blank" class="flex items-center gap-2 hover:opacity-80 transition">
15-
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor"><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.1 3.3 9.45 7.9 10.98.58.1.77-.25.77-.55v-2c-3.22.7-3.9-1.55-3.9-1.55-.52-1.32-1.28-1.67-1.28-1.67-1.04-.72.08-.7.08-.7 1.15.08 1.75 1.18 1.75 1.18 1.02 1.75 2.68 1.25 3.33.95.1-.75.4-1.25.72-1.55-2.56-.3-5.26-1.28-5.26-5.72 0-1.28.46-2.33 1.18-3.15-.12-.3-.52-1.52.12-3.15 0 0 .97-.3 3.18 1.18.92-.26 1.9-.4 2.88-.4.98 0 1.96.14 2.88.4 2.2-1.48 3.18-1.18 3.18-1.18.64 1.63.24 2.85.12 3.15.74.82 1.18 1.87 1.18 3.15 0 4.46-2.7 5.42-5.28 5.72.42.36.78 1.08.78 2.2v3.28c0 .28.18.65.78.54C20.2 21.43 23.5 17.1 23.5 12c0-6.35-5.15-11.5-11.5-11.5Z"/></svg>
16+
<a href="https://github.com/mcruzdev/timeless" target="_blank"
17+
class="flex items-center gap-2 hover:opacity-80 transition">
18+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
19+
<path
20+
d="M12 .5C5.65.5.5 5.65.5 12c0 5.1 3.3 9.45 7.9 10.98.58.1.77-.25.77-.55v-2c-3.22.7-3.9-1.55-3.9-1.55-.52-1.32-1.28-1.67-1.28-1.67-1.04-.72.08-.7.08-.7 1.15.08 1.75 1.18 1.75 1.18 1.02 1.75 2.68 1.25 3.33.95.1-.75.4-1.25.72-1.55-2.56-.3-5.26-1.28-5.26-5.72 0-1.28.46-2.33 1.18-3.15-.12-.3-.52-1.52.12-3.15 0 0 .97-.3 3.18 1.18.92-.26 1.9-.4 2.88-.4.98 0 1.96.14 2.88.4 2.2-1.48 3.18-1.18 3.18-1.18.64 1.63.24 2.85.12 3.15.74.82 1.18 1.87 1.18 3.15 0 4.46-2.7 5.42-5.28 5.72.42.36.78 1.08.78 2.2v3.28c0 .28.18.65.78.54C20.2 21.43 23.5 17.1 23.5 12c0-6.35-5.15-11.5-11.5-11.5Z" />
21+
</svg>
1622
GitHub
1723
</a>
1824
</nav>
1925
</header>
2026
<section class="min-h-screen flex flex-col justify-center items-center text-center px-6">
21-
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp Icon" class="w-16 h-16 mb-4 mx-auto opacity-90" />
27+
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp Icon"
28+
class="w-16 h-16 mb-4 mx-auto opacity-90" />
2229
<h1 class="text-5xl font-bold mb-4">Timeless</h1>
23-
<p class="text-xl max-w-2xl mb-8">Send messages, images, and audio through WhatsApp. Timeless uses AI to understand, organize, and store everything — helping you keep your <b>financial life organized effortlessly</b> through WhatsApp.</p>
24-
<a href="#start" class="bg-blue-600 text-white px-6 py-3 rounded-xl text-lg font-semibold hover:bg-blue-700 transition">Get Started</a>
30+
<p class="text-xl max-w-2xl mb-8">Send messages, images, and audio through WhatsApp. Timeless uses AI to understand,
31+
organize, and store everything — helping you keep your <b>financial life organized effortlessly</b> through
32+
WhatsApp.</p>
33+
<a href="#start"
34+
class="bg-blue-600 text-white px-6 py-3 rounded-xl text-lg font-semibold hover:bg-blue-700 transition">Get
35+
Started</a>
2536
</section>
2637

2738
<!-- How it Works -->
@@ -32,7 +43,9 @@ <h2 class="text-3xl font-bold text-center mb-12">How Timeless Works</h2>
3243
<div class="p-6 bg-gray-100 rounded-2xl shadow">
3344
<h3 class="text-xl font-semibold mb-3">1. Send via WhatsApp</h3>
3445
<p>Send any text, image, or audio message directly to Timeless using WhatsApp.
35-
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" class="w-10 h-10 mt-4 opacity-80" /></p>
46+
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp"
47+
class="w-10 h-10 mt-4 opacity-80" />
48+
</p>
3649
</div>
3750
<div class="p-6 bg-gray-100 rounded-2xl shadow">
3851
<h3 class="text-xl font-semibold mb-3">2. AI Processes It</h3>
@@ -48,21 +61,35 @@ <h3 class="text-xl font-semibold mb-3">3. Retrieve Anytime</h3>
4861
<!-- Financial Organization Section -->
4962
<section class="py-20 px-6 bg-gray-50 text-center">
5063
<h2 class="text-3xl font-bold mb-6">Organize Your Financial Life Without Effort</h2>
51-
<p class="text-lg max-w-3xl mx-auto mb-10">Send receipts, invoices, notes, payment confirmations, and voice memos about your expenses or goals directly through WhatsApp. Timeless automatically classifies and stores everything using AI — so you know exactly where your money is going.</p>
64+
<p class="text-lg max-w-3xl mx-auto mb-10">Send receipts, invoices, notes, payment confirmations, and voice memos
65+
about your expenses or goals directly through WhatsApp. Timeless automatically classifies and stores everything
66+
using AI — so you know exactly where your money is going.</p>
5267
</section>
5368

5469
<!-- Contribute Section -->
5570
<section class="py-20 px-6 bg-white text-center">
5671
<h2 class="text-3xl font-bold mb-6">Timeless is Open Source</h2>
57-
<p class="text-lg max-w-2xl mx-auto mb-8">We believe in transparency, collaboration, and community. Want to contribute, open issues, or help build new features? Join the project on GitHub.</p>
72+
<p class="text-lg max-w-2xl mx-auto mb-8">We believe in transparency, collaboration, and community. Want to
73+
contribute, open issues, or help build new features? Join the project on GitHub.</p>
74+
75+
<p class="font-medium text-gray-600 mb-4">Join our amazing contributors:</p>
76+
77+
<div class="contributors" class="">
78+
<!-- Contributors will be dynamically loaded here -->
79+
</div>
80+
5881

5982
<div class="flex justify-center gap-6 mt-6">
60-
<a href="https://github.com/mcruzdev/timeless" target="_blank" class="flex items-center gap-2 bg-gray-900 text-white px-6 py-3 rounded-xl text-lg font-semibold hover:bg-black transition">
61-
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor"><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.1 3.3 9.45 7.9 10.98.58.1.77-.25.77-.55v-2c-3.22.7-3.9-1.55-3.9-1.55-.52-1.32-1.28-1.67-1.28-1.67-1.04-.72.08-.7.08-.7 1.15.08 1.75 1.18 1.75 1.18 1.02 1.75 2.68 1.25 3.33.95.1-.75.4-1.25.72-1.55-2.56-.3-5.26-1.28-5.26-5.72 0-1.28.46-2.33 1.18-3.15-.12-.3-.52-1.52.12-3.15 0 0 .97-.3 3.18 1.18.92-.26 1.9-.4 2.88-.4.98 0 1.96.14 2.88.4 2.2-1.48 3.18-1.18 3.18-1.18.64 1.63.24 2.85.12 3.15.74.82 1.18 1.87 1.18 3.15 0 4.46-2.7 5.42-5.28 5.72.42.36.78 1.08.78 2.2v3.28c0 .28.18.65.78.54C20.2 21.43 23.5 17.1 23.5 12c0-6.35-5.15-11.5-11.5-11.5Z"/></svg>
83+
<a href="https://github.com/mcruzdev/timeless" target="_blank"
84+
class="flex items-center gap-2 bg-gray-900 text-white px-6 py-3 rounded-xl text-lg font-semibold hover:bg-black transition">
85+
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
86+
<path
87+
d="M12 .5C5.65.5.5 5.65.5 12c0 5.1 3.3 9.45 7.9 10.98.58.1.77-.25.77-.55v-2c-3.22.7-3.9-1.55-3.9-1.55-.52-1.32-1.28-1.67-1.28-1.67-1.04-.72.08-.7.08-.7 1.15.08 1.75 1.18 1.75 1.18 1.02 1.75 2.68 1.25 3.33.95.1-.75.4-1.25.72-1.55-2.56-.3-5.26-1.28-5.26-5.72 0-1.28.46-2.33 1.18-3.15-.12-.3-.52-1.52.12-3.15 0 0 .97-.3 3.18 1.18.92-.26 1.9-.4 2.88-.4.98 0 1.96.14 2.88.4 2.2-1.48 3.18-1.18 3.18-1.18.64 1.63.24 2.85.12 3.15.74.82 1.18 1.87 1.18 3.15 0 4.46-2.7 5.42-5.28 5.72.42.36.78 1.08.78 2.2v3.28c0 .28.18.65.78.54C20.2 21.43 23.5 17.1 23.5 12c0-6.35-5.15-11.5-11.5-11.5Z" />
88+
</svg>
6289
Contribute on GitHub
6390
</a>
64-
65-
<a href="https://www.buymeacoffee.com/mcruzdev" target="_blank" class="bg-yellow-400 text-black px-6 py-3 rounded-xl text-lg font-semibold hover:bg-yellow-300 transition">
91+
<a href="https://www.buymeacoffee.com/mcruzdev" target="_blank"
92+
class="bg-yellow-400 text-black px-6 py-3 rounded-xl text-lg font-semibold hover:bg-yellow-300 transition">
6693
Buy Me a Coffee ☕
6794
</a>
6895
</div>
@@ -72,12 +99,49 @@ <h2 class="text-3xl font-bold mb-6">Timeless is Open Source</h2>
7299
<section class="py-24 px-6 bg-blue-600 text-white text-center">
73100
<h2 class="text-3xl font-bold mb-6">Start Using Timeless Today</h2>
74101
<p class="text-lg mb-8 max-w-2xl mx-auto">Your financial Life organized forever. No effort required.</p>
75-
<a href="#" class="bg-white text-blue-600 px-6 py-3 rounded-xl text-lg font-semibold hover:bg-gray-200 transition">Join the Waitlist</a>
102+
<a href="#"
103+
class="bg-white text-blue-600 px-6 py-3 rounded-xl text-lg font-semibold hover:bg-gray-200 transition">Join the
104+
Waitlist</a>
76105
</section>
77106

78107
<!-- Footer -->
79108
<footer class="py-6 text-center text-gray-600 text-sm">
80109
© 2025 Timeless. All rights reserved.
81110
</footer>
111+
112+
113+
<script>
114+
115+
(async function () {
116+
117+
const excludeContributors = ['dependabot', 'dependabot[bot]', 'copilot-pull-request-reviewer'];
118+
119+
const response = await fetch('https://api.github.com/repos/mcruzdev/timeless/contributors?per_page=20');
120+
121+
const contributors = await response.json();
122+
123+
const contributorsContainer = document.querySelector('.contributors');
124+
125+
contributors.forEach(contributor => {
126+
if (excludeContributors.includes(contributor.login)) {
127+
return;
128+
}
129+
const a = document.createElement('a');
130+
a.href = contributor.html_url;
131+
a.target = '_blank';
132+
a.className = 'inline-block mx-1';
133+
134+
const img = document.createElement('img');
135+
img.src = contributor.avatar_url;
136+
img.alt = contributor.login;
137+
img.title = contributor.login;
138+
img.className = 'w-10 h-10 rounded-full border-2 border-gray-300 hover:border-gray-600 transition';
139+
140+
a.appendChild(img);
141+
contributorsContainer.appendChild(a);
142+
});
143+
})();
144+
</script>
82145
</body>
83-
</html>
146+
147+
</html>

0 commit comments

Comments
 (0)