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

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
src/_includes/partials/feeds/layout.liquid
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>

2
src/_includes/partials/nav/linked-icon.liquid
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 }}">

4
src/_includes/partials/now/albumReleases.liquid
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 %}

4
src/_includes/partials/now/media-grid.liquid
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 %}

5
src/_includes/partials/now/playing.liquid
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>

5
src/_includes/partials/now/status.liquid
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>

8
src/_includes/partials/paginator.liquid
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" %}

4
src/_includes/partials/popular-posts.liquid
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 %}

11
src/_includes/post.liquid
View file

@ -3,7 +3,16 @@ layout: main
---
{% render "partials/header.liquid", site: site, page: page, nav: nav %}
<article class="h-entry" data-pagefind-body>
<h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">{{ title }}</h2>
{% if link %}
<a class="no-underline" href="{{ link }}">
<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 p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">
{% tablericon 'link' title %}
{{ title }}
</h2>
</a>
{% else %}
<h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">{{ title }}</h2>
{% endif %}
<span class="p-author h-card hidden">{{ site.title }}</span>
<time class="mt-2 mb-6 block text-sm dt-published" datetime="{{ date }}">{{ date | readableDate }}</time>
<div class="p-summary hidden">{{ post_excerpt | markdown }}</div>

6
src/_includes/webrings/css-joy.liquid
View file

@ -5,15 +5,15 @@
</h3>
</a>
<div class="flex flex-row justify-center items-center">
<a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
<a class="[&>svg]:h-5 [&>svg]:w-5 link--icon" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
{% tablericon "arrow-left" "Previous site" %}
</a>
<div class="flex justify-center">
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500 icon--24">
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="[&>svg]:h-6 [&>svg]:w-6 icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500">
{% tablericon "dice-3" "Random site" %}
</a>
</div>
<a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
<a class="[&>svg]:h-5 [&>svg]:w-5 link--icon" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
{% tablericon "arrow-right" "Next site" %}
</a>
</div>

2
src/_includes/webrings/the-claw.liquid
View file

@ -7,7 +7,7 @@
</h3>
<div class="flex justify-center">
<a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500">
<span class="icon--bold pt-1 md:pt-0 mr-1 icon--20">
<span class="[&>svg]:h-5 [&>svg]:w-5 icon--bold pt-1 md:pt-0 mr-1">
{% tablericon "user-plus" "Join!" %}
</span>
<span>Join!</span>