{% extends "base.html" %} {% block title %}morsels{% endblock %} {% block
content %}
<!-- Banner -->
<div class="rounded-lg bg-gray-50 border border-gray-200 px-6 py-5 mb-6">
    <p class="text-lg font-semibold text-gray-900">Small bites, big ideas.</p>
    <p class="text-sm text-gray-500 mt-1">
        Share a bite with anyone. Your posts, your account, wherever you go.
    </p>
</div>

<!-- Feed -->
{% if recent %}
<h2 class="text-xs font-medium text-gray-400 uppercase tracking-wide mb-2">
    Recent Bites
</h2>
{% include "_recent_bites.html" %} {% endif %} {% endblock %}