69 lines
2.5 KiB
HTML
69 lines
2.5 KiB
HTML
<html>
|
|
<head>
|
|
<title>{% if name.is_some() %} {{ name.as_ref().unwrap() }}'s {% else %}
|
|
My{% endif %} Pronouns Today</title>
|
|
|
|
<!-- OGP Tags -->
|
|
{% if name.is_some() %}
|
|
<meta property="og:title" content="{{ name.as_ref().unwrap() }}'s Pronouns Today" />
|
|
{% else %}
|
|
<meta property="og:title" content="Random Daily Pronouns" />
|
|
{% endif %}
|
|
<meta property="og:site_name" content="Pronouns.Today" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="{{ url }}" />
|
|
<meta property="og:image:url" content="{{ url }}/thumb.png" />
|
|
<meta property="og:image:type" content="image/png" />
|
|
<meta property="og:image:width" content="800" />
|
|
<meta property="og:image:height" content="400" />
|
|
<meta property="og:image:alt" content="The pronouns {{pronoun.subject_pronoun | capitalize}}/{{pronoun.object_pronoun | capitalize}}" />
|
|
|
|
<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>
|