-
Notifications
You must be signed in to change notification settings - Fork 0
/
recommend.html
169 lines (143 loc) · 7.24 KB
/
recommend.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Smarter Crowdsourcing: Education</title>
<link href="/images/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://use.typekit.net/kad3hcl.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/@directus/sdk-js@5.3.4/dist/directus-sdk.umd.min.js"></script>
<script src="https://kit.fontawesome.com/f713a12e61.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body class="homepage" onwheel="scroll_dismiss()">
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<!-- Top Navigation Menu -->
<div class="topnav">
<div class="menu-bars">
<div class="bar-wrap">
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
<a class="top_gl_logo" href="index.html"><img src="images/the-govlab-logo-white.png" alt="Smarter Crowdsourcing | New Measures"></a>
<!-- Navigation links (hidden by default) -->
<div class='lang-select'>
<!-- <a style="padding: 15px 5px" href="es/participate.html">ES</a>
<p style="color:#ffffff">|</p>
<a style="padding: 15px 5px" href="#" class="active">EN</a>
<p style="color:#ffffff">|</p>
<a style="padding: 15px 5px" href="pt/participate.html">PT</a> -->
</div>
</div>
<div id="myLinks">
<div class="menu-items">
<div class="menu-sub" onclick="dismiss_menu()"><a href="index.html">Home</a></div>
<div class="menu-sub" onclick="dismiss_menu()"><a href="about.html">About</a></div>
<div class="menu-sub" onclick="dismiss_menu()"> <a href="index.html#topics">Topic</a></div>
<div class="menu-sub" onclick="dismiss_menu()"><a href="team.html">Team</a></div>
<div class="menu-sub" onclick="dismiss_menu()"><a href=""></a></div>
<div class="menu-sub" onclick="dismiss_menu()"><a href=""></a></div>
<div class="menu-sub" onclick="dismiss_menu()"><a href=""></a></div>
</div>
</div>
<div id="home-page" onclick="dismiss_menu()">
<div class="row top-section topic partipate">
<h1>Recommend an Expert</h1>
<p>Smarter Crowdsourcing: Experiential Learning</p>
</div>
<body>
<div class="heading">
<p>
Please propose invitees for our upcoming online conferences on innovative models of experiential and lifelong learning, equity and the impact of lifelong and experiential learning. We are interested in a wide range of experiences. We are especially interested in those working on exciting projects that we might learn from.</p>
<p><span style="color:red">*</span> indicates required field</p>
</div>
<div class="grid form">
<script type="text/javascript">var submitted = false;</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"
onload="if(submitted) {window.location='thankyou.html';}">
</iframe>
<form name="form" class="custom-form"
action="https://docs.google.com/forms/d/e/1FAIpQLSfdXPifv1zfMlm7OrVVKon4zPhAxxtCc6LKRg5duWxpBs33ZA/formResponse"
method="post" target="hidden_iframe" onsubmit="submitted=true;" aria-label="form to subscribe">
<h4>What is your name? <span style="color:red">*</span></h4>
<input type="text" placeholder="" name="entry.1410442713" aria-hidden=”true”>
<h4>What is the name of the person you would like to recommend? <span style="color:red">*</span></h4>
<input type="text" placeholder="" name="entry.1208912842" aria-hidden=”true”>
<h4>What is this person's organization and role?<span style="color:red">*</span></h4>
<input type="text" placeholder="" name="entry.2003033540" aria-hidden=”true”>
<h4>Please briefly describe this person's connection with the topic<span style="color:red">*</span></h4>
<input type="text" placeholder="" name="entry.250007595" aria-hidden=”true”>
<h4>Please include contact information for this person (optional)</h4>
<input type="text" placeholder="" name="entry.2092986956" aria-hidden=”true”>
<button name="form button" class="submit-button" type="submit" aria-hidden=”true”>SUBMIT</button>
</form>
</div>
<div class="heading info-collection">
<h1>Information Collection Statement</h1>
<p>Thank you for signing up to participate in Smarter Crowdsourcing Experiential Learning. We collect personally
identifiable information from you for the purpose of communicating with you about your involvement in the
upcoming online conferences. In the spirit of openness, we will publish the names, affiliations, and locations
of all participants. We will not share contact information.</p>
</div>
</div>
</body>
<footer class='footer-alt'>
<div class="row align-center">
<div class="medium-6 medium-centered columns">
<!-- <h4>In collaboration with</h4> -->
<!-- <h4>EN COLABORACIÓN CON</h4> -->
<h4>IN COLLABORATION WITH</h4>
</div>
</div>
<div class="row">
<!-- <div class="column">
<a class="footer_partner-logo" href="http://www.iadb.org/" target="_blank"><img
src="images/partners/idb-white.gif" alt="Inter-American Development Bank"></a>
</div> -->
<div class="column">
<a class="footer_partner-logo" href="http://www.thegovlab.org" target="_blank"><img
src="images/the-govlab-logo-white.png" alt="The GovLab"></a>
</div>
</div>
</footer>
<div class="copyright">
<div class="row">
<div class="column">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
<img class="copyright_cc-badge" alt="Creative Commons License"
src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
<p> This work is licensed under a</p> <a rel="license"
href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0
International License.</a>.
</div>
</div>
</div>
</body>
<script>
/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
<script>
/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
function dismiss_menu() {
var x = document.getElementById("myLinks");
x.style.display = "none";
}
</script>
<script src='https://unpkg.com/vue@2.0.3/dist/vue.js'></script>
<script src="https://unpkg.com/vue-meta/dist/vue-meta.min.js"></script>
<script src="js/artificial-intelligence.js"></script>
</html>