forked from ournetworks/ournetworks.ca
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsessions-form.html
133 lines (130 loc) · 7.59 KB
/
sessions-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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
---
layout: page
order: 0
title: "Sessions: Confirm Participation"
titleDisplay: "Sessions"
---
<p>In order to confirm your participation in Our Networks 2019, please complete the below form by Tuesday July 23, 2019 (note: we use formspree.io to send responses).</p>
<hr />
<form action="https://formspree.io/[email protected]" class="form-container" method="POST">
<div class="mb-2">
<div class="flex flex-wrap">
<label class="fw-bold w-100" for="session">Select your session:</label>
<input list="sessions" id="session" class="input mb-1 w-75" name="session" required>
</div>
<datalist id="sessions">
{% include forms/sessions-datalist.html %}
</datalist>
<div class="flex mb-05 flex-align-baseline">
<input class="mr-05" type="checkbox" id="description" name="review_confirmation" value="reviewed"><label class="fw-bold" for="description">The presentation description has been reviewed</label>
</div>
</div>
<div class="mb-2">
<h3>Participation</h3>
<fieldset class="p-0 m-0">
<legend class="mb-1">Let us know if you can attend:</legend>
<div class="flex mb-05 flex-align-baseline">
<input type="radio" class="mr-05" id="participation1" name="participation" value="will present" required><label class="fw-bold" for="participation1">I/we will be presenting</label>
</div>
<div class="flex mb-05 flex-align-baseline">
<input type="radio" class="mr-05" id="participation2" name="participation" value="no longer presenting" required><label class="fw-bold" for="participation2">I/we can no longer present</label>
</div>
</fieldset>
</div>
<div class="mb-2">
<h3>Recording</h3>
<fieldset class="p-0 m-0">
<legend class="mb-1">Let us know if we can livestream and record your presentation:</legend>
<div class="flex mb-05 flex-align-baseline">
<input type="checkbox" class="mr-05" id="recording1" name="recording" value="live stream"><label class="fw-bold" for="recording1">The presentation can be live streamed</label>
</div>
<div class="flex mb-05 flex-align-baseline">
<input type="checkbox" class="mr-05" id="recording2" name="recording" value="record"><label class="fw-bold" for="recording2">The presentation can be recorded and posted on the Our Networks website under a Creative Commons License</label>
</div>
</fieldset>
<small class="block mt-1">You have the right to withdraw consent for posting after the video is recorded. You can see an example of the previous recorded talks at: <a href="https://ournetworks.ca/recorded-talks/">https://ournetworks.ca/recorded-talks/</a></small>
</div>
<div class="mb-2">
<h3>Presenter Details</h3>
<fieldset class="p-0 m-0">
<legend class="mb-1">Please confirm your preferred pronunciation and pronouns as presenter(s):</legend>
<div class="flex">
<div class="w-33">
<label class="fw-bold" for="presenters">Presenter:</label>
<input list="presenters-list" id="presenters" class="input mb-1 w-100" name="presenters" required>
<datalist id="presenters-list">
{% include forms/presenters-datalist.html %}
</datalist>
</div>
<div class="w-33 ml-1">
<label class="fw-bold" for="pronunciation">Pronunciation notes:</label>
<input type="text" id="pronunciation" class="input mb-1 w-100" name="pronunciation">
</div>
</div>
<div class="flex">
<div class="w-33">
<label class="fw-bold" for="pronouns">Preferred pronouns:</label>
<input type="text" id="pronouns" class="input mb-1 w-100" name="pronouns" placeholder="e.g., they/them, she/her, he/him, ze/zir">
</div>
</div>
<div class="flex mb-05 flex-align-baseline flex-wrap">
<input type="checkbox" class="mr-05 input-condition" id="presenter2" name="presenter2" value="The session has another presenter:"><label class="fw-bold" for="presenter2">The session has another presenter:</label>
<div id="second_presenter" class="input-condition-group mb-05 mt-1 ml-1 flex-wrap none">
<div class="flex w-100">
<div class="w-33">
<label class="fw-bold" for="presenters2">Presenter:</label>
<input list="presenters-list2" id="presenters2" class="input mb-1 w-100" name="presenters2">
<datalist id="presenters-list2">
{% include forms/presenters-datalist.html %}
</datalist>
</div>
<div class="w-33 ml-1">
<label class="fw-bold" for="pronunciation2">Pronunciation notes:</label>
<input type="text" id="pronunciation2" class="input mb-1 w-100" name="pronunciation2">
</div>
</div>
<div class="flex w-100">
<div class="w-33">
<label class="fw-bold" for="pronouns">Preferred pronouns:</label>
<input type="text" id="pronouns2" class="input mb-1 w-100" name="pronouns2" placeholder="e.g., they/them, she/her, he/him, ze/zir">
</div>
</div>
</div>
</div>
</fieldset>
</div>
<div class="mb-2">
<h3>Honoraria Information</h3>
<fieldset class="p-0 m-0">
<legend class="mb-1">We are able to offer a modest honorarium to each presenter which will be distributed after the event. Please provide the information below:</legend>
<div class="flex mb-05 flex-align-baseline flex-wrap">
<input type="radio" class="mr-05 input-condition" id="honoraria" name="honoraria" value="Here is my preferred payment:"><label class="fw-bold" for="honoraria">Here is my preferred payment:</label>
<div id="payment_options" class="input-condition-group mb-05 mt-1 ml-1 flex-wrap none">
<div class="flex mb-05 w-100 flex-align-baseline">
<input type="radio" class="mr-05" id="payment_options1" name="payment_options" value="Interac"> <label class="fw-bold" for="payment_options1">Interac</label>
</div>
<div class="flex mb-05 w-100 flex-align-baseline">
<input type="radio" class="mr-05" id="payment_options2" name="payment_options" value="PayPal"> <label class="fw-bold" for="payment_options2">PayPal</label>
</div>
<div class="flex mb-05 w-100 flex-align-baseline">
<input type="radio" class="mr-05" id="payment_options3" name="payment_options" value="Cryptocurrency"> <label class="fw-bold" for="payment_options3">Cryptocurrency (ETH)</label>
</div>
<div class="flex mb-1 w-100 flex-align-baseline">
<input type="radio" class="mr-05" id="payment_options4" name="payment_options" value="Cash"> <label class="fw-bold" for="payment_options4">Cash (I am based in Toronto)</label>
</div>
<div class="w-100" id="payment_address">
<label class="fw-bold" for="address">Address (Cryptocurrency/Paypal/Interac):</label>
<input type="text" id="address" class="input mb-1 w-75" name="address" placeholder="(e.g., email address or cryptocurrency wallet)">
</div>
</div>
</div>
<div class="flex mb-05 flex-align-baseline">
<input type="radio" class="mr-05" id="honoraria-decline" name="honoraria" value="I am declining the honoraria"><label class="fw-bold" for="honoraria-decline">I am declining the honoraria</label>
</div>
</fieldset>
</div>
<input type="submit" name="submit" value="Submit Session Update" class="button button-primary mt-1 mb-2">
<input type="hidden" name="_format" value="plain">
<input type="hidden" name="_subject" value="session update submitted">
<input type="hidden" name="_next" value="//ournetworks.ca/sessions-form?update=confirmed">
</form>