From 471e7e4f71997d2c030f39438f865c7cbcb95c0e Mon Sep 17 00:00:00 2001
From: sa6anw <joakim@joasve.se>
Date: Thu, 17 Jul 2025 21:00:47 +0000
Subject: [PATCH] Midsomer Murders

---
 docs/midsomer.md | 31 ++++++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/docs/midsomer.md b/docs/midsomer.md
index f6af797..f4ad081 100644
--- a/docs/midsomer.md
+++ b/docs/midsomer.md
@@ -50,8 +50,25 @@ Whether you're a licensed ham or just a loyal viewer, add your name and help us
 
 ---
 
+<form id="namninsamling-form" action="/submit" method="post">
+  <label for="signal">Signal:</label>
+  <input type="text" name="signal" id="signal" required>
+
+  <label for="fornamn">Förnamn:</label>
+  <input type="text" name="fornamn" required>
+
+  <label for="efternamn">Efternamn:</label>
+  <input type="text" name="efternamn" required>
+
+  <input type="submit" value="Skicka">
+</form>
+
+🎨 2. Begränsa CSS till detta formulär
+
+Lägg detta i <style> i din .md-fil:
+
 <style>
-form {
+#namninsamling-form {
   border: 2px solid #888;
   padding: 1rem;
   border-radius: 8px;
@@ -60,8 +77,8 @@ form {
   margin-bottom: 2rem;
 }
 
-form input[type="text"],
-form input[type="submit"] {
+#namninsamling-form input[type="text"],
+#namninsamling-form input[type="submit"] {
   display: block;
   width: 100%;
   margin: 0.5rem 0 1rem 0;
@@ -73,7 +90,7 @@ form input[type="submit"] {
   color: var(--md-typeset-color);
 }
 
-form input[type="submit"] {
+#namninsamling-form input[type="submit"] {
   background-color: var(--md-accent-fg-color);
   color: white;
   border: none;
@@ -81,14 +98,14 @@ form input[type="submit"] {
   transition: background 0.2s ease-in-out;
 }
 
-form input[type="submit"]:hover {
+#namninsamling-form input[type="submit"]:hover {
   background-color: var(--md-accent-fg-color--dark);
 }
 </style>
 
-<form action="https://sa6anw.se/submit" method="post">
+<form id="namninsamling-form" action="https://sa6anw.se/submit" method="post">
   <label>Callsign:</label><br>
-  <input type="text" name="signal"><br>
+  <input type="text" name="signal" id="signal"><br>
   <label>Förnamn / First name:</label><br>
   <input type="text" name="fornamn" required><br>
   <label>Efternamn / Surname:</label><br>