| 1 |
<section class="support-tab"> |
| 2 |
<h2 class="subsection-title">Support</h2> |
| 3 |
<p class="mb-2"> |
| 4 |
Every response is from a real person. We will never use AI to handle your questions. |
| 5 |
</p> |
| 6 |
<p class="support-intro-meta"> |
| 7 |
We monitor the platform proactively and may have already opened a ticket for your issue. |
| 8 |
Check your email at <strong>{{ email }}</strong> before submitting. |
| 9 |
</p> |
| 10 |
|
| 11 |
<form hx-post="/api/support/ticket" |
| 12 |
hx-target="#support-result" |
| 13 |
hx-swap="innerHTML" |
| 14 |
hx-indicator="#support-spinner" |
| 15 |
class="support-form"> |
| 16 |
|
| 17 |
<div class="form-group"> |
| 18 |
<label for="support-category">Category</label> |
| 19 |
<select id="support-category" name="category" required> |
| 20 |
<option value="" disabled selected>Select a category</option> |
| 21 |
<option value="bug">Bug report</option> |
| 22 |
<option value="billing">Billing or payments</option> |
| 23 |
<option value="account">Account access</option> |
| 24 |
<option value="content">Content or uploads</option> |
| 25 |
<option value="security">Security concern</option> |
| 26 |
<option value="other">Other</option> |
| 27 |
</select> |
| 28 |
</div> |
| 29 |
|
| 30 |
<div class="form-group"> |
| 31 |
<label for="support-subject">Subject</label> |
| 32 |
<input type="text" id="support-subject" name="subject" |
| 33 |
required maxlength="200" |
| 34 |
placeholder="Brief description of the issue"> |
| 35 |
</div> |
| 36 |
|
| 37 |
<div class="form-group"> |
| 38 |
<label for="support-message">Message</label> |
| 39 |
<textarea id="support-message" name="message" |
| 40 |
rows="8" required maxlength="5000" |
| 41 |
placeholder="What happened? What did you expect? Include any relevant details."></textarea> |
| 42 |
</div> |
| 43 |
|
| 44 |
<div id="support-result" class="mb-3"></div> |
| 45 |
|
| 46 |
<button type="submit" class="btn-primary"> |
| 47 |
Submit |
| 48 |
<span id="support-spinner" class="htmx-indicator"> ...</span> |
| 49 |
</button> |
| 50 |
</form> |
| 51 |
|
| 52 |
<div class="response-times"> |
| 53 |
<p>Response times:</p> |
| 54 |
<ul> |
| 55 |
<li>Security issues: same day</li> |
| 56 |
<li>Billing and account access: 24 hours</li> |
| 57 |
<li>Everything else: 1-2 business days</li> |
| 58 |
</ul> |
| 59 |
<p class="mt-3"> |
| 60 |
For urgent security issues, email <a href="mailto:security@makenot.work">security@makenot.work</a> directly. |
| 61 |
</p> |
| 62 |
</div> |
| 63 |
</section> |
| 64 |
|