-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathadd-user.html
108 lines (95 loc) · 5 KB
/
add-user.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
<!DOCTYPE html>
<html>
<head>
<!-- Theese informations will be shown in the tab preview and in social media preview -->
<title>SoM: add user</title>
<!-- loads styling and scripts -->
<link rel="stylesheet" href="assets/css/main.css" />
<script src="assets/js/add-user-string.js"></script>
</head>
<body>
<!-- enter the email adress you want to get your messages at from the "Send in Email" button here -->
<div hidden="true" id="mail_contact">[email protected]</div>
<!-- enter the subject you want to generate for your e-mail. This may help you filter the emails in your inbox -->
<div hidden="true" id="mail_subject">SoM: include me!</div>
<div id="app">
<!-- link to blog post that lists different following lists based on https://github.com/trutzig89182/Mastodon-Sociologists -->
<a
href="https://trutzig89182.github.io/Mastodon-Sociologists/"
>⇽ go to Sociologists on Mastodon</a
>
<!-- Page title -->
<h1>Sociologists on Mastodon</h1>
<!-- Subtitle -->
<h2>create your user info</h2>
<!-- Description paragraph -->
<p>
Thanks for using this form to create you user entry for <a href="https://trutzig89182.github.io/Mastodon-Sociologists/" target="_blank"> Sociologists on Mastodon</a>.
It helps us a lot. <br>
This page creates a line that you can send me via Mastodon or via email.
We have also added the possibility to add keywords and a language code.
This is fully optional. We are working on an option to use them for sorting the list and keeping it useful as it grows.
</p>
<form method="post" action="#">
<!-- creates input fields and labels -->
<h5>Necessary information</h5>
<input type="text" id="account" name="acount" placeholder="@user@instance">
<label for="account"> Account</label><br><br>
<input type="url" id="url" name="url" placeholder="https://instance/@user">
<label for="url">Your profile url</label>
<h5>Optional</h5>
<input type="text" id="name" name="name" placeholder="Max Musterman">
<label for="name"> Your Name</label><br><br>
<input type="text" id="keyword1" name="keyword1" placeholder="Your keyword">
<label for="keyword1">Keyword 1</label><br><br>
<input type="text" id="keyword2" name="keyword2" placeholder="Your keyword">
<label for="keyword2"> Keyword 2</label><br><br>
<input type="text" id="keyword3" name="keyword3" placeholder="Your keyword">
<label for="keyword3"> Keyword 3</label><br><br>
<input type="text" id="language" name="language" placeholder="fr zh">
<label for="language"> Main language(s) (use <a href="https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes" target="_blank">ISO 639 language code</a>)</label><br><br>
<h5>Verification (necessary)</h5>
<p>
To make sure that you own the added account, please make a (public or non-listed)
post including the word “:SoM”. Then enter the link to your post here:
</p>
<input type="url" id="verification_link" name="confirmaton_link" placeholder="Link to post">
<label for="verification_link"></label><br>
<!-- radio button to check if new account or update -->
<p>
<input type="checkbox" id="update" name="update"/>
<label for "update">I already am in the list but want to update my data.<label>
</p>
<br>
<!-- creates button -->
<button type="button" id="create_and_send">Send in Email</button>
<span>or</span>
<button type="button" id="create_new_user_entry">Print below</button>
</form >
<h4>Your entry:</h4>
<div class=box>
<p id="created_user_entry"></p>
</div>
<p>
Please send the text above to me via Email (<a href="mailto:[email protected]?subject=SoM%3A%20include%20me%21" target="_blank">[email protected]</a> – preferred) or via DM on Mastodon (<a href="https://social.tchncs.de/@perspektivbrocken" target="blank">@[email protected]</a>).
</p>
<!-- ruler that seperates the footer -->
<hr />
<!-- footer -->
<footer>
<!-- Suggested reference to the webaps main repository. Please feel free to adapt to your needs based on the licens specified here "https://github.com/trutzig89182/Mastodon-Sociologists"-->
<p>
<tiny>
<a href="https://trutzig89182.github.io/Mastodon-Sociologists/">Sociologists on Mastodon</a> by
<a href="https://social.tchncs.de/@perspektivbrocken" target="_blank">David Adler</a>,
<a href="https://social.tchncs.de/@thhaase" target="_blank">Thomas Haase</a>
&
<a href="https://scholar.social/@hendrikerz" target="_blank">Hendrik Erz</a>.
If you want to contribute, please visit the
<a href="https://github.com/trutzig89182/Mastodon-Sociologists" target="_blank">GitHub-Repository</a>.
</tiny>
</p>
</footer>
</div>
</body>
</html>