https://empop.online/registration

1<!DOCTYPE html>
2<html>
3	<head>
4	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
7<title>EMPOP</title>
8

9<script type="text/javascript">
10	if (screen.width < 800) {
11		window.location = "/m/login";
12	}
13</script>

13
14
15<link href="/bundles/empopclient/fonts/metronic/webfont.css" rel="stylesheet" type="text/css" media="all" />
16<link href="/bundles/empopclient/fonts/nexa/webfont.css" rel="stylesheet" type="text/css" media="all" />
17<link href="/bundles/empopclient/fonts/icomoon/webfont.css" rel="stylesheet" type="text/css" media="all" />
18<link href="/bundles/empopclient/css/leaflet.css" rel="stylesheet" type="text/css" media="all" />
19<link href="/bundles/empopclient/css/default.css" rel="stylesheet" type="text/css" media="all" />
20<link href="/bundles/empopclient/css/print.css" rel="stylesheet" type="text/css" media="print" />
21

22<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/core.js"></script>

22

23<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/xhr.js"></script>

23

24<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/widget.js"></script>

24

25<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/widgets/autosuggest.js"></script>

25

26<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/widgets/xhrform.js"></script>

26

27<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/widgets/sortable.js"></script>

27

28<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/widgets/simpletabs.js"></script>

28

29<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/widgets/confirm.js"></script>

29

30<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/widgets/tree.js"></script>

30

31<script type="text/javascript" src="/bundles/empopclient/js/vendor/vxJS/extra/fx.js"></script>

31
32

33<script type="text/javascript" src="/bundles/empopclient/js/vendor/leaflet/leaflet-src.js"></script>

33

34<script type="text/javascript" src="/bundles/empopclient/js/vendor/leaflet/leaflet-dvf.markers.js"></script>

34

35<script type="text/javascript" src="/bundles/empopclient/js/vendor/leaflet/QuadTree.js"></script>

35

36<script type="text/javascript" src="/bundles/empopclient/js/vendor/leaflet/heatmap.js"></script>

36

37<script type="text/javascript" src="/bundles/empopclient/js/vendor/leaflet/heatmap-leaflet.js"></script>

37
38

39<script type="text/javascript" src="/bundles/empopclient/js/empop/math.js"></script>

39

40<script type="text/javascript" src="/bundles/empopclient/js/empop/tools.js"></script>

40
41

42<script type="text/javascript">
43
44	"use strict";
45	
46	if(!this.empop) {
47		this.empop = {};
48	}
49
50	this.empop.config = {
51
52		passiveHaplogroups: [
53			"mt-MRCA",
54			"L1'2'3'4'5'6",
55			"L2'3'4'5'6",
56			"L2'3'4'6",
57			"L3'4'6",
58			"L3'4",
59			"L3"
60		],
61
62		tiles:			"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
63		tilesConfig:	{
64			subdomains: "abc",
65			minZoom: 2,
66			maxZoom: 4,
67			attribution: '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap contributors</a>'
68		}
69	};
70
71	this.empop.cache = {
72		haplogroupTreeData: null
73	};
74
75	this.empop.xhrRoutes = {
76		home:				"/",
77		checkLogin:			"/check_login",
78		checkPwForgotten:	"/check_password_forgotten",
79		checkNewPassword:	"/check_new_password",
80		checkRegistration:	"/check_registration",
81		queryResult:		"/query_result",
82		mpSuggest:			"/mp_suggest",
83		originSuggest:		"/origin_suggest",
84		detailsData:		"/query_details",
85		alignment:			"/alignment",
86		haplogrouping:		"/haplogrouping",
87		filterDetails:		"/filter_details",
88		haplogroupTree:		"/haplogroup_tree",
89		searchBySnp:		"/search_by_snp",
90		snpSuggest:			"/snp_suggest",
91		haplogroupHeatmap:	"/haplogroup_heatmap",
92		mapMarkerDetails:	"/map_marker_details",
93		publicationDetails:	"/publication_details",
94		extendedInfo:		"/extended_info",
95		resultOriginSuggest:"/result_origin_suggest",
96		resultMpSuggest:	"/result_mp_suggest",
97		savePickedItem:		"/save_picked_item",
98		setEstimation:		"/set_estimation"
99	};
100	this.empop.workerScript = "/bundles/empopclient/js/cpci_worker.js";
101
102</script>

