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> <style>
form { #namninsamling-form {
border: 2px solid #888; border: 2px solid #888;
padding: 1rem; padding: 1rem;
border-radius: 8px; border-radius: 8px;
@ -60,8 +77,8 @@ form {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
form input[type="text"], #namninsamling-form input[type="text"],
form input[type="submit"] { #namninsamling-form input[type="submit"] {
display: block; display: block;
width: 100%; width: 100%;
margin: 0.5rem 0 1rem 0; margin: 0.5rem 0 1rem 0;
@ -73,7 +90,7 @@ form input[type="submit"] {
color: var(--md-typeset-color); color: var(--md-typeset-color);
} }
form input[type="submit"] { #namninsamling-form input[type="submit"] {
background-color: var(--md-accent-fg-color); background-color: var(--md-accent-fg-color);
color: white; color: white;
border: none; border: none;
@ -81,14 +98,14 @@ form input[type="submit"] {
transition: background 0.2s ease-in-out; 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); background-color: var(--md-accent-fg-color--dark);
} }
</style> </style>
<form action="https://sa6anw.se/submit" method="post"> <form id="namninsamling-form" action="https://sa6anw.se/submit" method="post">
<label>Callsign:</label><br> <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> <label>Förnamn / First name:</label><br>
<input type="text" name="fornamn" required><br> <input type="text" name="fornamn" required><br>
<label>Efternamn / Surname:</label><br> <label>Efternamn / Surname:</label><br>