PronounsToday/web/templates/index.html

38 lines
1.1 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: {{ short }}</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 {{ short }} pronouns for
{{ objective }} today.</p>
<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>