-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (106 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="Mike White">
<meta name="description" content="Hear some stories with your pronouns to see how you like them">
<title>Pronoun Testing Grounds</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/scripts/dist/index.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="header">
<h1>Pronoun Testing Grounds</h1>
</div>
<div id="nav">
<a href="index.html">Home</a>
<a href="changelog.html">Changelog</a>
</div>
<div id="container">
<div id="options">
<form onsubmit="return false" id="pronoun_input">
<div class="formInput" id="nameBox">
<div class="help" id="nameHelp">Your name. If you haven't picked one, feel free to try one on 😀</div>
<label for="name">Name: </label><br />
<input class="textBox" type="text" id="name" name="name"><br />
</div>
<div class="formInput" id="subBox">
<div class="help" id="subHelp">Used for the person doing/being</div>
<label for="sub">Subjective: </label><br />
<input class="textBox" type="text" id="sub" name="sub" /><br />
</div>
<div class="formInput" id="objBox">
<div class = "help" id="objHelp">Used for the person affected by an action</div>
<label for="obj">Objective: </label><br />
<input class="textBox" type="text" id="obj" name="obj" /><br />
</div>
<div class="formInput" id="pdBox">
<div class="help" id="pdHelp">Used to desribe something as belonging to someone</div>
<label for="pd">Possessive Determiner: </label><br />
<input class="textBox" type="text" id="pd" name="pd" /><br />
</div>
<div class="formInput" id="ppBox">
<div class="help" id="ppHelp">Used to desribe something as belonging to someone*</div>
<label for="pp">Possessive Pronoun: </label><br />
<input class="textBox" type="text" id="pp" name="pp" /><br />
</div>
<div class="formInput" id="rBox">
<div class="help" id="rHelp">Used to describe the action one takes as happening to oneself</div>
<label for="r">Reflexive: </label><br />
<input class="textBox" type="text" id="r" name="r" /><br />
</div>
<div class="formInput" id="tyBox">
<div class="help" id="tyHelp">Used to describe the gender</div>
<label for="ty">Type of Person: </label><br />
<input class="textBox" type="text" id="ty" name="ty" /><br />
</div>
<div class="formInput" id="gBox">
<input type="radio" id="singular" name="gnumber" value="single"/>
<label for="singular">Singular</label>
<input type="radio" id="plural" name="gnumber" value="plural" />
<label for="plural">Plural</label><br />
<div class="help" id="gHelp">Used to describe the grammatical number**</div>
</div>
<input type="submit" class="formInput" value="Submit" onclick="tellStory();" />
</form>
</div>
<div id="story">
Hello! Today I met a Enby who goes by Mike. They have a wonderful personality. That smile of Theirs really makes me
happy. I could talk to Them all day although They don't talk about Themself much. I wonder if Their day has been
wonderful. I hope so!
</div>
</div>
<div id="footer">
<p>Written for 43 North's Code:Buffalo Hackathon!</p>
<p>See this project on GitHub: <a href="https://github.com/botahamec/pronoun_test">https://github.com/mrw1593/botahamec</a></p>
<p>Visit me on Github: <a href="https://github.com/botahamec">https://github.com/botahamec</a></p>
<p>
* You may be wondering what the difference between the
possesseive determiner and the possessive pronoun is. That's a
good question. There doesn't seem to be one. I think it's a
remnant of Old English. I wish it didn't exist because it's
much harder to come up with stories with it in there. General
rule of thumb: The possessive determiner comes before the verb,
and the possessive pronoun comes after the verb.
</p>
<p>** The plural is mostly used for people who use they/them
pronouns. Some people like to use singular verbs with these
pronouns. For example, "They is happy" vs "They are happy".
Another example: "They wakes up in the morning" vs "They wake
up in the morning". If you're confused about which one to use,
then unless you're using they/them pronouns, you're probably
gonna want "singular".
</p>
</div>
<script async defer>init();</script>
</body>
</html>