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

10
src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
View file

@ -152,8 +152,8 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
```liquid
{% if recentTracks.size > 0 %}
<h2 class="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" "Artists" "height=28" %}
<h2 class="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" "Artists" %}
<div class="ml-1">Artists</div>
</h2>
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
@ -176,8 +176,8 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
</div>
{% endif %}
{% if recentTracks.size > 0 %}
<h2 class="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 "musical-note" "Albums" "height=28" %}
<h2 class="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 "musical-note" "Albums" %}
<div class="ml-1">Albums</div>
</h2>
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
@ -204,7 +204,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
We have an object containing arrays of objects — we iterate through each object for the appropriate section (tracks aren't displayed at the moment) and build the resulting display[^3]. This isn't perfect by any means, but, it does provide a nice little visualization of what I'm listening to and `240` tracks feels adequate as a rolling window into that activity.
{% image 'https://cdn.coryd.dev/blog/albums-artists.jpg', 'Albums and artists', 'w-full', '600px' %}
{% image '<https://cdn.coryd.dev/blog/albums-artists.jpg>', 'Albums and artists', 'w-full', '600px' %}
[^1]: There are some good options to do this, but there aren't a _ton_ and the age of some of the apps is concerning. [Marvis](https://appaddy.wixsite.com/marvis) is far and away your best choice here.
[^2]: Making sure that you update the values you obtained, including the path to your downloaded `.p8` file.

6
src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
View file

@ -46,8 +46,8 @@ Rendering the output is as simple as:
```liquid
{% if albumReleases.size > 0 %}
<h2 class="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" "Albums I'm looking forward to" "height=28" %}
<h2 class="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" "Albums I'm looking forward to" %}
<div class="ml-1">Albums I'm looking forward to</div>
</h2>
<ul class="list-inside list-disc pl-5 md:pl-10">
@ -65,6 +65,6 @@ Rendering the output is as simple as:
{% endraw %}
Leaving us with:
{% image 'https://cdn.coryd.dev/blog/album-releases.jpg', 'Albums I\'m looking forward to', 'w-full', '600px' %}
{% image '<https://cdn.coryd.dev/blog/album-releases.jpg>', 'Albums I\'m looking forward to', 'w-full', '600px' %}
[^1]: At this point, a dev playground.

4
src/posts/2023/popular-posts-widget-using-eleventy-plausible.md
View file

@ -52,8 +52,8 @@ And rendered using a liquid template:
```liquid
{% assign posts = posts | getPopularPosts: analytics %}
<div class="not-prose">
<h2 class="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 "fire" "Popular" "height=28" %}
<h2 class="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 "fire" "Popular" %}
<div class="ml-1">Popular posts</div>
</h2>
<ul class="list-inside list-disc pl-5 md:pl-10">