bit-badger/bitbadger.solutions-blog-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move hx attributes up, boost page/post contents

Browse Source
This commit is contained in:
Daniel J. Summers
2026-07-24 22:04:03 -04:00
parent 4c8109b676
commit 6a7ce66114
5 changed files with 22 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/layout.liquid
+8 -15
View File
@@ -13,21 +13,18 @@
</title>
{% page_head -%}
</head>
<body>
<body hx-indicator:inherited=#loadOverlay hx-target:inherited=#content
hx-swap:inherited="innerHTML show:top showTarget:#top">
<header class=site-header id=top>
<div class=header-logo>
<a href="{{ "" | relative_link }}" hx-boost=true hx-target="#content"
hx-swap="innerHTML show:top showTarget:#top" hx-indicator="#loadOverlay">
<a href="{{ "" | relative_link }}" hx-boost=true>
<img src="{{ "img/bitbadger.png" | theme_asset }}"
alt="A cartoon badger looking at a computer screen, with his paw on a mouse"
title="Bit Badger Solutions">
</a>
</div>
<div class=header-title>
<a href="{{ "" | relative_link }}" hx-boost=true hx-target="#content"
hx-swap="innerHTML show:top showTarget:#top" hx-indicator="#loadOverlay">
The Bit Badger Blog
</a>
<a href="{{ "" | relative_link }}" hx-boost=true>The Bit Badger Blog</a>
</div>
<div class="header-spacer">&nbsp;</div>
<div class="header-social">
@@ -42,23 +39,19 @@
</a>
</div>
</header>
<div class=content-wrapper hx-boost=true hx-target="#content" hx-swap="innerHTML show:top showTarget:#top"
hx-indicator="#loadOverlay">
<div class=load-overlay id=loadOverlay>
<h1>Loading&hellip;</h1>
</div>
<div class=content-wrapper>
<div class=load-overlay id=loadOverlay><h1>Loading&hellip;</h1></div>
<main class=content id=content role=main>
{{ content }}
</main>
<aside class=blog-sidebar>
<div>
<div class=sidebar-head>Linux Resources</div>
<ul><li><a href="{{ "linux/" | relative_link }}">Browse Resources</a></li></ul>
<ul><li><a href="{{ "linux/" | relative_link }}" hx-boost=true>Browse Resources</a></li></ul>
</div>
<div>
<div class=sidebar-head>Categories</div>
<ul class=cat-list hx-boost:inherited=true hx-target:inherited="#content"
hx-swap:inherited="innerHTML show:top showTarget:#top" hx-indicator:inherited="#loadOverlay">
<ul class=cat-list hx-boost:inherited=true>
{% for cat in categories -%}
{%- assign indent = cat.parent_names | size -%}
<li class=cat-list-item{% if indent > 0 %} style="padding-left:{{ indent }}rem;"{% endif %}>