fix: tables + icons

This commit is contained in:
Cory Dransfeldt 2024-10-02 20:41:09 -07:00
parent 0a80ff3dff
commit 86205fd7e2
No known key found for this signature in database
45 changed files with 117 additions and 102 deletions

View file

@ -2,7 +2,7 @@
{% comment %} render related artists {% endcomment %}
{%- if artists -%}
<p id="artists" class="music">
{% tablericon "headphones" "Related artist(s)" %}
{% tablericon "headphones" %}
Related artist(s)
</p>
<ul>
@ -22,7 +22,7 @@
{% comment %} render related books {% endcomment %}
{%- if books -%}
<p id="books" class="books">
{% tablericon "books" "Related book(s)" %}
{% tablericon "books" %}
Related book(s)
</p>
<ul>
@ -35,7 +35,7 @@
{% comment %} render related genres {% endcomment %}
{%- if genres -%}
<p id="genres" class="music">
{% tablericon "headphones" "Genre(s)" %}
{% tablericon "headphones" %}
Related genre(s)
</p>
<ul>
@ -48,7 +48,7 @@
{% comment %} render related movies {% endcomment %}
{%- if movies -%}
<p id="movies" class="movies">
{% tablericon "movie" "Related movie(s)" %}
{% tablericon "movie" %}
Related movie(s)
</p>
<ul>
@ -61,7 +61,7 @@
{% comment %} render related posts {% endcomment %}
{%- if posts -%}
<p id="posts" class="article">
{% tablericon "article" "Related post(s)" %}
{% tablericon "article" %}
Related post(s)
</p>
<ul>
@ -74,7 +74,7 @@
{% comment %} render related shows {% endcomment %}
{%- if shows -%}
<p id="tv" class="tv">
{% tablericon "device-tv-old" "Related show(s)" %}
{% tablericon "device-tv-old" %}
Related show(s)
</p>
<ul>

View file

@ -1,3 +1,3 @@
<div class="banner error">
<p>{% tablericon "alert-circle" "Error" %}{{ text }}</p>
<p>{% tablericon "alert-circle" %}{{ text }}</p>
</div>

View file

