Push new form pages

For when we switch off zapier (hopefully soon)

docs/_config.yml

@@ -7,6 +7,7 @@ api_docs: "https://api.scamguard.app"
 contact_url: "https://socksthewolf.com/contact"
 google_analytics: "G-3B15EPXBFZ"
 show_downloads: false
+use_zapier_report: true
 bot_name: ScamGuard
 discord_client_id: 1152057650226401320
 discord_uses_intents: false

docs/_includes/report_form.html

@@ -0,0 +1,35 @@
+<meta name="color-scheme" content="light">
+<link rel="stylesheet" href="/assets/css/pico.min.css">
+<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script>
+<article data-theme="light">
+<form enctype="multipart/form-data" action="/submitreport" method="POST">
+    <label for="scammerusername">Scammer Discord Username <small>(required)</small></label>
+    <input type="text" id="scammerusername" name="scammerusername" required></input>
+    <small>This is the text handle underneath their display name in the profile screen. 
+      You can get it via the <code>Copy Username</code> option on the user's profile card.</small>
+
+    <label for="scammeruserid">Scammer Discord User ID <small>(required)</small></label>
+    <input type="text" id="scammeruserid" name="scammeruserid" maxlength="20" minlength="17" required></input>
+    <small>This is the numeric Discord User ID of the scammer. 
+      If you don't know how to get it, 
+      <a href="https://support.discord.com/hc/en-us/articles/4407571667351-How-to-Find-User-IDs-for-Law-Enforcement" target="_blank">visit this Discord article</a>.</small>
+
+    <label for="evidence">Evidence Upload <small>(required)</small></label>
+    <input type="file" id="evidence" name="evidence" accept="image/*" required multiple />
+    <small>Please submit screenshot evidence regarding the scammer's actions. Files have a max size of 2MB each</small>
+
+    <label for="reportername">What is your Discord Handle?</label>
+    <input type="text" name="reportername" id="reportername" />
+    <small>For potential follow up. You may leave this blank.</small>
+
+    <label for="reportcomments">Any other comments?</label>
+    <textarea id="reportcomments" name="reportcomments" rows="3"></textarea>
+    <small>This can be additional context (do you know if the account is compromised, 
+      or where the stolen images are from, etc) or anything else you'd like to make known.</small>
+
+    <label>Captcha <small>(required)</small></label>
+    <div class="cf-turnstile" data-sitekey="0x4AAAAAAA7RsNNbQGiNcEUi"></div>
+    <br />
+    <input type="submit" value="Submit Report"></input>
+</form>
+</article>

docs/_includes/report_zapier.html

@@ -0,0 +1,7 @@
+You will need the numeric Discord User ID of the scammer. If you don't know how to get it, [visit this Discord article](https://support.discord.com/hc/en-us/articles/4407571667351-How-to-Find-User-IDs-for-Law-Enforcement).
+If you are unable to see the form below, [click here to submit directly](https://scamguardreports.zapier.app/)
+
+<div style="position: relative; height:60vh; overflow:hidden;">
+  <script type='module' src='https://interfaces.zapier.com/assets/web-components/zapier-interfaces/zapier-interfaces.esm.js'></script>
+  <zapier-interfaces-page-embed page-id='clyrq8ny7002iild2i5yhue2c' no-background='true'  style='max-width: 900px; height: 95%'></zapier-interfaces-page-embed>
+</div>

docs/report.md

@@ -3,11 +3,10 @@ title: Report a Scam
 description: Report a Discord scammer to ScamGuard
 ---
 
-Use the handy form below to submit scamming reports to {{ site.bot_name }}. If you are unable to see the form below, [click here to submit directly](https://scamguardreports.zapier.app/).
+Use the handy form below to submit scamming reports to {{ site.bot_name }}.
 
-You will need the numeric Discord User ID of the scammer. If you don't know how to get it, [visit this Discord article](https://support.discord.com/hc/en-us/articles/4407571667351-How-to-Find-User-IDs-for-Law-Enforcement).
-
-<div style="position: relative; height:60vh; overflow:hidden;">
-  <script type='module' src='https://interfaces.zapier.com/assets/web-components/zapier-interfaces/zapier-interfaces.esm.js'></script>
-  <zapier-interfaces-page-embed page-id='clyrq8ny7002iild2i5yhue2c' no-background='true'  style='max-width: 900px; height: 95%'></zapier-interfaces-page-embed>
-</div>
+{% if site.use_zapier_report == true %}
+{% include report_zapier.html %}
+{% else %}
+{% include report_form.html %}
+{% endif %}