forked from trutzig89182/Mastodon-Sociologists
-
Notifications
You must be signed in to change notification settings - Fork 0
/
adapt_index.html
127 lines (118 loc) · 4.82 KB
/
adapt_index.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
<!DOCTYPE html>
<html>
<head>
<!-- Theese informations will be shown in the tab preview and in social media preview -->
<title>Biophysicists on Mastodon</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- Metatags for facebook, google etc. -->
<meta property="og:title" content="Biophysicists on Mastodon" />
<meta
property="og:description"
content="get in touch with astrophysicists from around the world on Mastodon at the Fediverse"
/>
<meta
property="og:image"
content="XXX add full url to preview-image"
/>
<meta
property="og:url"
content="XXX add full link to webpage"
/>
<meta property="og:type" content="website" />
<!-- Metatags for twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta
name="twitter:url"
content="XXX Add full url to webpage"
/>
<meta
property="twitter:title"
content="XXX Add title"
/>
<meta
property="twitter:description"
content="XXX Add brief description"
/>
<meta
property="twitter:image"
content="XXX Add full link to preview-image"
/>
<!-- loads styling and scripts -->
<link rel="stylesheet" href="assets/css/main.css" />
<script src="assets/js/app.js"></script>
<script src="assets/js/papaparse.min.js"></script>
</head>
<body>
<div id="app">
<!-- link to blog post that lists different following lists based on https://github.com/trutzig89182/Mastodon-Sociologists -->
<a
href="https://github.com/nathanlesage/academics-on-mastodon"
>⇽ more lists from other disciplines</a
>
<!-- Page title -->
<h1>XXX Add page title</h1>
<!-- Subtitle -->
<h2>XXX Add subtitle or delete line</h2>
<!-- Description paragraph -->
<p>
You want to get in touch with niophysicists from around the world on
<a
href="https://en.wikipedia.org/wiki/Mastodon_(software)"
target="_blank"
>Mastodon</a
>? This page lists accounts from biophysicists
and offers an easy method to follow multiple accounts at
once. Just decide if you want to follow all or only some of the accounts
listed below. You are provided with a .csv-file, which you can upload in
Mastodon in order to follow all accounts included.
<a href="instructions.pdf" target="_blank">Here</a> you can find a
short instruction page on how to do this.
</p>
<!-- Buttons - do not change -->
<div>
<button type="button" id="select-all-users">Select all</button>
<button type="button" id="select-none-users">Select none</button>
<button type="button" id="get-complete-csv">Get CSV for entire list</button>
</div>
<!-- checkbox section - do not change -->
<form id="main-form" method="get" action="#">
<fieldset>
<legend>
Accounts by handle, name, and profile link (most recent first)
</legend>
<div id="user-list"></div>
<button type="button" id="generate-csv">Get CSV for selected accounts</button>
</fieldset>
</form>
<!-- further information and contact-->
<p>
Full names are only included if they are shown in the profile or on
explicit demand. You want to be on the list, too? Please use this <a href="add-user.html" target="_blank">form</a> (preferred)
or contact me under
<a href="https://scicomm.xyz/web/@jocelyn_etienne" target="_blank">@scicomm.xyz@jocelyn_etienne</a>.
</p>
<!-- ruler that seperates the footer -->
<hr />
<!-- footer -->
<footer>
<p>
You are interested in sociological content on mastodon, but you don’t
want to be added to the list? Then you could consider following the group
<a href="https://a.gup.pe/u/mechanobiology" target="_blank">@[email protected]</a>.
</p>
<!-- 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>
Based on <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>