forked from trutzig89182/Mastodon-Sociologists
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (121 loc) · 5.02 KB
/
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
128
129
130
<!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 biophysicists from around the world on Mastodon in 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>Biophysicists on Mastodon</h1>
<!-- Subtitle -->
<h2>Follow all your favourite biophysicists</h2>
<!-- Description paragraph -->
<p>
You want to get in touch with biophysicists 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>
<p>
Futher information on how to be added or removed can be found <a href="#add_remove_info" >at the bottom of this page</a>.
</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 keywords
</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>
You want to be on the list, too? Please use this <a href="https://framaforms.org/biophysicists-on-mastodon-1667920373" target="_blank">form</a>.
<BR>Full names and/or affiliations don't have to be included, just leave blank if you prefer.
In case of difficulty, you can contact me at
<a href="https://scicomm.xyz/web/@jocelyn_etienne" target="_blank">@[email protected]</a>.
</p>
<!-- ruler that seperates the footer -->
<hr />
<!-- footer -->
<footer>
<p>
You are interested in biophysics 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/biophysics" 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>