102
103
104<link rel="icon" sizes="16x16" href="/favicon.ico" />
105
106
107	<!-- Matomo -->
108
109	

109<script type="text/javascript">
110		var _paq = window._paq || [];
111		/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
112		_paq.push(['trackPageView']);
113		_paq.push(['enableLinkTracking']);
114		(function() {
115			var u="https://stats.gmi.tirol/";
116			_paq.push(['setTrackerUrl', u+'matomo.php']);
117			_paq.push(['setSiteId', '4']);
118			var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
119			g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
120		})();
121	</script>

121
122
123	<noscript><p><img src="https://stats.gmi.tirol/matomo.php?idsite=4&amp;rec=1" style="border:0" alt="" /></p></noscript>
124
125	<!-- End Matomo Code -->
126
127
128
129	</head>
130	<body>
131	    <div id="loginMessage"></div>
132    	<div id="header">
133    		<div id="logo">
134    <svg xmlns="http://www.w3.org/2000/svg" width="344" height="64"><path fill="#00679d" d="M48.65 48.01h-31.7v-9.2H45.7v-14H16.94v-8.68h30.5V1.7H0v60.81h48.65v-14.5"/><path fill="#1f9cdd" d="M109.77 62.52V26.1c0-6.68 7.1-9.28 10.94-9.28 3.34 0 6.32 2.6 6.32 9.04v36.66h17.29V28.48c0-20.3-8.23-28.48-21.48-28.48-8.42 0-15.64 2.48-20.72 8.79C99.03 3.09 95.7.25 89.5.12 83.2 0 77.46 2.6 73.62 7.92l-1.6-6.56H58.3v61.16h17.17v-36.3c.12-6.68 6.82-9.77 10.65-9.77 4.09 0 6.44 2.35 6.44 9.4v36.67h17.2"/><path fill="#00679d" d="M172.05 16.48h12.34c4.7 0 7.21 3.64 7.21 7.64 0 4-2.43 7.47-7.2 7.47h-12.35V16.48M184.4 46.1c16.25-.17 24.42-9.82 24.42-22.24 0-11.9-8.08-22.15-24.42-22.15h-29.54v60.81h17.2V46.1h12.34M280.66 32.11c0-20.24-13.82-31.88-33.8-31.88-19.9 0-33.8 11.9-33.8 31.88 0 20.33 13.9 31.89 33.8 31.89 19.98 0 33.8-11.56 33.8-31.89m-17.2 0c0 10.08-6.52 17.2-16.6 17.2-9.73 0-16.6-7.03-16.6-17.2 0-10.07 6.78-17.2 16.6-17.2 10.08 0 16.6 6.78 16.6 17.2M306.8 16.48h12.33c4.69 0 7.2 3.64 7.2 7.64 0 4-2.42 7.47-7.2 7.47h-12.34V16.48m12.34 29.62c16.25-.17 24.41-9.82 24.41-22.24 0-11.9-8.08-22.15-24.41-22.15h-29.54v60.81h17.2V46.1h12.34"/></svg>
135    <span id="tagline">v4/R14</span>
136    <img class="external" src="/bundles/empopclient/images/gmi-logo.png" alt="">
137    <img class="external" src="/bundles/empopclient/images/isfg-logo.png" alt="">
138</div>
139<div id="loginBox" class="dontPrint">

139
140	<script src="https://www.google.com/recaptcha/api.js" async defer></script>

140<script type="text/javascript">
141	vxJS.event.addDomReadyListener(function() {
142
143		"use strict";
144		
145		var form = document.getElementById("loginForm").getElementsByTagName("form")[0],
146			xhrForm = vxJS.widget.xhrForm(form,  { uri: empop.xhrRoutes.checkLogin }),
147			loginMessageBox = document.getElementById("loginMessage"), timeoutId;
148
149		xhrForm.addSubmit(form.elements["submit_login"]);
150
151		vxJS.event.addListener(xhrForm, "check", function(r) {
152
153			var txt;
154
155			if(r.authentication) {
156				window.location.href = "/";
157			}
158
159			else {
160
161				txt = r.message || "Login failed!";
162
163				loginMessageBox.innerHTML = txt;
164
165				vxJS.dom.removeClassName(loginMessageBox, "hide");
166				vxJS.dom.addClassName(loginMessageBox, "show");
167
168				if(timeoutId) {
169					window.clearTimeout(timeoutId);
170				}
171
172				timeoutId = window.setTimeout(function() {
173					vxJS.dom.removeClassName(loginMessageBox, "show");
174					vxJS.dom.addClassName(loginMessageBox, "hide");
175				}, 3000);
176			}
177		});
178	});
179
180</script>

