-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
46 lines (38 loc) · 2.54 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
<!DOCTYPE html>
<html>
<head>
<link href='style.css' rel='stylesheet' type="text/css">
<title>Gender-bias calculator</title>
<script type="text/javascript" language="javascript" src="genderbias.js"></script>
</head>
<body>
<div id="main">
<h1>Gender-bias calculator</h1>
<p>This calculator is derived from <a href="http://tomforth.co.uk/genderbias/">the version made by Thomas Forth</a> which was, in turn, inspired by this <a href="http://awisblog.wordpress.com/2013/04/23/gendered-wording/">AWIS blog</a> post on gender biases in recommendation letters. The blog post and <a href="http://www.ncbi.nlm.nih.gov/pmc/articles/PMC2572075/">the scientific paper</a> it is based on also explain why this gender bias is important. Thanks to <a href="https://twitter.com/kejames/">Dr. Karen James</a> for the inspiration. Privacy note: no content you test here will leave your browser as all the calculation is done in this page.</p>
<button class="button" onclick="example()">Try an example!</button>
<div class="body">
<form action="submithandler.php" method="POST">
<label for="dictionary">Dictionary:</label>
<select id="dictionary">
<option value="dictionaries/standard.json">Default list of gendered words</option>
<!--<option value="dictionaries/medical.json">Medical-school-specific gendered words</option>-->
</select>
<textarea onkeyup="textChanged()" placeholder="Write or paste your recommendation letter here. Words that are more often associated with women will be added to the female list. Words that are more often associated with men will be added to the male list." id="recommendationLetter" style="width:100%; min-height:100px"></textarea>
</form>
<div id="score"></div>
<table>
<tr>
<th class="bodyTitle">Female-associated words</td>
<th class="bodyTitle">Male-associated words</td>
</tr>
<tr>
<td class="words" id="foundFemaleWords"></td>
<td class="words" id="foundMaleWords"></td>
</tr>
</table>
</div>
<button class="button" onclick="textChanged()">Force recalculate!</button>
<p><strong>Problems or suggestions?</strong> <a href="https://github.com/slowe/genderbias/issues/new?title=Suggestion&labels=question">Add an issue on Github</a>, <a href="https://github.com/slowe/genderbias/issues/1">suggest more examples</a>, <a href="https://github.com/slowe/genderbias/tree/main/dictionaries/">add an alternate dictionary</a>, or <a href="https://github.com/slowe/genderbias">improve the code</a>.</p>
</div>
</body>
</html>