Add guiding help text to form.

3 files changed, 49 insertions, 12 deletions

diff --git a/public/styles.css b/public/styles.css
index 891f69b..a9ab8f9 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -45,11 +45,6 @@ input[type=text], textarea {
   width: 10cm;
 }
 
-.member-info input[type=text],
-.song-info input[type=text] {
-  width: 7cm;
-}
-
 .song-details label {
   display: inline-block;
   text-align: right;
@@ -61,7 +56,13 @@ input[type=text], textarea {
 
 .field {
   padding: 1mm;
-  white-space: nowrap;
+}
+
+.help {
+  margin-left: 1cm;
+  width: 10cm;
+  display: inline-block;
+  vertical-align: top;
 }
 
 .delete-member-button,
diff --git a/views/index.erb b/views/index.erb
index cd335df..17a1d6c 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -1,5 +1,18 @@
     <h1>Norsk Urskog 2016</h1>
     <h2>Påmeldingsskjema for Band</h2>
+    <p>For å kunne delta på Norsk Urskog Metal Sampler, må du/dere være en artist eller et band
+    bosatt i Norge. Prisen for å delta vil være kr. 2000,- pr. låẗ. Dere vil maksimalt kunne
+    delta med tre låter. Dersom det er mange som vil delta, vil vi begrense ytterligere hvor
+    mange låter vi tar med fra hvert band. Vi gjør dette i samarbeid med bandet, om det skulle
+    bli aktuelt.</p>
+    <p>CDen vil bli delt ut til alle som deltar på Infernoifestivalen, både publikum, presse,
+    artister og andre bransjefolk. Dersom det blir CDer til overs vil vi dele ut disse til
+    presse, bransjefolk eller publikum på andre festivaler og konserter vi er tilstede på.
+    Vi holder også av nok CDer til at alle som deltar får noen eksemplarer hver til å dele ut
+    til sine kontakter.</p>
+    <p>Har dere spørsmål til skjemaet, eller utgivelsen så send oss en
+    <a href="mailto:<%= @config.contact_email %>">epost</a> så vil vi hjelpe
+    så godt vi kan.</p>
     <p>Felter merket med <span class="required"></span> er obligatoriske og må fylles ut.</p>
     <form id="registration-form" action="<%= url('submit') %>" method="POST" >
         <div id="form-general-info" class="fieldgroup">
@@ -28,16 +41,24 @@
             <div class="field text required">
                 <label for="band_shortbio">Kort bio:</label>
                 <textarea id="band_shortbio" name="band[shortbio]"><%= @band.short_bio %></textarea>
+                <div class="help">
+                  Kort bio på én til tre linjer til bruk som promo på våre websider om evt andre media.
+                </div>
             </div>
 
             <div class="field textarea">
               <label for="band_members">Medlemmer:</label>
               <textarea id="band_members" name="band[members]"><%= @band.members %></textarea>
+              <div class="help">
+                Oppgi gjerne alder og hvilke instrument hvert medlem slipper (frivillig.)
+              </div>
             </div>
         </div>
 
         <div id="form-contact-info" class="fieldgroup">
             <h3>Kontaktperson</h3>
+            <p>Vi trenger én kontaktperson, som er den vi vil kommunisere med ang alt som har med deres
+            deltagelse på Norsk Urskog Metal Sampler å gjøre.</p>
             <div class="field text required">
                 <label for="band-contact-name">Navn:</label>
                 <input type="text" id="band-contact-name" name="band[contact][name]" value="<%= @band.contact.name %>">
@@ -45,7 +66,7 @@
 
             <div class="field textarea required">
                 <label for="band-contact-addr">Postadresse:</label>
-                <textarea cols="40" rows="4" id="band-contact-addr" name="band[contact][addr]"><%= @band.contact.addr %></textarea>
+                <textarea id="band-contact-addr" name="band[contact][addr]"><%= @band.contact.addr %></textarea>
             </div>
 
             <div class="field text required">
@@ -61,17 +82,13 @@
 
         <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>
 
             <% @band.songs.each_index do |i| %>
               <%= erb :song, layout: false, locals: { song_number: i, song: @band.songs[i] } %>
             <% end %>
         </div>
 
-        <p>Ved å sende inn skjema, vil dere bli registrert for deltagelse på Norsk Urskog Metal Sampler 2015.
+        <p>Ved å sende inn skjema, vil dere bli registrert for deltagelse på Norsk Urskog Metal Sampler 2016.
         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>
 
diff --git a/views/song.erb b/views/song.erb
index b97ae37..56848d8 100644
--- a/views/song.erb
+++ b/views/song.erb
@@ -15,6 +15,9 @@
                  name="band[songs][<%= song_number %>][time]"
                  value="<%= song.time %>"
                  size="6">
+          <div class="help">
+            Lengde på låten i minutter og sekunder (mm:ss)
+          </div>
       </div>
       <div class="field text optional">
           <label for="band-song-<%= song_number %>-isrc">ISRC-kode:</label>
@@ -24,6 +27,11 @@
                   name="band[songs][<%= song_number %>][isrc]"
                   value="<%= song.isrc %>"
                   size="11">
+          <div class="help">
+            Dersom dere har en ISRC-kode på låten oppgi den her, så bruker vi den når vi trykker CDene.
+            Dersom vi ikke får en ISRC-kode fra dere lager vi en egen som vil tilhøre låta også for senere bruk.
+            Ta kontakt dersom dere er usikre på hva dette betyr.
+          </div>
       </div>
       <div class="field textarea required">
           <label for="band-song-<%= song_number %>-performers">Utøvere:</label>
@@ -31,6 +39,10 @@
                     name="band[songs][<%= song_number %>][performers]"
                     title="Fullt navn (ingen pseudonymer) på alle som er med på denne innspillingen."
                     ><%= song.performers.join("\n") %></textarea>
+        <div class="help">
+          <em>Vær nøye med å oppgi riktige navn (ingen pseudonymer)</em> på utøvere da vi melder dette
+          inn til Gramo for å sikre at evt. vederlag blir betalt riktig.
+        </div>
       </div>
       <div class="field textarea required">
           <label for="band-song-<%= song_number %>-composers">Opphavsmenn:</label>
@@ -38,6 +50,10 @@
                     name="band[songs][<%= song_number %>][composers]"
                     title="Fullt navn (ingen pseudonymer) på alle som har vært med på å skrive denne låten."
                     ><%= song.composers.join("\n") %></textarea>
+          <div class="help">
+            <em>Vær nøye med å oppgi riktige navn (ingen pseudonymer)</em> på komponister da vi melder dette
+            inn til TONO/NCB for å sikre at evt. vederlag blir betalt riktig.
+          </div>
       </div>
       <div class="field textarea optional">
           <label for="band-song-<%= song_number %>-notes">Andre merknader:</label>
@@ -45,6 +61,9 @@
                     name="band[songs][<%= song_number %>][notes]"
                     title="Evt andre ting vi burde vite."
                     ><%= song.notes %></textarea>
+          <div class="help">
+            Om det er noe annet dere synes vi burde vite.
+          </div>
       </div>
     </div>
 </div>