<!DOCTYPE html>
<html class="h-full">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ranjith Antony</title>
    <link rel="icon" type="image/png" sizes="48x48" href="/static/favicon-48x48.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
    <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
    <link rel="shortcut icon" href="/favicon.ico">
    
    
    <meta name="title" content="Ranjith Antony">
    <meta name="description" content="Building, Riding, Always Learning.">
    
    
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://rptony.org/">
    <meta property="og:title" content="Ranjith Antony">
    <meta property="og:description" content="Building, Riding, Always Learning">
    <meta property="og:image" content="https://rptony.org/static/og-image.jpg">
    
    
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://rptony.org/">
    <meta property="twitter:title" content="Ranjith Antony">
    <meta property="twitter:description" content="Building, Riding, Always Learning">
    <meta property="twitter:image" content="https://rptony.org/static/og-image.jpg">
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    <script>tailwind.config = { darkMode: 'class', theme: { extend: { fontFamily: { 'sans': ['Inter', 'ui-sans-serif', 'system-ui'] } } } }</script>
    <script src="https://unpkg.com/lucide@latest"></script>
</head>
<body class="min-h-screen bg-white dark:bg-gray-900 text-gray-900 dark:text-white flex flex-col">
    <div class="container mx-auto p-8 flex-grow">
        <button onclick="toggleTheme()" class="mb-4 p-2 bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 rounded-lg transition-colors">
            <i data-lucide="sun" class="w-6 h-6 dark:hidden"></i>
            <i data-lucide="moon" class="w-6 h-6 hidden dark:block"></i>
        </button>
        <div class="max-w-6xl mx-auto">
            <div class="text-center mb-8">
                <img src="/static/ranjith_antony.jpg" alt="Ranjith Antony" class="w-32 h-32 object-cover rounded-full mx-auto mb-6 border-2 border-gray-200 dark:border-gray-700 shadow-md ring-4 ring-gray-100 dark:ring-gray-800">
                <h1 class="text-5xl font-bold">Ranjith Antony</h1>
                <p class="text-lg text-gray-600 dark:text-gray-400 mt-2 font-light">Building, Riding, Always Learning</p>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-5 gap-8">
                <div class="md:col-start-2 md:col-span-3 text-base font-light leading-relaxed space-y-2">
                    <p>I'm Ranjith Antony. I run a startup called <a href="https://perleybrook.com" target="_blank" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 underline">Perleybrook Labs</a>. We are backed by <a href="https://www.techstars.com/" target="_blank" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 underline">Techstars</a>, <a href="https://www.callapina.com/" target="_blank" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 underline">Callapina</a> and <a href="https://startupchile.org/" target="_blank" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 underline">Startup Chile</a>. Long ago, I wrote a book called <a href="https://www.amazon.com/Bluetooth-Java-Bruce-Hopkins/dp/1590590783" target="_blank" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 underline">Bluetooth for Java</a>.</p>
                    
                    <p class="mt-8">Life isn't just work for me.</p>
                    
                    <p>I'm a husband and a proud dad of two. Our family also includes eight noisy chickens, Bailey the golden retriever, Freddie the lab, and Neymar, our horse. I love riding my Harley Softail on New Hampshire backroads.</p>
                    
                    <p>Building things excites me. Learning new stuff keeps me curious. I enjoy solving hard problems and sharing what I learn.</p>
                    <p class="mt-8">Life feels like a mix of code, rides, and happy chaos.</p>
                </div>
            </div>
        </div>
        
        </div>
    </div>
    
    
    <footer class="mt-auto py-6 bg-gray-50 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700">
        <div class="container mx-auto px-8 text-center">
            <div class="flex justify-center space-x-6 mb-4">
                <a href="https://instagram.com/rptony" target="_blank" class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors">
                    <i data-lucide="instagram" class="w-6 h-6"></i>
                </a>
                <a href="https://youtube.com/ranjithantony" target="_blank" class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors">
                    <i data-lucide="youtube" class="w-6 h-6"></i>
                </a>
                <a href="https://linkedin.com/in/rptony" target="_blank" class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors">
                    <i data-lucide="linkedin" class="w-6 h-6"></i>
                </a>
                <a href="https://bsky.app/profile/rptony.bsky.social" target="_blank" class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors">
                    <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M4 8c2-3 6-3 8 2c2-5 6-5 8-2c2 3 0 6-4 9c-2 1.5-2 3-4 3s-2-1.5-4-3c-4-3-6-6-4-9z" />
                    </svg>
                </a>
                <a href="https://github.com/rptony" target="_blank" class="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors">
                    <i data-lucide="github" class="w-6 h-6"></i>
                </a>
            </div>
            <p class="text-sm text-gray-500 dark:text-gray-400">
                <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" class="hover:text-gray-700 dark:hover:text-gray-300">CC BY 4.0</a> © 2025 Ranjith Antony
            </p>
        </div>
    </footer>
    
    <script>
        function toggleTheme() {
            document.documentElement.classList.toggle('dark');
            localStorage.theme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';
        }
        
        if (localStorage.theme === 'dark' || (!localStorage.theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
            document.documentElement.classList.add('dark');
        }
        
        
        lucide.createIcons();
    </script>
</body>
</html>