53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
<html>
|
|
<head>
|
|
<title>{% if name.is_some() %} {{ name.as_ref().unwrap() }}'s {% else %}
|
|
My{% endif %} Pronouns Today</title>
|
|
<style>
|
|
#form {
|
|
display: none;
|
|
}
|
|
:checked + #form {
|
|
display: block;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>{% if name.is_some() %} {{ name.as_ref().unwrap() }}'s {% else %}
|
|
My{% endif %} pronouns today are: {{ pronoun.render_threeform() }}</h1>
|
|
|
|
<p>This page picks a random pronoun from a list of preferred pronouns every
|
|
day.
|
|
{% if name.is_some() %} {{ name.as_ref().unwrap() }}{% else %}
|
|
Whoever linked you to this page{% endif %} would like you to try {{ pronoun.render_threeform() }} pronouns for
|
|
{{ pronoun.object_pronoun }} today.</p>
|
|
|
|
<h3>Here are some example sentences using my she/her pronouns:</h3>
|
|
|
|
<p>{{ pronoun.subject_pronoun | capitalize }} walked the dog.</p>
|
|
|
|
<p>I went with {{ pronoun.object_pronoun }}.</p>
|
|
|
|
<p>{{ pronoun.subject_pronoun | capitalize }} rode {{ pronoun.possesive_determiner }} bike.</p>
|
|
|
|
<p>At least I think it is {{ pronoun.possesive_pronoun }}.</p>
|
|
|
|
<p>{{ pronoun.subject_pronoun | capitalize }} bought the stuffed animal for {{ pronoun.reflexive_pronoun }}.</p>
|
|
|
|
<hr/>
|
|
|
|
<label for="form-toggle">Create your own custom link!</label>
|
|
<input type="checkbox" id="form-toggle" style="display: none;"/>
|
|
<div id="form">
|
|
<form action="/" method="post">
|
|
<label for="name">Name</label>
|
|
<input type="text" id="name" name="name"/><br/>
|
|
{% for item in pronouns %}
|
|
<label for="{{ item.0 }}">{{ item.1.render_threeform() }}</label>
|
|
<input type="number" id="{{ item.0 }}" name="{{ item.0 }}" value="1"/><br/>
|
|
{% endfor %}
|
|
<input type="submit" value="Create!">
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|