feat: link post support + style fixes + split post and link feeds
This commit is contained in:
parent
591269ae92
commit
21ab946b74
22 changed files with 113 additions and 99 deletions
|
@ -152,7 +152,7 @@ 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 icon--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 [&>svg]:h-7 [&>svg]:w-7">
|
||||
{% tablericon "microphone" "Artists" %}
|
||||
<div class="ml-1">Artists</div>
|
||||
</h2>
|
||||
|
@ -176,7 +176,7 @@ 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 icon--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 [&>svg]:h-7 [&>svg]:w-7">
|
||||
{% tablericon "musical-note" "Albums" %}
|
||||
<div class="ml-1">Albums</div>
|
||||
</h2>
|
||||
|
@ -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.
|
||||
|
|
|
@ -16,7 +16,7 @@ If you want to skip all the reading, the diff for this [is here](https://github.
|
|||
```liquid
|
||||
{% if data.size > 0 %}
|
||||
{% assign media = data | normalizeMedia %}
|
||||
<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--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 [&>svg]:h-7 [&>svg]:w-7">
|
||||
{% tablericon icon title %}
|
||||
<div class="ml-1">{{ title }}</div>
|
||||
</h2>
|
||||
|
|
|
@ -46,7 +46,7 @@ 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 icon--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 [&>svg]:h-7 [&>svg]:w-7">
|
||||
{% tablericon "calendar" "Albums I'm looking forward to" %}
|
||||
<div class="ml-1">Albums I'm looking forward to</div>
|
||||
</h2>
|
||||
|
@ -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.
|
||||
|
|
|
@ -52,9 +52,9 @@ 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 icon--28">
|
||||
<h2 class="[&>svg]:h-7 [&>svg]:w-7 [&>svg]:inline 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 "fire" "Popular" %}
|
||||
<div class="ml-1">Popular posts</div>
|
||||
Popular posts
|
||||
</h2>
|
||||
<ul class="list-inside list-disc pl-5 md:pl-10">
|
||||
{% for post in posts %}
|
||||
|
|
Reference in a new issue