sa6anw
/
sa6anw.se
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Midsomer Murders
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Joakim Svensson 2025-07-17 21:00:47 +00:00
parent a20a4bbabb
commit 471e7e4f71
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
docs/midsomer.md
View File

@ -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>