htmx-playground/templates/tuts.html

25 lines
858 B
HTML

{% extends "base.html" %} {% block title %}Micro Tuts{% endblock %} {% block
content %}
<nav>
<small>
<a href="/" class="text-indigo-300"><~ back</a>
</small>
</nav>
<h1>Micro Tuts</h1>
<p>Here all my Micro Tuts</p>
<div class="list-none gap-1 flex flex-col">
{% for tut in tuts_list %}
<a href="tuts/{{tut.file_path}}" class="hover:no-underline" >
<div class="no-underline border-0 py-4 px-3 flex flex-row gap-3 border-b border-white border-dashed border-opacity-20 hover:bg-white hover:bg-opacity-10 hover:rounded-xl">
<div class="w-[6px] min-h-full bg-indigo-500 border rounded-xl"></div>
<div>
<h2 class="">{{tut.title}}</h3>
<p class="text-white text-opacity-60">Some short description of the tut</p>
</div>
</div>
</a>
{% endfor %}
</div>
{% endblock content%}