feat: link post support + style fixes + split post and link feeds

This commit is contained in:
Cory Dransfeldt 2023-09-19 10:42:51 -07:00
parent 591269ae92
commit 21ab946b74
No known key found for this signature in database
22 changed files with 113 additions and 99 deletions

View file

@ -34,10 +34,10 @@
<div class="flex flex-col md:flex-row md:items-center md:justify-between md:pt-10 pt-5">
<h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl"><xsl:value-of select="atom:feed/atom:title"/></h1>
<div class="flex flex-row gap-6">
<a href="https://coryd.dev/feeds" class="icon--24 link--icon">
<a href="https://coryd.dev/feeds" class="[&>svg]:h-6 [&>svg]:w-6 link--icon">
{% tablericon "arrow-left" "Back to feeds" %}
</a>
<a href="https://coryd.dev" class="icon--24 link--icon">
<a href="https://coryd.dev" class="[&>svg]:h-6 [&>svg]:w-6 link--icon">
{% tablericon "home-move" "Home • Cory Dransfeldt" %}
</a>
</div>

View file

@ -1,5 +1,5 @@
<a
class="link--icon icon--24"
class="[&>svg]:h-6 [&>svg]:w-6 link--icon"
href="{{ link }}"
rel="me"
title="{{ name }}">

View file

@ -1,7 +1,7 @@
{% 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 icon--28">
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "calendar-time" "Anticipated albums" %}
<div class="ml-1">Anticipated albums</div>
Anticipated albums
</h2>
<ul class="list-inside list-disc pl-5 md:pl-10">
{% for album in albumReleases %}

View file

@ -1,8 +1,8 @@
{% 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="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon icon title %}
<div class="ml-1">{{ title }}</div>
{{ title }}
</h2>
<div class="grid gap-2 {% if shape == 'square' %}grid-cols-2 md:grid-cols-4{% else %}grid-cols-3 md:grid-cols-6{% endif %} not-prose">
{% for item in media limit: count %}

View file

@ -2,8 +2,7 @@
<span id="now-playing-loading" class="icon--spin">
{% tablericon 'loader-2' 'Loading...' %}
</span>
<span id="now-playing-display" class="flex flex-row items-center">
<span id="now-playing-emoji" class="mr-1"></span>
<a href id="now-playing-content"></a>
<span id="now-playing-display">
<span id="now-playing-emoji"></span> <a href id="now-playing-content"></a>
</span>
</p>

View file

@ -1,4 +1,3 @@
<p class="my-2 flex flex-row items-start md:items-center">
<span class="mr-1">{{ status.emoji }}</span>
<span>{{ status.content }}</span>
<p class="my-2">
{{ status.emoji }} {{ status.content }}
</p>

View file

@ -1,13 +1,13 @@
<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" aria-label="Previous page icon--20">
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600" aria-label="Previous page [&>svg]:h-5 [&>svg]:w-5">
{% tablericon "arrow-left" "Previous" %}
</button>
</a>
{% else %}
<button
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--20"
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 [&>svg]:h-5 [&>svg]:w-5"
aria-label="Previous page (disabled)"
disabled>
{% tablericon "arrow-left" "Prevous" %}
@ -18,13 +18,13 @@
</div>
{% if pagination.href.next %}
<a href="{{ pagination.href.next }}">
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 icon--20" aria-label="Next page">
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 [&>svg]:h-5 [&>svg]:w-5" aria-label="Next page">
{% tablericon "arrow-right" "Next" %}
</button>
</a>
{% else %}
<button
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--20"
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 [&>svg]:h-5 [&>svg]:w-5"
aria-label="Next page (disabled)"
disabled>
{% tablericon "arrow-right" "Next" %}

View file

@ -1,8 +1,8 @@
{% 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 icon--28">
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md: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 "flame" "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 limit: 5 %}