diff options
Diffstat (limited to 'content/is/here.md')
| -rw-r--r-- | content/is/here.md | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/content/is/here.md b/content/is/here.md new file mode 100644 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> |
