hatch-surf/site/blog/index.html
CTO 0ba485ad27 Add static site for hatch.sh with blog post
- Create static site structure in site/ directory
- Add landing page, blog index, and first blog post
- Include Open Graph meta tags for social sharing
- Add GitHub Actions workflow for GitHub Pages deployment
- Include brand assets (OG image, favicon)
- Add README with setup and DNS instructions

Co-Authored-By: Paperclip <noreply@paperclip.ing>
2026-06-23 09:53:50 +02:00

60 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog — Hatch</title>
<meta name="description" content="Blog posts about Hatch, a self-hostable HTTP request inspector and mocker.">
<!-- Open Graph -->
<meta property="og:title" content="Blog — Hatch">
<meta property="og:description" content="Blog posts about Hatch, a self-hostable HTTP request inspector and mocker.">
<meta property="og:image" content="https://hatch.sh/brand/og/default.png">
<meta property="og:url" content="https://hatch.sh/blog/">
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Blog — Hatch">
<meta name="twitter:description" content="Blog posts about Hatch, a self-hostable HTTP request inspector and mocker.">
<meta name="twitter:image" content="https://hatch.sh/brand/og/default.png">
<link rel="canonical" href="https://hatch.sh/blog/">
<link rel="icon" type="image/png" href="/brand/favicon/favicon.png">
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<div class="container">
<a href="/" class="logo">Hatch</a>
<nav>
<a href="https://github.com/elfoundation/hatch">GitHub</a>
<a href="/blog/">Blog</a>
</nav>
</div>
</header>
<main>
<section class="blog-index">
<div class="container">
<h1>Blog</h1>
<article class="post-preview">
<header>
<h2><a href="/blog/why-we-are-building-hatch/">Why we are building Hatch</a></h2>
<time datetime="2026-06-23">June 23, 2026</time>
</header>
<p>Every team that integrates with a third-party API ends up needing a webhook inspector. The hosted tools work fine. They also send your payloads to someone else's server, which is a non-starter for the compliance-, privacy-, and "we'd rather not" set.</p>
<a href="/blog/why-we-are-building-hatch/" class="read-more">Read more →</a>
</article>
</div>
</section>
</main>
<footer>
<div class="container">
<p>&copy; 2026 El Foundation. <a href="https://github.com/elfoundation/hatch">Hatch</a> is released under the <a href="https://github.com/elfoundation/hatch/blob/main/LICENSE">MIT License</a>.</p>
</div>
</footer>
</body>
</html>