forked from tls-kr/tls-app
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsignup.html
More file actions
133 lines (129 loc) · 8.31 KB
/
signup.html
File metadata and controls
133 lines (129 loc) · 8.31 KB
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
<?xml version="1.0" encoding="UTF-8"?>
<div xmlns="http://www.w3.org/1999/xhtml" data-template="templates:surround" data-template-with="templates/page.html" data-template-at="content">
<div id="results" data-template="app:signup">
<div class="row">
<div class="col-md-2"/>
<div class="col-md-5">
<!-- <h1>Note: <strong>This is a dummy, the form is not yet live (2022-11-18)</strong>
</h1> -->
<h1>Application for membership in the TLS Project</h1>
<p>The TLS Project is a collaborative research project, concerned with all aspects of the Chinese culture as transmitted through its textual sources. </p>
<p>This website is the main platform for this work. It allows to prepare, edit, analyze, annotate and translate the texts. </p>
<p>This system is still work in progress, but a limited number of accounts are available at this moment. The accounts are free of charge and there is no advertisement or tracking on the site. Your personal data will only be kept on the server and not shared with anyone. If you request deletion of the account, all personal information will be deleted, except your name as far as it is associated with data items.</p>
<p>If you are interested, please fill in the information below and let us now. You may use English, Chinese, Japanese, Korean or German when filling out this form.</p>
<h2>Signup form</h2>
<h3>Personal information</h3>
<p class="text-mute">All input (except the website) is required</p>
<form action="sgn-received.html" method="post" oninput="up2.setCustomValidity(inputpw2.value != inputpw1.value ? "Passwords do not match." : "")">
<div class="form-group row">
<div id="inputname-group" class="col-md-8">
<label for="inputname">
<strong>Full name</strong> </label>
<input id="inputname" name="inputname" required="required" class="form-control" value=""/>
</div>
<div id="inputnname-group" class="col-md-4">
<label for="inputnname">
<strong>Requested nickname</strong> </label>
<input id="inputnname" name="inputnname" type="text" pattern="[A-Za-z0-9]+" required="required" class="form-control" value=""/>
<span>
<strong>Important:</strong> this nickname can only contain <b>letters</b> and/or <b>numbers</b>. No other characters, such as a <b>space character</b> are allowed. </span>
</div>
</div>
<div class="form-group row">
<div id="inputpw1-group" class="col-md-6">
<label for="inputpw1">
<strong>Password</strong> </label>
<input id="inputpw1" name="inputpw1" type="password" required="required" class="form-control" value=""/>
<div class="input-group-addon">
<a href="">
<i class="fa fa-eye-slash" aria-hidden="true"/>
</a>
</div>
<small class="text-muted">Make sure you take note of this password and remember it, you will need it to log in to your account!
<br/>
</small>
</div>
<div id="inputpw2-group" class="col-md-6">
<label for="inputpw2">
<strong>Repeat password</strong> </label>
<input id="inputpw2" name="inputpw2" type="password" required="required" class="form-control" value=""/>
</div>
</div>
<div class="form-group row">
<div id="inputmail-group" class="col-md-9">
<label for="inputmail">
<strong>Email </strong> </label>
<input id="inputmail" name="inputmail" class="form-control" required="required" value=""/>
<small class="text-muted">Make sure the email is spelled correctly and will receive messages from <strong>tls@hxwd.org</strong>
<br/>
</small>
</div>
</div>
<div class="form-group row">
<h3>Professional information</h3>
<div id="inputarea-group" class="col-md-12">
<small class="text-muted">
<br/>
</small>
<label for="inputarea">
<strong>Research areas of interest to you</strong> </label>
<textarea id="inputarea" name="inputarea" required="required" class="form-control"/>
</div>
</div>
<div class="form-group row">
<div id="inputinst-group" class="col-md-12">
<small class="text-muted">
<br/>
</small>
<label for="inputinst">
<strong>Affiliated university or research institution</strong> </label>
<textarea id="inputinst" name="inputinst" required="required" class="form-control"/>
</div>
</div>
<div class="form-group row">
<div id="inputcont-group" class="col-md-12">
<small class="text-muted">
<br/>
</small>
<label for="inputcont">
<strong>How would you like to contribute to the project?</strong> </label>
<textarea id="inputcont" name="inputcont" required="required" class="form-control"/>
</div>
</div>
<div class="form-group row">
<div id="inputurl-group" class="col-md-9">
<label for="inputurl">
<strong>Website</strong> </label>
<input id="inputurl" name="inputurl" class="form-control" value=""/>
<small class="text-muted">If you have a private or institutional website, please let us now.
<br/>
</small>
</div>
</div>
<div class="form-group row">
<h3>Agreement</h3>
<p>All data on this site, with the exception of translations, is made available by the TLS Project under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY SA</a> license. This applies to all of your input as well.</p>
<p>As far as your translations are concerned, you retain your copyright, and are free to publish them wherever you like. You do grant a irrevocable license to the TLS Project to display the translations in the context of the website, but not anywhere else.</p>
<p>
<label for="form-submit">
<strong>By submitting this form, you agree to these conditions!</strong>
</label>
</p>
<br/>
</div>
<h2>What happens next?</h2>
<p>Shortly after sending this form, you should receive an automated message to verify your email address. You will have to click on a link that has been sent to you. Only after the mail has been verified will the review process begin. If you are accepted, you will receive an email notification and can start to use your account. </p>
<div class="form-group row">
<p data-template="app:render"/>
</div>
<div class="form-group row">
<div class="col-md-12">
<button id="form-submit" class="btn btn-outline-success my-2 my-sm-0" type="submit">Submit</button>
</div>
</div>
</form>
</div>
<div class="col-md-2"/>
</div>
</div>
</div>