feat: link post support + style fixes + split post and link feeds
This commit is contained in:
Cory Dransfeldt
parent
591269ae92
commit
21ab946b74
22 changed files with 113 additions and 99 deletions
19
.eleventy.js
19
.eleventy.js
|
|
@ -80,6 +80,25 @@ module.exports = function (eleventyConfig) {
|
|||
return Array.from(tagsSet).sort()
|
||||
})
|
||||
|
||||
eleventyConfig.addCollection('links', (collection) => {
|
||||
const links = []
|
||||
collection.getAll().forEach((item) => {
|
||||
if (item.data.collections.posts) {
|
||||
item.data.collections.posts.forEach((post) => {
|
||||
const url = post.data.link
|
||||
if (url?.includes('http') && !links.find((link) => link.title === post.data.title))
|
||||
links.push({
|
||||
url: post.data.link,
|
||||
title: post.data.title,
|
||||
date: post.data.date,
|
||||
description: post.data.post_excerpt,
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
return links
|
||||
})
|
||||
|
||||
eleventyConfig.addCollection('tagMap', (collection) => {
|
||||
const tags = {}
|
||||
collection.getAll().forEach((item) => {
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ module.exports = {
|
|||
if (entry.description) excerpt = entry.description
|
||||
|
||||
// if there's a valid entry return a normalized object
|
||||
if (entry) {
|
||||
if (entry && !entry.data?.link) {
|
||||
return {
|
||||
title: entry.data?.title || entry.title,
|
||||
url: entry.url.includes('http') ? entry.url : new URL(entry.url, BASE_URL).toString(),
|
||||
|
|
|
|||
|
|
@ -10,11 +10,9 @@ permalink: 404.html
|
|||
What kind of idiots do you have working here?
|
||||
</h3>
|
||||
<div class="flex justify-center">
|
||||
<a href="/" 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">
|
||||
{% tablericon "receipt-2" "Receipt" "{width: 20, height: 20}" %}
|
||||
</span>
|
||||
<span>Skip out on the room service bill</span>
|
||||
<a href="/" class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline icon--bold 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">
|
||||
{% tablericon "receipt-2" "Receipt" %}
|
||||
Skip out on the room service bill
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 }}">
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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" %}
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
12
src/feeds/links.liquid
Normal file
12
src/feeds/links.liquid
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
layout: null
|
||||
permalink: /feeds/links
|
||||
---
|
||||
{% render "partials/feeds/content.liquid"
|
||||
permalink:'/feeds/links'
|
||||
title:'Links • Cory Dransfeldt'
|
||||
data:collections.links
|
||||
updated:collections.links[0].date
|
||||
site:site
|
||||
eleventy:eleventy
|
||||
%}
|
||||
|
|
@ -27,23 +27,32 @@ meta:
|
|||
<div
|
||||
class="mb-8 border-b border-gray-200 pb-4 text-gray-800 dark:border-gray-700 dark:text-white"
|
||||
>
|
||||
<a class="no-underline" href="{{ post.url }}">
|
||||
<h2
|
||||
class="p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-pink-500 dark:text-gray-200 dark:hover:text-pink-500 md:text-2xl ease-in-out duration-300"
|
||||
>
|
||||
{{ post.data.title }}
|
||||
</h2>
|
||||
<a class="no-underline" href="{% if post.data.link %}{{ post.data.link }}{% else %}{{ post.url }}{% endif %}">
|
||||
{% if post.data.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 m-0 text-xl font-black leading-tight tracking-normal hover:text-pink-500 dark:text-gray-200 dark:hover:text-pink-500 md:text-2xl ease-in-out duration-300">
|
||||
{% tablericon 'link' post.data.title %}
|
||||
{{ post.data.title }}
|
||||
</h2>
|
||||
{% else %}
|
||||
<h2
|
||||
class="p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-pink-500 dark:text-gray-200 dark:hover:text-pink-500 md:text-2xl ease-in-out duration-300"
|
||||
>
|
||||
{{ post.data.title }}
|
||||
</h2>
|
||||
{% endif %}
|
||||
</a>
|
||||
<span class="p-author h-card hidden">{{ site.title }}</span>
|
||||
<div class="my-2 text-sm">
|
||||
<time class="dt-published" datetime="{{ post.date }}">
|
||||
{{ post.date | date: "%m.%Y" }}
|
||||
{{ post.date | date: "%m.%Y" }} {% if post.data.link %} • <a class="flex-none font-normal no-underline" href="{{ post.url }}">Permalink</a>{% endif %}
|
||||
</time>
|
||||
</div>
|
||||
<p class="p-summary mt-0">{{ post.data.post_excerpt | markdown }}</p>
|
||||
<div class="mt-4 flex items-center justify-between">
|
||||
<a class="flex-none font-normal no-underline" href="{{ post.url }}">Read more →</a>
|
||||
</div>
|
||||
{% unless post.data.link %}
|
||||
<div class="mt-4 flex items-center justify-between">
|
||||
<a class="flex-none font-normal no-underline" href="{{ post.url }}">Read more →</a>
|
||||
</div>
|
||||
{% endunless %}
|
||||
</div>
|
||||
</article>
|
||||
{% endif %} {% endfor %} {% include "partials/paginator.liquid" %}
|
||||
|
|
|
|||
43
src/now.html
43
src/now.html
|
|
@ -17,43 +17,32 @@ meta:
|
|||
image:
|
||||
src: https://coryd.dev/assets/img/avatar.webp
|
||||
---
|
||||
<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 "clock-heart" "Currently" %}
|
||||
<div class="ml-1">Currently</div>
|
||||
Currently
|
||||
</h2>
|
||||
<div class="pl-4 md:pl-8">
|
||||
{% render "partials/now/status.liquid", status:status %}
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-0.5 md:pt-0 mr-1 icon--20">{% tablericon "map-2" "Map" %}</span>
|
||||
<span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
|
||||
<p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
|
||||
{% tablericon "map-2" "Map" %}
|
||||
Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.
|
||||
</p>
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-0.5 md:pt-0 mr-1 icon--20">
|
||||
{% tablericon "play-basketball" "Hacking" %}
|
||||
</span>
|
||||
<span>
|
||||
Rooting for the <a href="https://lakers.com">Lakers</a> (can't wait for next season with the new roster 💜💛).
|
||||
</span>
|
||||
<p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
|
||||
{% tablericon "play-basketball" "NBA - Lakers" %}
|
||||
Rooting for the <a href="https://lakers.com">Lakers</a> (can't wait for next season with the new roster 💜💛).
|
||||
</p>
|
||||
</div>
|
||||
<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 "terminal-2" "Making" %}
|
||||
<div class="ml-1">Making</div>
|
||||
Making
|
||||
</h2>
|
||||
<div class="pl-4 md:pl-8">
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-0.5 md:pt-0 mr-1 icon--20">
|
||||
{% tablericon "code" "Hacking" %}
|
||||
</span>
|
||||
<span>
|
||||
Hacking away on projects like this page, my
|
||||
<a href="/">blog</a>, and whatever else I can find time for.
|
||||
</span>
|
||||
<p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
|
||||
{% tablericon "code" "Hacking" %}
|
||||
Hacking away on projects like this page, my <a href="/">blog</a>, and whatever else I can find time for.
|
||||
</p>
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-0.5 md:pt-0 mr-1 icon--20">{% tablericon "hand-stop" "Ad and tracker-blocking" %}</span>
|
||||
<span>
|
||||
Assembling lists of <a href="https://github.com/cdransf/awesome-adblock">ad and tracker-blocking tools</a>.
|
||||
</span>
|
||||
<p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
|
||||
{% tablericon "hand-stop" "Ad and tracker-blocking" %}
|
||||
Assembling lists of <a href="https://github.com/cdransf/awesome-adblock">ad and tracker-blocking tools</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -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 %}
|
||||
|
|
|
|||
28
tailwind.css
28
tailwind.css
|
|
@ -47,10 +47,6 @@ body, html {
|
|||
background: theme(colors.pink.500);
|
||||
}
|
||||
|
||||
.icon-inline svg {
|
||||
@apply inline;
|
||||
}
|
||||
|
||||
.active,
|
||||
.active svg {
|
||||
color: theme(colors.teal.700);
|
||||
|
|
@ -141,26 +137,6 @@ code[class*=language-], pre[class*=language-] {
|
|||
stroke-width: 1.4;
|
||||
}
|
||||
|
||||
.icon--20 > svg {
|
||||
@apply h-5;
|
||||
@apply w-5;
|
||||
}
|
||||
|
||||
.icon--24 > svg {
|
||||
@apply h-6;
|
||||
@apply w-6
|
||||
}
|
||||
|
||||
.icon--28 > svg {
|
||||
@apply h-7;
|
||||
@apply w-7;
|
||||
}
|
||||
|
||||
.icon--32 > svg {
|
||||
@apply h-8;
|
||||
@apply w-8;
|
||||
}
|
||||
|
||||
.icon--bold > svg {
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
|
@ -179,6 +155,10 @@ code[class*=language-], pre[class*=language-] {
|
|||
@apply animate-spin;
|
||||
}
|
||||
|
||||
.icon--inline > svg {
|
||||
@apply inline;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
--pagefind-ui-primary: theme(colors.purple.400);
|
||||
|
|
|
|||
Reference in a new issue