diff options
author | Harald Eilertsen <haraldei@anduin.net> | 2015-10-03 12:35:48 +0200 |
---|---|---|
committer | Harald Eilertsen <haraldei@anduin.net> | 2015-10-03 12:56:00 +0200 |
commit | 08e71721514a8fad599832c4846b1cfb45b0f12c (patch) | |
tree | b6c11bc3de4a7231c92d9576828e0e061e94be48 /views | |
parent | 12a0f88114b28f7ea721af2ac857822f3bdc16bb (diff) | |
download | norsk-urskog-registrations-08e71721514a8fad599832c4846b1cfb45b0f12c.tar.gz norsk-urskog-registrations-08e71721514a8fad599832c4846b1cfb45b0f12c.tar.bz2 norsk-urskog-registrations-08e71721514a8fad599832c4846b1cfb45b0f12c.zip |
Transform to a Sinatra app
Diffstat (limited to 'views')
-rw-r--r-- | views/index.erb | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/views/index.erb b/views/index.erb new file mode 100644 index 0000000..1aeb2e5 --- /dev/null +++ b/views/index.erb @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" type="text/css" href="registration-form.css"> + <script src="https://code.jquery.com/jquery-2.1.1.js"></script> + <script src="./registration-form.js"></script> + <meta charset="UTF-8"> + <title>Norsk Urskog 2015 - Påmeldingsskjema for band</title> + </head> + <body> + <h1>Norsk Urskog 2015</h1> + <h2>Påmeldingsskjema for Band</h2> + <p>Felter merket med <span class="required"></span> er obligatoriske og må fylles ut.</p> + <form id="registration-form" action="mailto:haraldei@anduin.net"> + <div id="form-general-info" class="fieldgroup"> + <h3>Generell info:</h3> + + <div class="field text required"> + <label>Bandnavn:</label> + <input type="text" name="band[name]"> + </div> + + <div class="field text optional"> + <label>Hjemsted:</label> + <input type="text" name="band[city]"> + </div> + + <div class="field text optional"> + <label>Webside:</label> + <input type="text" name="band[website]"> + </div> + + <div class="field text optional"> + <label>Plateselskap:</label> + <input type="text" name="band[label]"> + </div> + + <div class="field text required"> + <label>Kort bio:</label> + <textarea cols="40" rows="5" name="band[shortbio]"></textarea> + </div> + </div> + + <div id="form-contact-info" class="fieldgroup"> + <h3>Kontaktperson</h3> + <div class="field text required"> + <label>Navn:</label> + <input type="text" name="band[contact][name]"> + </div> + + <div class="field textarea required"> + <label>Postadresse:</label> + <textarea cols="40" rows="4" name="band[contact][addr]"></textarea> + </div> + + <div class="field text required"> + <label>Tlf:</label> + <input type="text" name="band[contact][phone]"> + </div> + + <div class="field text required"> + <label>E-post:</label> + <input type="text" name="band[contact][email]"> + </div> + </div> + + <div id="form-members" class="fieldgroup"> + <h3>Medlemmer</h3> + <p>Klikk på knappen under for å legge til medlemmene som er med i bandet. Dette er kun til + informasjon for websider, promomateriale og lignende. Har bandmedlemene pseudonymer de + foretrekker å bruke, så kan du bruke dem her.</p> + </div> + <input type="button" name="add_member" value="Legg til medlem" id="add-member-button"> + + <div id="form-songs" class="fieldgroup"> + <h3>Låter</h3> + <p>Klikk på knappen under for å legge til låten(e) dere vil ha med på samle-cden. Du kan oppgi + flere låter dersom du vil, men vi kan ikke garantere at vi tar med alle låtene på utgivelsen. Vær + nøye med å oppgi riktige navn (ingen pseudonymer) på utøvere og komponister, da vi sjekker dette + opp imot TONO/NCB for å sikre at evt. vederlag blir betalt riktig.</p> + </div> + <input type="button" name="add_song" value="Legg til låt" id="add-song-button"> + + <p>Ved å sende inn skjema, vil dere bli registrert for deltagelse på Norsk Urskog Metal Sampler 2015. + Vi vil sende utfylt skjema og kontrakt som må underskrives og sendes tilbake før vi kan ta med låten(e) + på selve CDen.</p> + + <div id="form-action" class="action"> + <input type="submit" value="Send skjema"> + <input type="button" value="Nullstill skjema"> + </div> + </form> + </body> +</html> |