1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"/><link rel="manifest" href="/favicon/site.webmanifest"/><link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#000000"/><link rel="shortcut icon" href="/favicon/favicon.ico"/><meta name="msapplication-TileColor" content="#000000"/><meta name="msapplication-config" content="/favicon/browserconfig.xml"/><meta name="theme-color" content="#000"/><link rel="alternate" type="application/rss+xml" href="/feed.xml"/><meta name="description" content="A place where you can find thoughts of a web developer about web development."/><meta property="og:image" content="https://og-image.vercel.app/Next.js%20Blog%20Starter%20Example.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fnextjs-black-logo.svg"/><title>Contact · thoughts.</title><meta name="next-head-count" content="15"/><link rel="preload" href="/_next/static/css/751ec5b503499e15.css" as="style"/><link rel="stylesheet" href="/_next/static/css/751ec5b503499e15.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script>
1<script src="/_next/static/chunks/webpack-8fa1640cc84ba8fe.js" defer=""></script>
1<script src="/_next/static/chunks/framework-7a7e500878b44665.js" defer=""></script>
1<script src="/_next/static/chunks/main-9e04412d3480e75f.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-d13c5cf2e5c5ff9b.js" defer=""></script>
1<script src="/_next/static/chunks/814-8ca81627e4bde168.js" defer=""></script>
1<script src="/_next/static/chunks/pages/contact-9273b4ba5e90540d.js" defer=""></script>
1<script src="/_next/static/PXFgCKoIvS2_k8q4dH70p/_buildManifest.js" defer=""></script>
1<script src="/_next/static/PXFgCKoIvS2_k8q4dH70p/_ssgManifest.js" defer=""></script>
1</head><body><div id="__next"><div class="min-h-screen"><div class="border-neutral-200 bg-neutral-50 text-black border-b"><div class="container mx-auto px-5"><div class="py-2 flex justify-between items-center"><div class="text-center text-sm flex-grow">This website is an experiment... If someday you see it's gone than I'm sorry.</div><button class="text-neutral-400 hover:text-neutral-600"><span class="sr-only">Close</span><svg class="h-4 w-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.293 4.293a1 1 0 011.414 0L10 6.586l2.293-2.293a1 1 0 111.414 1.414L11.414 8l2.293 2.293a1 1 0 01-1.414 1.414L10 9.414l-2.293 2.293a1 1 0 01-1.414-1.414L8.586 8 6.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div></div></div><main><div class="container mx-auto px-5"><nav class="text-black"><div class="max-w-full flex justify-between items-center mx-auto my-1 md:my-3 lg:my-6"><h2 class="text-2xl md:text-4xl font-bold tracking-tight md:tracking-tighter leading-tight"><a class="hover:underline" href="/">thoughts</a>.</h2><div class="flex items-center justify-end h-16"><div class="flex items-center"><div class="hidden md:block"><div class="ml-10 flex items-baseline space-x-4"><a class="text-black hover:text-gray-700 px-3 py-2 rounded-md text-sm font-medium " href="/search">Search</a><a class="text-black hover:text-gray-700 px-3 py-2 rounded-md text-sm font-medium " href="/about">About</a><a class="text-black hover:text-gray-700 px-3 py-2 rounded-md text-sm font-medium underline" href="/contact">Contact</a></div></div></div><div class="-mr-2 flex md:hidden"><button class="text-black inline-flex flex-col gap-0.5 items-center justify-center p-2 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white"><span class="sr-only">Open main menu</span><i class="fas fa-bars bg-black h-0.5 w-3.5"></i><i class="fas fa-bars bg-black h-0.5 w-3.5"></i><i class="fas fa-bars bg-black h-0.5 w-3.5"></i></button></div></div></div></nav><h1 class="text-5xl md:text-8xl font-bold tracking-tighter leading-tight md:pr-8">Contact</h1><form class="max-w-md mx-auto p-4"><div class="mb-4"><label class="block text-black text-sm font-bold mb-2" for="name">Name<span class="text-red-500">*</span></label><input class="w-full px-3 py-2 border rounded-md focus:outline-none focus:border-blue-500" type="text" id="name" name="name" placeholder="John Doe" value=""/></div><div class="mb-4"><label class="block text-black text-sm font-bold mb-2" for="email">Email<span class="text-red-500">*</span></label><input class="w-full px-3 py-2 border rounded-md focus:outline-none focus:border-blue-500" type="text" id="email" name="email" placeholder="[email protected]" value=""/></div><div class="mb-4"><label class="block text-black text-sm font-bold mb-2" for="subject">Subject<span class="text-red-500">*</span></label><input class="w-full px-3 py-2 border rounded-md focus:outline-none focus:border-blue-500" type="text" id="subject" name="subject" placeholder="I've a question about..." value=""/></div><div class="mb-4"><label class="block text-black text-sm font-bold mb-2" for="message">Message<span class="text-red-500">*</span></label><textarea class="w-full h-28 md:h-24 text-sm text-gray-700 px-3 py-2 border rounded-md focus:outline-none focus:border-blue-500" id="message" name="message" placeholder="Hello! I've installed everything as you describe, but it's not working for some reason. Such an interesting things happening here. I would like to know more about..."></textarea></div><span class="sr-only">Submit the form</span><button class="bg-gray-900 text-white px-4 py-2 rounded-md hover:bg-gray-700">Send</button></form></div></main></div><footer class="bg-neutral-50 border-t border-neutral-200 mt-10"><div class="container mx-auto px-5"><div class="py-28 flex flex-col lg:flex-row items-center"><h3 class="text-4xl lg:text-[2.5rem] font-bold tracking-tighter leading-tight text-center lg:text-left mb-10 lg:mb-0 lg:pr-4 lg:w-1/2">A developer's<!-- --> <a href="/">thoughts.</a></h3><div class="flex flex-col lg:flex-row justify-center items-center lg:pl-4 lg:w-1/2"><a class="mx-3 bg-black rounded-md hover:bg-white hover:text-black border border-black text-white font-bold py-3 px-12 lg:px-8 duration-200 transition-colors mb-6 lg:mb-0" href="/about">About</a><a href="/contact" class="mx-3 font-bold hover:underline">Contact</a></div></div></div></footer></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/contact","query":{},"buildId":"PXFgCKoIvS2_k8q4dH70p","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.