hogumathi-app/templates/partial/compose-form.html

<form class="compose" hx-post="/twitter/tweets/create?me={{ me }}" hx-swap="outerHTML">
<h2>Compose</h2>
<ul>
	<li><textarea name="text" placeholder="Only the finest..." style="width: 100%" onchange="this.onkeyup()" onkeyup="this.form.querySelector('.compose-length').innerHTML = this.value.length" rows="6" cols="30"></textarea>
	<li><p class="compose-length w-100" style="text-align: right">0</p>
	<li><input type="text" name="reply_to_tweet_id" placeholder="Reply to Tweet ID" style="width: 100%">
	<li><input type="text" name="quote_tweet_id" placeholder="Quote Tweet ID" style="width: 100%">
	<li><button type="submit" style="margin-top: 0.33em">Post</button>
</ul>
</form>
{% if new_tweet_id %}
<div class="flash">
Tweet posted. <a href="/tweet/{{ new_tweet_id }}.html">View</a>.
</div>
{% endif %}