fix: tables + icons
This commit is contained in:
parent
0a80ff3dff
commit
86205fd7e2
45 changed files with 117 additions and 102 deletions
|
@ -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>
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner error">
|
||||
<p>{% tablericon "alert-circle" "Error" %}{{ text }}</p>
|
||||
<p>{% tablericon "alert-circle" %}{{ text }}</p>
|
||||
</div>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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 -%}
|
|
@ -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>
|
|
@ -1,3 +1,3 @@
|
|||
<div class="banner warning">
|
||||
<p>{% tablericon "alert-triangle" "Warning" %}{{ text }}</p>
|
||||
<p>{% tablericon "alert-triangle" %}{{ text }}</p>
|
||||
</div>
|
|
@ -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>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
{%- assign link = links | first -%}
|
||||
<article>
|
||||
<h2>
|
||||
{% tablericon "activity" "Recent activity" %}
|
||||
{% tablericon "activity" %}
|
||||
Recent activity
|
||||
</h2>
|
||||
<ul>
|
||||
|
|
|
@ -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>
|
|
@ -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 }}
|
||||
|
|
|
@ -4,5 +4,5 @@
|
|||
rel="me"
|
||||
title="{{ title }}"
|
||||
tabindex="0">
|
||||
{% tablericon icon title %}
|
||||
{% tablericon icon %}
|
||||
</a>
|
|
@ -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 -%}
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
Reference in a new issue