content: add contact page with form

diff --git a/content/is/here.md b/content/is/here.md
new file mode 100644 (file)
index 0000000..443950a
--- /dev/null
+++ b/content/is/here.md
@@ -0,0 +1,87 @@
++++
+title = "Contact"
+date = 2026-01-01T00:00:00Z
+slug = "here"
++++
+
+Get in touch — send me a message and I'll get back to you soon.
+
+<form method="POST" action="/api/contact.php" class="contact-form">
+  <div class="form-group">
+    <label for="name">Name</label>
+    <input type="text" id="name" name="name" required>
+  </div>
+
+  <div class="form-group">
+    <label for="email">Email</label>
+    <input type="email" id="email" name="email" required>
+  </div>
+
+  <div class="form-group">
+    <label for="subject">Subject</label>
+    <input type="text" id="subject" name="subject" required>
+  </div>
+
+  <div class="form-group">
+    <label for="message">Message</label>
+    <textarea id="message" name="message" rows="6" required></textarea>
+  </div>
+
+  <button type="submit" class="form-submit">Send</button>
+</form>
+
+<style>
+  .contact-form {
+    max-width: 500px;
+    margin: 2rem 0;
+  }
+
+  .form-group {
+    margin-bottom: 1.5rem;
+  }
+
+  .form-group label {
+    display: block;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+    color: var(--text);
+  }
+
+  .form-group input,
+  .form-group textarea {
+    width: 100%;
+    padding: 0.75rem;
+    border: 1px solid var(--border);
+    border-radius: 4px;
+    background: var(--surface);
+    color: var(--text);
+    font-family: var(--font-body);
+    font-size: 1rem;
+  }
+
+  .form-group input:focus,
+  .form-group textarea:focus {
+    outline: none;
+    border-color: var(--accent);
+    box-shadow: 0 0 12px rgba(168, 85, 247, 0.3);
+  }
+
+  .form-submit {
+    padding: 0.75rem 2rem;
+    background: var(--accent);
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    font-family: var(--font-mono);
+    font-size: var(--fs-btn);
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    cursor: pointer;
+    transition: var(--transition);
+  }
+
+  .form-submit:hover {
+    background: var(--accent2);
+    color: var(--bg);
+  }
+</style>