d9961a76ad
Fixes duplicate placeholder cover image on the 3 newest blog posts, broken aspect-ratio classes on the albums listing page, and a non-responsive fixed sidebar on the chat page.
62 lines
2.8 KiB
Markdown
62 lines
2.8 KiB
Markdown
---
|
|
title: "Contact"
|
|
date: 2024-12-24T12:00:00Z
|
|
draft: false
|
|
---
|
|
|
|
No assistant. No gatekeeper. If you email me, you're talking to the same dude cleaning his reservoirs.
|
|
|
|
### How to Reach Me
|
|
|
|
<div class="membership-only" style="display: none;">
|
|
**Email:** [indianaholmes@thetempleofdoom.com](mailto:indianaholmes@thetempleofdoom.com)
|
|
</div>
|
|
|
|
<div class="guest-only" style="display: block;">
|
|
**Email:** <span class="text-gray-400">Available to members only</span>
|
|
</div>
|
|
|
|
If you're looking for a consultation, hit the form below or email me directly (members only). I usually reply within 24 hours on weekdays unless I'm mid-harvest.
|
|
|
|
**Quick questions:** Check the [Blog](/blog) first. I might have already ranted about it there.
|
|
|
|
---
|
|
|
|
<!-- Paywall Message -->
|
|
<div class="paywall-message mt-8 bg-gray-800 rounded-lg p-8 border border-gray-700 text-center" style="display: none;">
|
|
<h2 class="text-2xl font-bold text-gray-100 mb-4">Members Only</h2>
|
|
<p class="text-gray-300 mb-6">
|
|
The contact form is available exclusively to members. Sign up to get direct access to email me.
|
|
</p>
|
|
<a href="/membership/" class="inline-flex items-center px-6 py-3 bg-primary hover:bg-emerald-700 text-white font-semibold rounded-lg transition-colors">
|
|
Become a Member
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Contact Form (Members Only) -->
|
|
<form id="contact-form" class="paywall-content mt-8 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8" style="display: none;">
|
|
<div class="sm:col-span-2">
|
|
<label for="name" class="block text-sm font-medium text-gray-300">Name</label>
|
|
<div class="mt-1">
|
|
<input type="text" name="name" id="name" autocomplete="name" required class="py-3 px-4 block w-full bg-gray-800 border border-gray-700 rounded-md text-gray-100 focus:ring-primary focus:border-primary">
|
|
</div>
|
|
</div>
|
|
<div class="sm:col-span-2">
|
|
<label for="email" class="block text-sm font-medium text-gray-300">Your Email</label>
|
|
<div class="mt-1">
|
|
<input type="email" name="email" id="email" autocomplete="email" required class="py-3 px-4 block w-full bg-gray-800 border border-gray-700 rounded-md text-gray-100 focus:ring-primary focus:border-primary">
|
|
</div>
|
|
</div>
|
|
<div class="sm:col-span-2">
|
|
<label for="message" class="block text-sm font-medium text-gray-300">Message</label>
|
|
<div class="mt-1">
|
|
<textarea id="message" name="message" rows="4" required class="py-3 px-4 block w-full bg-gray-800 border border-gray-700 rounded-md text-gray-100 focus:ring-primary focus:border-primary"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="sm:col-span-2">
|
|
<button type="submit" class="w-full inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-primary hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">
|
|
Send Message
|
|
</button>
|
|
</div>
|
|
</form>
|