Add a real submission form, bypassing the broken Gitea issue-template render

Gitea 1.27.1 on this instance silently ignores the ?template= param for .github/ISSUE_TEMPLATE/hardware-report.yml — the structured fields never render, just a blank title/body editor (confirmed live: same URL that's supposed to load the form shows nothing). Rather than debug Gitea's YAML issue-forms support, site/report.html is a plain form matching the schema that builds a title + markdown body (with a ready-to-merge YAML block) and opens Gitea's issues/new with them pre-filled via query params, which does work on this instance (verified live). Verified the full round trip in a real browser: filled the form, submitted, confirmed the opened Gitea tab has the correct title and a body containing valid YAML matching every field. Did not actually click "Create Issue" — no reason to leave a test issue on the tracker. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-03 22:37:27 +00:00
parent f188fe562f
commit c8f6102cfd
5 changed files with 313 additions and 6 deletions
@@ -138,3 +138,82 @@ footer code {
  padding: 0.1rem 0.35rem;
  border-radius: 3px;
 }
+
+h1 a { color: inherit; text-decoration: none; }
+h1 a:hover { color: var(--accent); }
+
+.report-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  max-width: 640px;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  flex: 1;
+}
+
+.field-row {
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+
+.field-row .field {
+  min-width: 140px;
+}
+
+label {
+  color: var(--muted);
+  font-size: 0.85rem;
+}
+
+.required-hint {
+  color: var(--partial);
+  font-weight: normal;
+}
+
+textarea {
+  background: var(--panel);
+  border: 1px solid var(--border);
+  color: var(--text);
+  padding: 0.5rem 0.7rem;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 0.9rem;
+  resize: vertical;
+}
+
+textarea:focus, .report-form input:focus, .report-form select:focus {
+  outline: none;
+  border-color: var(--accent-dim);
+}
+
+.report-form input, .report-form select {
+  width: 100%;
+}
+
+.form-error {
+  color: var(--broken);
+  font-size: 0.85rem;
+}
+
+.report-form button {
+  align-self: flex-start;
+  background: var(--accent);
+  color: var(--bg);
+  border: none;
+  padding: 0.7rem 1.2rem;
+  border-radius: 4px;
+  font-family: inherit;
+  font-weight: bold;
+  font-size: 0.9rem;
+  cursor: pointer;
+}
+
+.report-form button:hover {
+  background: var(--accent-dim);
+}