diff --git a/index.html b/index.html index 3cd4567..b21e35d 100644 --- a/index.html +++ b/index.html @@ -287,7 +287,7 @@ /* Hero Section */ .hero { - padding: 180px 0 120px; + padding: 220px 0 120px; text-align: center; background: var(--gradient-primary); position: relative; @@ -325,7 +325,7 @@ .hero h1 { font-size: 3.5rem; font-weight: 800; - margin-bottom: 24px; + margin-bottom: 16px; color: white; line-height: 1.1; letter-spacing: -0.02em; @@ -335,6 +335,20 @@ animation: fadeInUp 0.8s ease-out; } + .hero-subtitle { + font-size: 1.5rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.8); + margin-bottom: 24px; + font-style: italic; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + animation: fadeInUp 0.8s ease-out 0.1s both; + } + + .hero-spacer { + height: 40px; + } + .hero p { font-size: 1.3rem; color: rgba(255, 255, 255, 0.9); @@ -429,6 +443,22 @@ animation: fadeInUp 0.8s ease-out 0.6s both; } + .hero-image-light { + display: block; + } + + .hero-image-dark { + display: none; + } + + [data-theme="dark"] .hero-image-light { + display: none; + } + + [data-theme="dark"] .hero-image-dark { + display: block; + } + /* Features */ .features { padding: 120px 0; @@ -915,15 +945,24 @@ /* Hero */ .hero { - padding: 120px 0 60px; + padding: 150px 0 60px; text-align: center; } .hero h1 { font-size: 2.2rem; + margin-bottom: 12px; + } + + .hero-subtitle { + font-size: 1.1rem; margin-bottom: 20px; } + .hero-spacer { + height: 25px; + } + .hero p { font-size: 1rem; margin-bottom: 30px; @@ -1177,11 +1216,14 @@
+

Productivity Made Simple

+

Scattered thoughts to structured action

+

Join hundreds of users who stay organized with smart task management that adapts to their workflow.

+
- tududi - Dark Mode Interface + tududi - Light Mode Interface + tududi - Dark Mode Interface
-

Task Management Made Simple

-

tududi is the self-hosted task management tool that puts you in control. Organize your life and projects with a clear, hierarchical structure, smart recurring tasks, and seamless Telegram integration. Get focused, stay productive, and keep your data private.

View on GitHub Quick Install @@ -1708,6 +1750,32 @@ } }); + // Fetch GitHub stars + async function fetchGitHubStars() { + try { + const response = await fetch('https://api.github.com/repos/chrisvel/tududi'); + const data = await response.json(); + const stars = data.stargazers_count; + + let starsText = ''; + if (stars >= 1000) { + starsText = `${Math.floor(stars / 1000)}k+`; + } else if (stars >= 100) { + starsText = `${stars}+`; + } else { + starsText = 'hundreds of'; + } + + document.getElementById('github-stars').textContent = starsText; + } catch (error) { + console.log('GitHub API error:', error); + // Keep default text if API fails + } + } + + // Fetch stars when page loads + fetchGitHubStars(); + // Mobile menu toggle functionality function toggleMobileMenu() { const navLinks = document.querySelector('.nav-links');