{% extends "base.html" %}

{% block title %}Home - htmx.rs{% endblock title %}

{% block content %}
    <div class="max-w-sm flex flex-col items-center gap-4">
        <p id="message" class="text-2xl font-medium">Hello from home</p>
        <button 
            class="items-center justify-center px-6 py-2 text-center bg-black border-2 rounded-full hover:bg-transparent hover:text-black text-white"
            hx-get="/htmx"
            hx-target="#message"
        >Click me</button>
    </div>
{% endblock content %}