+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Contact - OpenContext</title><meta name="description" content="Contact the developer of OpenContext via X, Email, or WeChat."><!-- SEO: hreflang --><link rel="alternate" hreflang="en" href="https://opencontext.dev/en/OpenContext/en/contact/"><link rel="alternate" hreflang="zh" href="https://opencontext.dev/zh/OpenContext/en/contact/"><link rel="alternate" hreflang="x-default" href="https://opencontext.dev/en/OpenContext/en/contact/"><link rel="canonical" href="https://0xranx.github.io/OpenContext/en/contact/"><!-- 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=Inter:wght@400;500;600&family=Newsreader:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Serif+SC:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"><link rel="stylesheet" href="/OpenContext/_astro/contact.pxI5vEPQ.css"></head> <body class="bg-white"> <nav class="fixed w-full z-50 bg-white/90 backdrop-blur-md border-b border-gray-100"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-20 items-center"> <!-- Logo --> <a class="flex-shrink-0 flex items-center -ml-2" href="/OpenContext/en/" aria-label="OpenContext Home"> <img src="/OpenContext/logo-light.svg" alt="OpenContext" class="h-16 w-auto max-w-none"> </a> <div class="hidden md:flex items-center space-x-8"> <a href="/OpenContext/en/" class="text-gray-900 font-medium hover:text-gray-600 transition-colors">Home</a> <a href="/OpenContext/en/usage" class="text-gray-500 hover:text-gray-900 font-medium transition-colors">Usage</a> <a href="/OpenContext/en/contact" class="text-gray-500 hover:text-gray-900 font-medium transition-colors">Contact</a> </div> <div class="flex items-center gap-4"> <!-- GitHub --> <a href="https://github.com/0xranx/OpenContext" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-gray-900 transition-colors mr-1" aria-label="GitHub"> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path> </svg> </a> <div class="flex items-center text-sm font-medium text-gray-400 mr-2 border-r border-gray-200 pr-4 h-5"> <a href="/OpenContext/en/contact/" class="px-1 transition-colors text-gray-900 font-bold">EN</a> <a href="/OpenContext/zh/contact/" class="px-1 transition-colors hover:text-gray-900">中</a> </div> <a href="/OpenContext/en/usage#cli" class="hidden md:inline-flex text-gray-500 hover:text-gray-900 font-medium transition-colors text-sm">Install CLI</a> <a href="/OpenContext/en/usage#desktop" class="inline-flex items-center justify-center px-4 py-2 rounded shadow-sm text-sm font-medium notion-btn-primary"> Download Desktop </a> </div> </div> </div> </nav> <div class="pt-32 pb-20 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 min-h-[calc(100vh-200px)]"> <!-- Header --> <div class="text-center mb-16"> <h1 class="serif text-5xl font-medium text-gray-900 mb-6">Get in Touch</h1> <p class="text-xl text-gray-500 font-normal leading-relaxed max-w-2xl mx-auto"> Have questions, feedback, or ideas? Feel free to reach out. </p> </div> <div class="grid md:grid-cols-3 gap-8"> <!-- X / Twitter --> <a href="https://x.com/shawnjoe_" target="_blank" rel="noopener noreferrer" class="group bg-white border border-gray-200 rounded-xl p-8 hover:border-black/20 hover:shadow-lg transition-all duration-300 flex flex-col items-center text-center"> <div class="w-16 h-16 bg-black text-white rounded-full flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300"> <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> </svg> </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Follow on X</h3> <p class="text-gray-500 mb-4">Development updates & thoughts</p> <span class="text-sm font-medium text-gray-400 group-hover:text-black transition-colors">@shawnjoe_</span> </a> <!-- Email --> <a href="mailto:gloria_n@yeah.net" class="group bg-white border border-gray-200 rounded-xl p-8 hover:border-blue-200 hover:shadow-lg hover:shadow-blue-50 transition-all duration-300 flex flex-col items-center text-center"> <div class="w-16 h-16 bg-blue-50 text-blue-600 rounded-full flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300"> <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">Email</h3> <p class="text-gray-500 mb-4">Business inquiries & support</p> <span class="text-sm font-medium text-gray-400 group-hover:text-blue-600 transition-colors break-all">gloria_n@yeah.net</span> </a> <!-- WeChat --> <div class="group bg-white border border-gray-200 rounded-xl p-8 hover:border-green-200 hover:shadow-lg hover:shadow-green-50 transition-all duration-300 flex flex-col items-center text-center"> <div class="w-16 h-16 bg-green-50 text-green-600 rounded-full flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300"> <!-- Bootstrap Icons: bi-wechat (viewBox 0 0 16 16) --> <svg class="w-9 h-9" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true"> <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356Z"></path> <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826Zm4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Zm3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Z"></path> </svg> </div> <h3 class="text-xl font-semibold text-gray-900 mb-2">WeChat</h3> <p class="text-gray-500 mb-4">Add me for direct communication</p> <!-- Optional: QR Code Image --> <span class="text-sm font-medium text-gray-400 group-hover:text-green-600 transition-colors select-all cursor-text bg-gray-50 px-3 py-1 rounded border border-gray-100 group-hover:border-green-100">
0 commit comments