giles
22802bd36b
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 5m35s
- Server sends sexp source text, client (sexp.js) renders everything - SexpExpr marker class for nested sexp composition in serialize() - sexp_page() HTML shell with data-mount="body" for full page loads - sexp_response() returns text/sexp for OOB/partial responses - ~app-body layout component replaces ~app-layout (no raw!) - ~rich-text is the only component using raw! (for CMS HTML content) - Fragment endpoints return text/sexp, auto-wrapped in SexpExpr - All _*_html() helpers converted to _*_sexp() returning sexp source - Head auto-hoist: sexp.js moves meta/title/link/script[ld+json] from rendered body to document.head automatically - Unknown components render warning box instead of crashing page - Component kwargs preserve AST for lazy rendering (fixes <> in kwargs) - Fix unterminated paren in events/sexp/tickets.sexpr Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
32 lines
1.1 KiB
HTML
32 lines
1.1 KiB
HTML
{# Cart icon/badge — shows logo when empty, cart icon with count when items present #}
|
|
|
|
{% macro cart_icon(count=0, oob=False) %}
|
|
<div id="cart-mini" {% if oob %}sx-swap-oob="{{oob}}"{% endif %}>
|
|
{% if count == 0 %}
|
|
<div class="h-12 w-12 rounded-full overflow-hidden border border-stone-300 flex-shrink-0">
|
|
<a
|
|
href="{{ blog_url('/') }}"
|
|
class="h-full w-full font-bold text-5xl flex-shrink-0 flex flex-row items-center gap-1"
|
|
>
|
|
<img
|
|
src="{{ site().logo }}"
|
|
class="h-full w-full rounded-full object-cover border border-stone-300 flex-shrink-0"
|
|
>
|
|
</a>
|
|
</div>
|
|
{% else %}
|
|
<a
|
|
href="{{ cart_url('/') }}"
|
|
class="relative inline-flex items-center justify-center text-stone-700 hover:text-emerald-700"
|
|
>
|
|
<i class="fa fa-shopping-cart text-5xl" aria-hidden="true"></i>
|
|
<span
|
|
class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 inline-flex items-center justify-center rounded-full bg-emerald-600 text-white text-sm w-5 h-5"
|
|
>
|
|
{{ count }}
|
|
</span>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|