@ -1,3 +1,3 @@
<div class="banner github">
<p>{% tablericon "brand-github" "GitHub repository" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (Give it a star if you feel like it.)</p>
<p>{% tablericon "brand-github" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (Give it a star if you feel like it.)</p>
</div>

View file

@ -1,3 +1,3 @@
<div class="banner npm">
<p>{% tablericon "brand-npm" "NPM package" %}<a href="{{ url }}">You can take a look at this package on NPM</a> or install it by running <code>{{ command }}</code>.</p>
<p>{% tablericon "brand-npm" %}<a href="{{ url }}">You can take a look at this package on NPM</a> or install it by running <code>{{ command }}</code>.</p>
</div>

View file

@ -1,6 +1,6 @@
{%- assign isOldPost = date | oldPost -%}
{%- if isOldPost -%}
<div class="banner old-post">
<p>{% tablericon "clock-x" "Old post" %}This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
<p>{% tablericon "clock-x" %}This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
</div>
{%- endif -%}

View file

@ -1,3 +1,3 @@
<div class="banner rss">
<p>{% tablericon "rss" "RSS feed" %}<a href="{{ url }}">{{ text }}</a>.</p>
<p>{% tablericon "rss" %}<a href="{{ url }}">{{ text }}</a>.</p>
</div>

View file

@ -1,3 +1,3 @@
<div class="banner warning">
<p>{% tablericon "alert-triangle" "Warning" %}{{ text }}</p>
<p>{% tablericon "alert-triangle" %}{{ text }}</p>
</div>

View file

@ -1,6 +1,6 @@
{%- capture labelContent -%}
{%- if icon -%}
{% tablericon icon label %}
{% tablericon icon %}
{%- elsif label -%}
{{ label }}
{%- endif -%}
@ -11,7 +11,7 @@
<div class="modal-wrapper">
<div class="modal-body">
<label class="modal-close" for="{{ id }}">
{% tablericon "circle-x" "Close modal" %}
{% tablericon "circle-x" %}
</label>
{{ content }}
</div>

View file

@ -5,7 +5,7 @@
{%- assign link = links | first -%}
<article>
<h2>
{% tablericon "activity" "Recent activity" %}
{% tablericon "activity" %}
Recent activity
</h2>
<ul>

View file

@ -1,11 +1,11 @@
<h2>
{% tablericon "clock" "Recent posts" %}
{% tablericon "clock" %}
Recent posts
</h2>
{%- for post in posts limit: 5 -%}
<article>
<div class="post-meta">
{%- if post.featured -%}{% tablericon "star" "featured" %}{%- endif -%}
{%- if post.featured -%}{% tablericon "star" %}{%- endif -%}
<time datetime="{{ post.date }}">
{{ post.date | date: "%B %e, %Y" }}
</time>
@ -16,4 +16,4 @@
{{ post.description | normalize_whitespace | markdown | truncatewords: 50 }}
</article>
{%- endfor -%}
<a class="icon-link" href="/posts">View all posts {% tablericon "arrow-right" "View all posts" %}</a>
<a class="icon-link" href="/posts">View all posts {% tablericon "arrow-right" %}</a>

View file

@ -2,7 +2,7 @@
{%- if categoryUrl | isLinkActive: page.url -%}
<span class="active {{ class }}" aria-current="page">
{%- if icon -%}
{% tablericon icon title %}
{% tablericon icon %}
<span>{{ title }}</span>
{%- else -%}
{{ title }}
@ -11,7 +11,7 @@
{%- else -%}
<a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}" rel="me">
{%- if icon -%}
{% tablericon icon title %}
{% tablericon icon %}
<span>{{ title }}</span>
{%- else -%}
{{ title }}

View file

@ -4,5 +4,5 @@
rel="me"
title="{{ title }}"
tabindex="0">
{% tablericon icon title %}
{% tablericon icon %}
</a>

View file

@ -1,8 +1,8 @@
<menu>
<input id="menu-toggle" type="checkbox" aria-hidden="true" />
<label class="menu-button-container" for="menu-toggle" tabindex="0">
<div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" "Menu closed" %}</div>
<div class="menu-open" aria-hidden="true">{% tablericon "circle-x" "Menu open" %}</div>
<div class="menu-closed" aria-hidden="true">{% tablericon "menu-2" %}</div>
<div class="menu-open" aria-hidden="true">{% tablericon "circle-x" %}</div>
</label>
<ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
{%- for link in nav.primary -%}

View file

@ -2,14 +2,14 @@
<nav aria-label="Pagination" class="pagination">
{%- if pagination.href.previous -%}
<a href="{{ pagination.href.previous }}" aria-label="Previous page">
{% tablericon "arrow-left" "Previous" %}
{% tablericon "arrow-left" %}
</a>
{%- else -%}
<span
class="disabled"
aria-label="Previous page (disabled)"
disabled>
{% tablericon "arrow-left" "Prevous" %}
{% tablericon "arrow-left" %}
</span>
{%- endif -%}
<select-pagination>
@ -26,14 +26,14 @@
</select-pagination>
{%- if pagination.href.next -%}
<a href="{{ pagination.href.next }}" aria-label="Next page">
{% tablericon "arrow-right" "Next" %}
{% tablericon "arrow-right" %}
</a>
{%- else -%}
<span
class="disabled"
aria-label="Next page (disabled)"
disabled>
{% tablericon "arrow-right" "Next" %}
{% tablericon "arrow-right" %}
</span>
{%- endif -%}
</nav>

View file

@ -3,10 +3,10 @@
<theme-toggle>
<button class="theme-toggle">
<span class="light">
{% tablericon "sun" "Toggle light theme" %}
{% tablericon "sun" %}
</span>
<span class="dark">
{% tablericon "moon" "Toggle dark theme" %}
{% tablericon "moon" %}
</span>
</button>
</theme-toggle>