PronounsToday/web/templates/index.html

52 lines
1.7 KiB
HTML
Raw Normal View History

<html>
<head>
<title>My 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>