index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  
  <!-- Preconnect to critical origins for faster resource loading -->
  <link rel="preconnect" href="https://avatars.githubusercontent.com" crossorigin />
  <link rel="dns-prefetch" href="https://avatars.githubusercontent.com" />

  <!-- thundrex Design System fonts -->
  <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=Red+Hat+Text:ital,wght@0,300..700;1,300..700&family=Red+Hat+Mono:wght@300..700&display=swap" rel="stylesheet" />
  
  <!-- Preload LCP image (hero profile picture) -->
  <link rel="preload" as="image" href="https://avatars.githubusercontent.com/u/12994292?v=4" fetchpriority="high" />
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Primary Meta Tags -->
  <title>Deepesh Nair (Hybridx) - Platform Engineer | DevConf India Organizer | MCP & AI Infrastructure</title>
  <meta name="title" content="Deepesh Nair (Hybridx) - Platform Engineer | DevConf India Organizer" />
  <meta name="description"
    content="Deepesh Nair (Hybridx) - Platform engineer specializing in backend systems, Proxmox infrastructure, Podman containers, MCP servers, and practical AI integration. DevConf India 2025/2026 core organizer. Building production-like homelab with PostgreSQL, FastAPI, custom DDNS, and automated backups." />
  <meta name="author" content="Deepesh Nair" />
  <meta name="keywords"
    content="Deepesh Nair, Hybridx, hybridx, deepesh nair, Platform Engineer, Backend Engineer, Proxmox, Podman, PostgreSQL, FastAPI, MCP Server, Model Context Protocol, DevConf India, AI Integration, NL to SQL, pgvector, Custom DDNS, Infrastructure Engineer, Self-hosted, Linux, Python, DevOps, Pune, India, 181094.xyz" />

  <!-- Canonical URL -->
  <link rel="canonical" href="https://181094.xyz/" />

  <!-- Alternative URLs -->
  <link rel="alternate" href="https://hybridx.github.io/" />

  <!-- Open Graph / Facebook / WhatsApp / LinkedIn / Telegram -->
  <meta property="og:type" content="profile" />
  <meta property="og:url" content="https://181094.xyz/" />
  <meta property="og:title" content="Deepesh Nair (Hybridx) - Platform Engineer & DevConf India Organizer" />
  <meta property="og:description"
    content="Platform engineer building backend systems, Proxmox infrastructure, MCP servers, and practical AI integrations. Core organizer for DevConf India 2025/2026. Expertise in Podman, PostgreSQL, FastAPI, and production-like homelab infrastructure." />
  <meta property="og:image" content="https://github.com/hybridx.png" />
  <meta property="og:image:secure_url" content="https://github.com/hybridx.png" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="460" />
  <meta property="og:image:height" content="460" />
  <meta property="og:image:alt" content="Deepesh Nair (Hybridx) - Platform Engineer profile picture" />
  <meta property="og:locale" content="en_US" />
  <meta property="og:site_name" content="Deepesh Nair - 181094.xyz" />
  <meta property="profile:first_name" content="Deepesh" />
  <meta property="profile:last_name" content="Nair" />
  <meta property="profile:username" content="hybridx" />

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:site" content="@_deepeshnair" />
  <meta name="twitter:creator" content="@_deepeshnair" />
  <meta name="twitter:url" content="https://181094.xyz/" />
  <meta name="twitter:title" content="Deepesh Nair (Hybridx) - Platform Engineer" />
  <meta name="twitter:description"
    content="Platform engineer specializing in infrastructure, MCP servers, and AI integration. DevConf India organizer. Building with Proxmox, Podman, PostgreSQL, FastAPI." />
  <meta name="twitter:image" content="https://github.com/hybridx.png" />
  <meta name="twitter:image:alt" content="Deepesh Nair (Hybridx) - Platform Engineer profile picture" />

  <!-- Additional Social Meta Tags for Discord, Slack, iMessage -->
  <meta name="theme-color" content="#0069ff" />
  <meta name="msapplication-TileColor" content="#0069ff" />
  <link rel="apple-touch-icon" href="https://github.com/hybridx.png" />

  <!-- Professional & Location Information -->
  <meta name="geo.region" content="IN-MH" />
  <meta name="geo.placename" content="Pune" />
  <meta name="geo.position" content="18.5204;73.8567" />
  <meta name="ICBM" content="18.5204, 73.8567" />

  <!-- Robots & Indexing -->
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
  <meta name="googlebot" content="index, follow" />
  <meta name="bingbot" content="index, follow" />

  <!-- Structured Data - JSON-LD for Person -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Deepesh Nair",
      "alternateName": "Hybridx",
      "url": "https://181094.xyz",
      "image": "https://github.com/hybridx.png",
      "sameAs": [
        "https://github.com/hybridx",
        "https://twitter.com/_deepeshnair",
        "https://hybridx.github.io",
        "https://calendly.com/hybridx"
      ],
      "jobTitle": "Platform Engineer",
      "worksFor": {
        "@type": "Organization",
        "name": "DevConf India"
      },
      "description": "Platform engineer specializing in backend systems, infrastructure, MCP servers, and practical AI integration. Core organizer for DevConf India.",
      "knowsAbout": [
        "Platform Engineering",
        "Backend Development",
        "Proxmox Virtualization",
        "Podman Containers",
        "PostgreSQL",
        "FastAPI",
        "Model Context Protocol (MCP)",
        "AI Integration",
        "Natural Language to SQL",
        "pgvector",
        "Self-hosted Infrastructure",
        "Linux System Administration",
        "DNS Management",
        "DevOps",
        "Event Organization"
      ],
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Pune",
        "addressRegion": "Maharashtra",
        "addressCountry": "IN"
      }
    }
    </script>

  <!-- Structured Data - WebSite -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Deepesh Nair - 181094.xyz",
      "alternateName": "Hybridx Portfolio",
      "url": "https://181094.xyz",
      "description": "Portfolio of Deepesh Nair (Hybridx) - Platform Engineer, Infrastructure Specialist, and DevConf India Organizer",
      "author": {
        "@type": "Person",
        "name": "Deepesh Nair"
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://181094.xyz/#projects?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>

  <!-- Structured Data - ProfilePage -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ProfilePage",
      "dateCreated": "2021-01-01",
      "dateModified": "2026-01-22",
      "mainContentOfPage": {
        "@type": "WebPageElement",
        "cssSelector": "#app"
      },
      "mainEntity": {
        "@type": "Person",
        "name": "Deepesh Nair",
        "alternateName": "Hybridx",
        "identifier": "hybridx",
        "description": "Platform Engineer building backend systems, infrastructure, and AI integrations",
        "image": "https://github.com/hybridx.png",
        "sameAs": [
          "https://github.com/hybridx",
          "https://twitter.com/_deepeshnair",
          "https://181094.xyz"
        ]
      }
    }
    </script>

</head>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
  
  <!-- Deferred: Google Analytics (non-blocking) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3DC9SET6CV"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'G-3DC9SET6CV');
  </script>
  
  <!-- Deferred: Calendly widget (loads after main content) -->
  <link rel="preload" href="https://assets.calendly.com/assets/external/widget.css" as="style" onload="this.onload=null;this.rel='stylesheet'" />
  <noscript><link rel="stylesheet" href="https://assets.calendly.com/assets/external/widget.css" /></noscript>
  <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" defer></script>
  <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
      if (typeof Calendly !== 'undefined') {
        Calendly.initBadgeWidget({
          url: "https://calendly.com/hybridx",
          text: "Schedule time with me",
          color: "#0069ff",
          textColor: "#ffffff",
          branding: false,
        });
      }
    });
  </script>
</body>

</html>