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

First cut of myWebLog v3-compatible theme

Browse Source
This commit is contained in:
Daniel J. Summers
2026-07-19 16:53:15 -04:00
parent 595bbd3917
commit 4c8109b676
6 changed files with 68 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -6,3 +6,4 @@ node_modules/
public/ public/
.deploy*/ .deploy*/
.idea/sonarlint .idea/sonarlint
*.zip
theme/index.liquid
+8 -7
View File
@@ -4,11 +4,11 @@
<p>{{ subtitle }}</p> <p>{{ subtitle }}</p>
{%- endif %} {%- endif %}
{% endif %} {% endif %}
{%- for post in model.posts %} {%- for post in posts.posts %}
<article class="auto"> <article class="auto">
<div> <div>
<h1 class="home-title"> <h1 class="home-title">
<small class="home-lead">{{ post.published_on | date: "dddd, MMMM d, yyyy" }}</small><br> <small class="home-lead">{{ post.published_on | format_date: "dddd, MMMM d, yyyy" }}</small><br>
&nbsp; &nbsp;
<a href="{{ post | relative_link }}" <a href="{{ post | relative_link }}"
id="{{ post.title | strip_html | downcase | replace: " ", "-" | replace: ":", "" }}" id="{{ post.title | strip_html | downcase | replace: " ", "-" | replace: ":", "" }}"
@@ -42,15 +42,16 @@
{%- if logged_on %}<small><a hx-boost="false" href="{{ post | edit_post_link }}">Edit Post</a></small>{% endif %} {%- if logged_on %}<small><a hx-boost="false" href="{{ post | edit_post_link }}">Edit Post</a></small>{% endif %}
</article> </article>
{%- endfor %} {%- endfor %}
<div class="bottom-nav" role="navigation"> <div class="bottom-nav" role="navigation" hx-boost:inherited=true hx-target:inherited="#content"
hx-swap:inherited="innerHTML show:top showTarget:#top" hx-indicator:inherited="#loadOverlay">
<div class="nav-previous"> <div class="nav-previous">
{% if model.newer_link -%} {% if posts.newer_link -%}
<a href="{{ model.newer_link.value }}">&laquo; Newer Posts</a> <a href="{{ posts.newer_link.value }}">&laquo; Newer Posts</a>
{% endif %} {% endif %}
</div> </div>
<div class="nav-next"> <div class="nav-next">
{% if model.older_link -%} {% if posts.older_link -%}
<a href="{{ model.older_link.value }}">Older Posts &raquo;</a> <a href="{{ posts.older_link.value }}">Older Posts &raquo;</a>
{% endif %} {% endif %}
</div> </div>
</div> </div>
theme/layout-partial.liquid
+2 -2
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang=en>
<head> <head>
<meta charset="utf-8"> <meta charset=utf-8>
<title> <title>
{%- if is_home -%} {%- if is_home -%}
{{ web_log.name }}{% if web_log.subtitle %} | {{ web_log.subtitle.value }}{% endif %} {{ web_log.name }}{% if web_log.subtitle %} | {{ web_log.subtitle.value }}{% endif %}
theme/layout.liquid
+29 -29
View File
@@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang=en>
<head> <head>
<meta charset="utf-8"> <meta charset=utf-8>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name=viewport content="width=device-width, initial-scale=1">
<title> <title>
{%- if is_home -%} {%- if is_home -%}
{{ web_log.name }}{% if web_log.subtitle %} | {{ web_log.subtitle.value }}{% endif %} {{ web_log.name }}{% if web_log.subtitle %} | {{ web_log.subtitle.value }}{% endif %}
@@ -14,18 +14,18 @@
{% page_head -%} {% page_head -%}
</head> </head>
<body> <body>
<header class="site-header" id="top"> <header class=site-header id=top>
<div class="header-logo"> <div class=header-logo>
<a href="{{ "" | relative_link }}" hx-boost="true" hx-target="#content" hx-swap="innerHTML show:#top:top" <a href="{{ "" | relative_link }}" hx-boost=true hx-target="#content"
hx-indicator="#loadOverlay"> hx-swap="innerHTML show:top showTarget:#top" hx-indicator="#loadOverlay">
<img src="{{ "img/bitbadger.png" | theme_asset }}" <img src="{{ "img/bitbadger.png" | theme_asset }}"
alt="A cartoon badger looking at a computer screen, with his paw on a mouse" alt="A cartoon badger looking at a computer screen, with his paw on a mouse"
title="Bit Badger Solutions"> title="Bit Badger Solutions">
</a> </a>
</div> </div>
<div class="header-title"> <div class=header-title>
<a href="{{ "" | relative_link }}" hx-boost="true" hx-target="#content" hx-swap="innerHTML show:#top:top" <a href="{{ "" | relative_link }}" hx-boost=true hx-target="#content"
hx-indicator="#loadOverlay"> hx-swap="innerHTML show:top showTarget:#top" hx-indicator="#loadOverlay">
The Bit Badger Blog The Bit Badger Blog
</a> </a>
</div> </div>
@@ -34,54 +34,54 @@
<a href="{{ "feed.xml" | relative_link }}" title="Subscribe to The Bit Badger Blog via RSS"> <a href="{{ "feed.xml" | relative_link }}" title="Subscribe to The Bit Badger Blog via RSS">
<img src="{{ "img/rss.png" | theme_asset }}" alt="RSS"> <img src="{{ "img/rss.png" | theme_asset }}" alt="RSS">
</a> &nbsp; &nbsp; </a> &nbsp; &nbsp;
<a href="https://twitter.com/Bit_Badger" title="Bit_Badger on Twitter"> <a href="https://twitter.com/Bit_Badger" title="Bit_Badger on Twitter" target=_blank>
<img src="{{ "img/twitter.png" | theme_asset }}" alt="Twitter"> <img src="{{ "img/twitter.png" | theme_asset }}" alt="Twitter">
</a> &nbsp; &nbsp; </a> &nbsp; &nbsp;
<a href="https://www.facebook.com/bitbadger.solutions" title="Bit Badger Solutions on Facebook"> <a href="https://www.facebook.com/bitbadger.solutions" title="Bit Badger Solutions on Facebook" target=_blank>
<img src="{{ "img/facebook.png" | theme_asset }}" alt="Facebook"> <img src="{{ "img/facebook.png" | theme_asset }}" alt="Facebook">
</a> </a>
</div> </div>
</header> </header>
<div class="content-wrapper" hx-boost="true" hx-target="#content" hx-swap="innerHTML show:#top:top" <div class=content-wrapper hx-boost=true hx-target="#content" hx-swap="innerHTML show:top showTarget:#top"
hx-indicator="#loadOverlay"> hx-indicator="#loadOverlay">
<div class="load-overlay" id="loadOverlay"> <div class=load-overlay id=loadOverlay>
<h1>Loading&hellip;</h1> <h1>Loading&hellip;</h1>
</div> </div>
<main class="content" id="content" role="main"> <main class=content id=content role=main>
{{ content }} {{ content }}
</main> </main>
<aside class="blog-sidebar"> <aside class=blog-sidebar>
<div> <div>
<div class="sidebar-head">Linux Resources</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 }}">Browse Resources</a></li></ul>
</div> </div>
<div> <div>
<div class="sidebar-head">Categories</div> <div class=sidebar-head>Categories</div>
<ul class="cat-list"> <ul class=cat-list hx-boost:inherited=true hx-target:inherited="#content"
hx-swap:inherited="innerHTML show:top showTarget:#top" hx-indicator:inherited="#loadOverlay">
{% for cat in categories -%} {% for cat in categories -%}
{%- assign indent = cat.parent_names | size -%} {%- assign indent = cat.parent_names | size -%}
<li class="cat-list-item"{% if indent > 0 %} style="padding-left:{{ indent }}rem;"{% endif %}> <li class=cat-list-item{% if indent > 0 %} style="padding-left:{{ indent }}rem;"{% endif %}>
<a href="{{ cat | category_link }}" class="cat-list-link">{{ cat.name }}</a> <a href="{{ cat | category_link }}" class=cat-list-link>{{ cat.name }}</a>
<span class="cat-list-count">{{ cat.post_count }}</span> <span class=cat-list-count>{{ cat.post_count }}</span>
</li> </li>
{%- endfor %} {%- endfor %}
</ul> </ul>
</div> </div>
</aside> </aside>
</div> </div>
<footer class="site-footer"> <footer class=site-footer>
<span> <span>
A production of A production of
<a href="https://bitbadger.solutions" title="Bit Badger Solutions" target="_blank" rel="noopener" <a href=https://bitbadger.solutions title="Bit Badger Solutions" target=_blank rel=noopener class=no-wrap>
class="no-wrap">
Bit Badger Solutions Bit Badger Solutions
</a> </a>
</span> </span>
<span> <span>
Powered by <a href="https://github.com/bit-badger/myWebLog/tree/v2" target="_blank" rel="noopener">myWebLog</a> Powered by <a href=https://bitbadger.solutions/open-source/myweblog target=_blank rel=noopener>myWebLog</a>
&bull; &bull;
{% if logged_on %} {% if is_logged_on %}
<a href="{{ "admin" | relative_link }}">Dashboard</a> <a href="{{ "admin/dashboard" | relative_link }}">Dashboard</a>
{% else %} {% else %}
<a href="{{ "user/log-on" | relative_link }}">Log On</a> <a href="{{ "user/log-on" | relative_link }}">Log On</a>
{%- endif %} {%- endif %}
theme/single-page.liquid
+5 -5
View File
@@ -1,7 +1,7 @@
<article class="auto"> <article class=auto>
<h1 class="entry-title">{{ page.title }}</h1> <h1 class=entry-title>{{ page.title }}</h1>
<div class="entry-content">{{ page.text }}</div> <div class=entry-content>{{ page.text }}</div>
{%- if logged_on %} {%- if is_logged_on %}
<p><small><a hx-boost="false" href="{{ page | edit_page_link }}">Edit Page</a></small></p> <p><small><a href="{{ page | edit_page_link }}">Edit Page</a></small></p>
{% endif -%} {% endif -%}
</article> </article>
theme/single-post.liquid
+21 -16
View File
@@ -1,49 +1,52 @@
{%- assign post = model.posts | first -%} {%- assign post = model.posts | first -%}
<article class="auto"> <article class=auto>
<h1 class="entry-title"> <h1 class=entry-title>
{{ post.title }} {{ post.title }}
</h1> </h1>
<header class="entry-header"> <header class=entry-header>
<p> <p>
Posted by {{ model.authors | value: post.author_id }} on {{ post.published_on | date: "dddd, MMMM d, yyyy" }} Posted by {{ model.authors | value: post.author_id }}
at {{ post.published_on | date: "h:mm tt" | downcase }} on {{ post.published_on | format_date: "dddd, MMMM d, yyyy" }}
at {{ post.published_on | format_date: "h:mm tt" | downcase }}
</p> </p>
{%- assign cat_count = post.category_ids | size -%} {%- assign cat_count = post.category_ids | size -%}
{%- if cat_count > 0 %} {%- if cat_count > 0 %}
<p> <p hx-boost:inherited=true hx-target:inherited="#content" hx-swap:inherited="innerHTML show:top showTarget:#top"
hx-indicator:inherited="#loadOverlay">
<small> <small>
Categorized under Categorized under
{% for cat_id in post.category_ids -%} {% for cat_id in post.category_ids -%}
{%- assign cat = categories | where: "Id", cat_id | first -%} {%- assign cat = categories | where: "Id", cat_id | first -%}
<a href="{{ cat | category_link }}" title="Categorized under {{ cat.name | strip_html | escape }}" <a href="{{ cat | category_link }}" title="Categorized under {{ cat.name | strip_html | escape }}"
rel="tag">{{ cat.name }}</a>{% unless forloop.last %}, {% endunless %} rel=tag>{{ cat.name }}</a>{% unless forloop.last %}, {% endunless %}
{%- endfor %} {%- endfor %}
</small> </small>
</p> </p>
{%- endif %} {%- endif %}
</header> </header>
<div class="entry-content">{{ post.text }}</div> <div class=entry-content>{{ post.text }}</div>
<footer class="entry-footer"> <footer class=entry-footer>
{%- assign tag_count = post.tags | size -%} {%- assign tag_count = post.tags | size -%}
{%- if tag_count > 0 %} {%- if tag_count > 0 %}
<p> <p hx-boost:inherited=true hx-target:inheritied="#content" hx-swap:inherited="innerHTML show:top showTarget:#top"
hx-indicator:inherited="#loadOverlay">
Tagged: Tagged:
{% for tag in post.tags -%} {% for tag in post.tags -%}
<a href="{{ tag | tag_link }}" title="Tagged &ldquo;{{ tag | escape }}&rdquo;" <a href="{{ tag | tag_link }}" title="Tagged &ldquo;{{ tag | escape }}&rdquo;"
rel="tag">{{ tag }}</a>{% unless forloop.last %}, {% endunless %} rel=tag>{{ tag }}</a>{% unless forloop.last %}, {% endunless %}
{%- endfor %} {%- endfor %}
</p> </p>
{%- endif %} {%- endif %}
<p> <p>
Bookmark: Bookmark:
<a href="{{ post | absolute_link }}" rel="bookmark" <a href="{{ post | absolute_link }}" rel=bookmark
title="Permanent link to &ldquo;{{ post.title | strip_html | escape }}&rdquo;"> title="Permanent link to &ldquo;{{ post.title | strip_html | escape }}&rdquo;">
the permalink the permalink
</a> </a>
</p> </p>
<p> <p>
{%- if logged_on %} {%- if is_logged_on %}
Edit: <a hx-boost="false" href="{{ post | edit_post_link }}">this post</a> Edit: <a href="{{ post | edit_post_link }}">this post</a>
{% else %} {% else %}
&nbsp; &nbsp;
{% endif -%} {% endif -%}
@@ -51,13 +54,15 @@
{% if model.newer_link -%} {% if model.newer_link -%}
<p> <p>
Next Newer Post: Next Newer Post:
<a href="{{ model.newer_link.value | relative_link }}">{{ model.newer_name.value }}</a> <a href="{{ model.newer_link.value | relative_link }}" hx-boost=true hx-target="#content"
hx-swap="innerHTML show:top showTarget:#top" hx-indicator="#loadOverlay">{{ model.newer_name.value }}</a>
</p> </p>
{% endif %} {% endif %}
{% if model.older_link -%} {% if model.older_link -%}
<p> <p>
Next Older Post: Next Older Post:
<a href="{{ model.older_link.value | relative_link }}">{{ model.older_name.value }}</a> <a href="{{ model.older_link.value | relative_link }}" hx-boost=true hx-target="#content"
hx-swap="innerHTML show:top showTarget:#top" hx-indicator="#loadOverlay">{{ model.older_name.value }}</a>
</p> </p>
{%- endif -%} {%- endif -%}
</footer> </footer>