PronounsToday/web/templates/index.html

37 lines
913 B
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() }}
{% else %}
My
{% endif %}
pronouns today are: {{ short }}</h1>
<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>