cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: simplify icons + dry feed styles

Browse source
This commit is contained in:
Cory Dransfeldt 2023-08-06 12:29:51 -07:00
parent 63d90878bb
commit 8c53392c21
No known key found for this signature in database
43 changed files with 290 additions and 539 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/_includes/partials/now/albumReleases.liquid
View file

@ -1,6 +1,6 @@
{% if albumReleases.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "calendar-time" "Anticipated albums" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "calendar-time" "Anticipated albums" %}
<div class="ml-1">Anticipated albums</div>
</h2>
<ul class="list-inside list-disc pl-5 md:pl-10">

4
src/_includes/partials/now/albums.liquid
View file

@ -1,6 +1,6 @@
{% if music.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "vinyl" "Albums" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "vinyl" "Albums" %}
<div class="ml-1">Albums</div>
</h2>
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">

4
src/_includes/partials/now/artists.liquid
View file

@ -1,6 +1,6 @@
{% if music.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "microphone-2" "Artists" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "microphone-2" "Artists" %}
<div class="ml-1">Artists</div>
</h2>
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">

4
src/_includes/partials/now/books.liquid
View file

@ -1,6 +1,6 @@
{% if books.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "books" "Books" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "books" "Books" %}
<div class="ml-1">Books</div>
</h2>
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">

4
src/_includes/partials/now/links.liquid
View file

@ -1,6 +1,6 @@
{% if links.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "link" "Links" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "link" "Links" %}
<div class="ml-1">Links</div>
</h2>
<ul class="list-inside list-disc pl-5 md:pl-10">

4
src/_includes/partials/now/movies.liquid
View file

@ -1,6 +1,6 @@
{% if movies.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "movie" "Movies" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "movie" "Movies" %}
<div class="ml-1">Movies</div>
</h2>
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">

4
src/_includes/partials/now/tv.liquid
View file

@ -1,6 +1,6 @@
{% if tv.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "device-tv" "TV" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "device-tv" "TV" %}
<div class="ml-1">TV</div>
</h2>
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">

16
src/_includes/partials/paginator.liquid
View file

@ -1,16 +1,16 @@
<nav class="flex justify-between mt-8 items-center">
{% if pagination.href.previous %}
<a href="{{ pagination.href.previous }}">
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page">
{% tablericon "arrow-left" "Previous" "width=20 height=20" %}
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page icon--h-20">
{% tablericon "arrow-left" "Previous" %}
</button>
</a>
{% else %}
<button
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50"
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
aria-label="Previous page (disabled)"
disabled>
{% tablericon "arrow-left" "Prevous" "width=20 height=20" %}
{% tablericon "arrow-left" "Prevous" %}
</button>
{% endif %}
<div class="text-center">
@ -18,16 +18,16 @@
</div>
{% if pagination.href.next %}
<a href="{{ pagination.href.next }}">
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Next page">
{% tablericon "arrow-right" "Next" "width=20 height=20" %}
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500 icon--h-20" aria-label="Next page">
{% tablericon "arrow-right" "Next" %}
</button>
</a>
{% else %}
<button
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50"
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
aria-label="Next page (disabled)"
disabled>
{% tablericon "arrow-right" "Next" "width=20 height=20" %}
{% tablericon "arrow-right" "Next" %}
</button>
{% endif %}
</nav>

4
src/_includes/partials/popular-posts.liquid
View file

@ -1,7 +1,7 @@
{% assign posts = posts | getPopularPosts: analytics %}
<div class="not-prose">
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "flame" "Popular" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "flame" "Popular" %}
<div class="ml-1">Popular posts</div>
</h2>
<ul class="list-inside list-disc pl-5 md:pl-10">