attend.html

---
layout: page
title: Attend
meta-description: Attend Scaleconf, a conference focusing on web scalability
---
      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
          <h1>Attend</h1>
          <br/><br/>
          <p>
              Registration isn&#8217;t open just yet. But numbers will be limited, so stay posted for an update as to when we do start taking Early Bird registrations. 
          </p>
      </div>

      <div class="row">
          <div class='span16'>
              <p>
                  If you'd like to receive an email notification when registration opens and other details are finalised, fill in your contact details below. <br/>
                  <span style='font-size:0.9em; color:#888;'>Your details will not be used for any other reason than to email you when ScaleConf registration opens and other details are finalised.</span>
              </p>

              <!-- original google frame -->
              <!-- iframe src="https://docs.google.com/a/scaleconf.org/spreadsheet/embeddedform?formkey=dGdhNmMxaFdiM2RKZF9LUVNNR2x1MEE6MQ" width="760" height="1021" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe-->
              
              <p>
              <form action="https://docs.google.com/a/scaleconf.org/spreadsheet/formResponse?formkey=dGdhNmMxaFdiM2RKZF9LUVNNR2x1MEE6MQ&amp;embedded=true&amp;ifq" method="POST" id="ss-form" target='hidden_iframe' onsubmit='submitted=true'>
                <fieldset>
                  <label class="ss-q-title" for="entry_0">Name* </label>
                  <input class='input' type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0">
                </fieldset>
                <fieldset>
                  <label class="ss-q-title" for="entry_1">Email* </label>
                  <input class='input' type="text" name="entry.1.single" value="" class="ss-q-short" id="entry_1">
                </fieldset>
                <fieldset>
                  <label class="ss-q-title" for="entry_3">Company </label>
                  <input class='input' type="text" name="entry.3.single" value="" class="ss-q-short" id="entry_3">
                </fieldset>
                <fieldset>
                  <label class="ss-q-title" for="entry_4">Twitter Alias </label>
                  <input class='input' type="text" name="entry.4.single" value="" class="ss-q-short" id="entry_4">
                </fieldset>
                <fieldset>
                  <label class="ss-q-title" for="entry_5">Github Username </label>
                  <input class='input' type="text" name="entry.5.single" value="" class="ss-q-short" id="entry_5">
                </fieldset>
                <fieldset>
                <div class="actions">
                  <input class="btn primary" type="submit" name="submit" value="Submit">
                </div>
            </form>
            </p>
          </div>
      </div>

    <!-- Validation - unfortunately no server side validation for google docs that is nice. -->
    <!-- Forms that fail server side validation will just get thrown out -->

    <script type='text/javascript'>

        submitted=false;
        function validate_email() {
            failed = false;
            username_field = document.getElementById('entry_0')
            email_field    = document.getElementById('entry_1')
            if (email_field.value == "")    { email_field.setAttribute('style','background:#fee'); failed=true; }
            if (username_field.value == "") { username_field.setAttribute('style','background:#fee'); failed=true; }
            if (failed == false) { window.location='/attend-success'; }
        }
    </script>

    <!-- hidden iframe to open our response -->
    <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted){validate_email()}">