180<div id="loginForm"><form method="post" action="/registration"><div class="formItem"><input type="text" id="email" name="email" required="required" placeholder="email" class="m" /></div><div class="formItem"><input type="password" id="password" name="password" required="required" placeholder="password" class="m" /></div><div class="formItem"><button type="submit" id="submit_login" name="submit_login">Login</button></div><div class="formBase"><a href="/password_forgotten">password forgotten</a><a href="/registration">register</a></div><input type="hidden" id="_token" name="_token" value="PSyKDmQ3UiCb6lWVUC6Tc9zhlfl8Apj5XHM-Ow7jwcs" /></form></div>
181</div>
182    	</div>
183
184    	<div id="menu">
185    		<div id="auxmenu" class="dontPrint"><ul><li class="first"><a href="/">Home</a></li><li><a href="/updates">Updates</a></li><li><a href="/use">Use</a></li><li><a href="/methods">Methods</a></li><li><a href="/empop_stats">EMPOP Stats</a></li><li><a href="/meet">Meet</a></li><li><a href="/terms_of_use">Terms of Use</a></li><li class="last"><a href="/funding">Funding</a></li></ul></div><div id="mainmenu" class="dontPrint"><ul><li class="first"><a href="/haplotypes">Query</a></li><li><a href="/tools">Tools</a></li><li class="last"><a href="/contribute">Contribute</a></li></ul></div>
186    	</div>
187
188		<div id="page">
189			
190	

190<script type="text/javascript">
191		vxJS.event.addDomReadyListener(function() {
192			var f = document.getElementById("registrationForm"),
193				xhrForm = vxJS.widget.xhrForm(f, { uri: empop.xhrRoutes.checkRegistration });
194
195			xhrForm.
196				addMessageBox(document.getElementById("notification_box"), "notifications").
197				addSubmit(f.elements["submit_registration"]);
198		});
199	</script>

199
200
201	<h1>Registration</h1>
202	<form method="post" action="/registration" id="registrationForm">
203
204	<p>Create a new profile by filling out the required (*) fields.<br/>After submitting the form an email with further instructions will be sent to your address.</p>
205	<div class="formSect">
206		<div class="formItem">
207			<label class="fixedWidth m required" for="email">Email*</label><input type="email" id="email" name="email" required="required" class="xl" maxlength="128" /> <span id="error_email">	</span>
208		</div>
209		<div class="formItem">
210			<label class="fixedWidth m required" for="first_name">First name*</label><input type="text" id="first_name" name="first_name" required="required" class="xl" maxlength="64" /> <span id="error_first_name">	</span>
211		</div>
212		<div class="formItem">
213			<label class="fixedWidth m required" for="last_name">Last name*</label><input type="text" id="last_name" name="last_name" required="required" class="xl" maxlength="64" /> <span id="error_last_name">	</span>
214		</div>
215		<div class="formItem">
216			<label class="fixedWidth m required" for="last_name">Affiliation*</label><input type="text" id="affiliation" name="affiliation" required="required" class="xl" maxlength="512" /> <span id="error_affiliation">	</span>
217		</div>
218
219					<div class="formItem">
220				<div class="g-recaptcha" data-sitekey="6Lf6zY8UAAAAAKXal-zRfc_NYbLXr25IG3Fz5muN"></div>
221			</div>
222		
223		<div id="notification_box">	</div>
224
225	</div>
226	
227	<div class="formBase">
228		<div class="formItem">
229			<label class="fixedwidth m"></label><button type="submit" id="submit_registration" name="submit_registration">Submit</button>
230		</div>
231	</div>
232
233	<input type="hidden" id="_token" name="_token" value="wHNWes6gVA4SAuAZkHsG4phIk_EnVQ3XQB3ouGT2eQM" /></form>
234
235		</div>
236	</body>
237
238</html>