{% extends "base.html" %}

{% block title %}Querex{% endblock %}

{% block content %}

<style>
  mark {
    background-color: #ffd54f;
    padding: 0 0px;
  }
</style>


  <form id="qform" method="post">
    <textarea id="query" name="query" rows="3" placeholder="Enter query..." hx-trigger="keyup changed delay:300ms, keydown[ctrl+Enter]"
    hx-target="#result"
    hx-post="/querex"
    hx-swap="innerHTML"
    >{{ query }}</textarea>
    <!-- <button type="submit">Submit</button> -->
  </form>

    <style>
