forked from dmackie/scaleconf.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathattend-google-form.html
118 lines (103 loc) · 6.13 KB
/
attend-google-form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
---
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>
With so many great international and local speakers, it's going to be a great place to pick up some tips and techniques for scaling your site.
</p>
</div>
<div class="row">
<div class='span16'>
<div class='alert-message block-message info'>
<p>
Registration is now open, and we're taking early bird sign-ups. Until December 31st, the cost of a ticket is just R1000.00. The ticket includes entrance, lunch on both days, great speakers, and the opportunity to network with others in the industry.
</p>
</div>
</div>
</div>
<div class="row">
<div class='span16'>
<p>
Registration is now open! If you'd like to attend ScaleConf, please fill in the form below.<br/>
<span style='font-size:0.9em; color:#888;'>Your details will not be used for any other reason than to email you information and invites pertaining to ScaleConf.</span>
</p>
<p>
<form action="https://docs.google.com/a/scaleconf.org/spreadsheet/formResponse?formkey=dEFMNU53Si1DQVZFMEc1cTc4VHFlQmc6MQ&embedded=true&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>
<p style='display:inline-block; width:610px; margin:10px 0; font-style:italic; color:#333;'>
The following are optional, but would help us to make the conference even better by giving you a t-shirt that fits, and putting you in touch with companies that can offer services relevant to you!
</p>
<fieldset>
<label class="ss-q-title" for="entry_2">Company </label>
<input class='input' type="text" name="entry.2.single" value="" class="ss-q-short" id="entry_2">
</fieldset>
<fieldset>
<label class="ss-q-title" for="entry_3">Twitter Alias </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">Github Username </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">T-Shirt Size</label>
<input class='input' type="text" name="entry.5.single" value="" class="ss-q-short" id="entry_5">
</fieldset>
<fieldset>
<div class="clearfix">
<label>Would you be interested in attending any workshops?</label>
<div class="input">
<ul class="inputs-list">
<li style='margin-left:130px;'><label class="ss-choice-label"><input type="checkbox" name="entry.6.group" value="Before" class="ss-q-checkbox" id="group_6_1"><span>Day before conference</span></label></li>
<li style='margin-left:130px;'><label class="ss-choice-label"><input type="checkbox" name="entry.6.group" value="During" class="ss-q-checkbox" id="group_6_2"><span>On a conference day</span></label></li>
<li style='margin-left:130px;'><label class="ss-choice-label"><input type="checkbox" name="entry.6.group" value="After" class="ss-q-checkbox" id="group_6_3"><span>Day after conference</span></label></li>
</ul>
</div>
</div>
</fieldset>
<fieldset>
<div class="clearfix">
<label class="ss-q-title" for="entry_7">Are you interested in joining one of the sponsored dinners with our speakers?</label>
<div class="input">
<ul class="inputs-list">
<li style='margin-left:130px;'><label class="ss-choice-label"><input type="checkbox" name="entry.7.group" value="Yes" class="ss-q-checkbox" id="group_7_1">Yes, Count me in</label></li>
</ul>
</div>
</div>
</fieldset>
<fieldset>
<div class="actions">
<input class="btn primary" type="submit" name="submit" value="Submit">
</div>
</fieldset>
</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()}">