feat: move to tabler icons
This commit is contained in:
parent
d7a07bdd9b
commit
4b6c333d5c
30 changed files with 90 additions and 137 deletions
|
|
@ -1,5 +1,5 @@
|
|||
const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight')
|
||||
const heroIcons = require('@cdransf/eleventy-plugin-heroicons')
|
||||
const tablerIcons = require('eleventy-plugin-tabler-icons')
|
||||
const pluginUnfurl = require('eleventy-plugin-unfurl')
|
||||
const pluginFilesMinifier = require('@sherby/eleventy-plugin-files-minifier')
|
||||
const schema = require('@quasibit/eleventy-plugin-schema')
|
||||
|
|
@ -22,7 +22,7 @@ require('dotenv-flow').config()
|
|||
module.exports = function (eleventyConfig) {
|
||||
// plugins
|
||||
eleventyConfig.addPlugin(syntaxHighlight)
|
||||
eleventyConfig.addPlugin(heroIcons)
|
||||
eleventyConfig.addPlugin(tablerIcons)
|
||||
eleventyConfig.addPlugin(pluginUnfurl)
|
||||
eleventyConfig.addPlugin(pluginFilesMinifier)
|
||||
eleventyConfig.addPlugin(schema)
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@
|
|||
"@11ty/eleventy-img": "^3.1.0",
|
||||
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
|
||||
"@catppuccin/tailwindcss": "^0.1.6",
|
||||
"@cdransf/eleventy-plugin-heroicons": "^1.3.2",
|
||||
"@commitlint/cli": "^17.6.6",
|
||||
"@commitlint/config-conventional": "^17.6.6",
|
||||
"@extractus/feed-extractor": "6.2.4",
|
||||
|
|
@ -34,10 +33,10 @@
|
|||
"@typescript-eslint/eslint-plugin": "^5.62.0",
|
||||
"@typescript-eslint/parser": "^5.62.0",
|
||||
"autoprefixer": "^10.4.2",
|
||||
"sanitize-html": "^2.11.0",
|
||||
"child_process": "^1.0.2",
|
||||
"clean-css": "^5.3.2",
|
||||
"dotenv-flow": "^3.2.0",
|
||||
"eleventy-plugin-tabler-icons": "^1.0.6",
|
||||
"eleventy-plugin-unfurl": "^1.0.0",
|
||||
"eleventy-plugin-youtube-embed": "^1.9.0",
|
||||
"eslint": "^8.42.0",
|
||||
|
|
@ -58,6 +57,7 @@
|
|||
"postcss": "^8.4.25",
|
||||
"prettier": "^3.0.0",
|
||||
"prettier-plugin-tailwindcss": "^0.4.0",
|
||||
"sanitize-html": "^2.11.0",
|
||||
"striptags": "^3.2.0",
|
||||
"tailwindcss": "^3.3.2"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ permalink: 404.html
|
|||
<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-purple-500">
|
||||
<span class="pt-1 md:pt-0 mr-1">
|
||||
{% heroicon "outline" "receipt-percent" "Receipt" "width=20 height=20" %}
|
||||
{% tablericon "receipt-2" "Receipt" "width=20 height=20" %}
|
||||
</span>
|
||||
<span>Skip out on the room service bill</span>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,7 @@
|
|||
<a
|
||||
class="link--icon"
|
||||
href="https://music.apple.com/profile/cdransf"
|
||||
rel="me"
|
||||
title="Apple Music">
|
||||
<svg
|
||||
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
|
||||
role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Apple Music</title>
|
||||
<path
|
||||
d="M23.994 6.124a9.23 9.23 0 00-.24-2.19c-.317-1.31-1.062-2.31-2.18-3.043a5.022 5.022 0 00-1.877-.726 10.496 10.496 0 00-1.564-.15c-.04-.003-.083-.01-.124-.013H5.986c-.152.01-.303.017-.455.026-.747.043-1.49.123-2.193.4-1.336.53-2.3 1.452-2.865 2.78-.192.448-.292.925-.363 1.408-.056.392-.088.785-.1 1.18 0 .032-.007.062-.01.093v12.223c.01.14.017.283.027.424.05.815.154 1.624.497 2.373.65 1.42 1.738 2.353 3.234 2.801.42.127.856.187 1.293.228.555.053 1.11.06 1.667.06h11.03a12.5 12.5 0 001.57-.1c.822-.106 1.596-.35 2.295-.81a5.046 5.046 0 001.88-2.207c.186-.42.293-.87.37-1.324.113-.675.138-1.358.137-2.04-.002-3.8 0-7.595-.003-11.393zm-6.423 3.99v5.712c0 .417-.058.827-.244 1.206-.29.59-.76.962-1.388 1.14-.35.1-.706.157-1.07.173-.95.045-1.773-.6-1.943-1.536a1.88 1.88 0 011.038-2.022c.323-.16.67-.25 1.018-.324.378-.082.758-.153 1.134-.24.274-.063.457-.23.51-.516a.904.904 0 00.02-.193c0-1.815 0-3.63-.002-5.443a.725.725 0 00-.026-.185c-.04-.15-.15-.243-.304-.234-.16.01-.318.035-.475.066-.76.15-1.52.303-2.28.456l-2.325.47-1.374.278c-.016.003-.032.01-.048.013-.277.077-.377.203-.39.49-.002.042 0 .086 0 .13-.002 2.602 0 5.204-.003 7.805 0 .42-.047.836-.215 1.227-.278.64-.77 1.04-1.434 1.233-.35.1-.71.16-1.075.172-.96.036-1.755-.6-1.92-1.544-.14-.812.23-1.685 1.154-2.075.357-.15.73-.232 1.108-.31.287-.06.575-.116.86-.177.383-.083.583-.323.6-.714v-.15c0-2.96 0-5.922.002-8.882 0-.123.013-.25.042-.37.07-.285.273-.448.546-.518.255-.066.515-.112.774-.165.733-.15 1.466-.296 2.2-.444l2.27-.46c.67-.134 1.34-.27 2.01-.403.22-.043.442-.088.663-.106.31-.025.523.17.554.482.008.073.012.148.012.223.002 1.91.002 3.822 0 5.732z"/>
|
||||
</svg>
|
||||
{% tablericon "device-airpods" "Apple Music" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,11 +1,7 @@
|
|||
<a
|
||||
class="link--icon"
|
||||
href="https://www.buymeacoffee.com/cory"
|
||||
rel="me"
|
||||
title="Buy Me a Coffee">
|
||||
<svg
|
||||
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
|
||||
role="img"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Buy Me A Coffee</title><path d="M20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379-.197-.069-.42-.098-.57-.241-.152-.143-.196-.366-.231-.572-.065-.378-.125-.756-.192-1.133-.057-.325-.102-.69-.25-.987-.195-.4-.597-.634-.996-.788a5.723 5.723 0 00-.626-.194c-1-.263-2.05-.36-3.077-.416a25.834 25.834 0 00-3.7.062c-.915.083-1.88.184-2.75.5-.318.116-.646.256-.888.501-.297.302-.393.77-.177 1.146.154.267.415.456.692.58.36.162.737.284 1.123.366 1.075.238 2.189.331 3.287.37 1.218.05 2.437.01 3.65-.118.299-.033.598-.073.896-.119.352-.054.578-.513.474-.834-.124-.383-.457-.531-.834-.473-.466.074-.96.108-1.382.146-1.177.08-2.358.082-3.536.006a22.228 22.228 0 01-1.157-.107c-.086-.01-.18-.025-.258-.036-.243-.036-.484-.08-.724-.13-.111-.027-.111-.185 0-.212h.005c.277-.06.557-.108.838-.147h.002c.131-.009.263-.032.394-.048a25.076 25.076 0 013.426-.12c.674.019 1.347.067 2.017.144l.228.031c.267.04.533.088.798.145.392.085.895.113 1.07.542.055.137.08.288.111.431l.319 1.484a.237.237 0 01-.199.284h-.003c-.037.006-.075.01-.112.015a36.704 36.704 0 01-4.743.295 37.059 37.059 0 01-4.699-.304c-.14-.017-.293-.042-.417-.06-.326-.048-.649-.108-.973-.161-.393-.065-.768-.032-1.123.161-.29.16-.527.404-.675.701-.154.316-.199.66-.267 1-.069.34-.176.707-.135 1.056.087.753.613 1.365 1.37 1.502a39.69 39.69 0 0011.343.376.483.483 0 01.535.53l-.071.697-1.018 9.907c-.041.41-.047.832-.125 1.237-.122.637-.553 1.028-1.182 1.171-.577.131-1.165.2-1.756.205-.656.004-1.31-.025-1.966-.022-.699.004-1.556-.06-2.095-.58-.475-.458-.54-1.174-.605-1.793l-.731-7.013-.322-3.094c-.037-.351-.286-.695-.678-.678-.336.015-.718.3-.678.679l.228 2.185.949 9.112c.147 1.344 1.174 2.068 2.446 2.272.742.12 1.503.144 2.257.156.966.016 1.942.053 2.892-.122 1.408-.258 2.465-1.198 2.616-2.657.34-3.332.683-6.663 1.024-9.995l.215-2.087a.484.484 0 01.39-.426c.402-.078.787-.212 1.074-.518.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233-2.416.359-4.866.54-7.308.46-1.748-.06-3.477-.254-5.207-.498-.17-.024-.353-.055-.47-.18-.22-.236-.111-.71-.054-.995.052-.26.152-.609.463-.646.484-.057 1.046.148 1.526.22.577.088 1.156.159 1.737.212 2.48.226 5.002.19 7.472-.14.45-.06.899-.13 1.345-.21.399-.072.84-.206 1.08.206.166.281.188.657.162.974a.544.544 0 01-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a5.884 5.884 0 01-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38 0 0 1.243.065 1.658.065.447 0 1.786-.065 1.786-.065.783 0 1.434-.6 1.499-1.38l.94-9.95a3.996 3.996 0 00-1.322-.238c-.826 0-1.491.284-2.26.613z" /></svg>
|
||||
{% tablericon "cup" "Buy Me a Coffee" "height=24" %}
|
||||
</a>
|
||||
7
src/_includes/icons/email.liquid
Normal file
7
src/_includes/icons/email.liquid
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<a
|
||||
class="link--icon"
|
||||
href="mailto:hi@coryd.dev"
|
||||
rel="me"
|
||||
title="Email">
|
||||
{% tablericon "at" "Email" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
<a
|
||||
href="mailto:hi@coryd.dev"
|
||||
rel="me"
|
||||
title="Fastmail">
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg
|
||||
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
|
||||
viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(0.976563, 0, 0, -0.976563, -0.000137, 437.500092)">
|
||||
<g transform="">
|
||||
<path
|
||||
d="M 256 192 L 375 274 L 375 125 C 375 117 368 110 360 110 L 136 110 L 136 274 L 256 192 Z M 512 192 C 512 51 397 -64 256 -64 C 168 -64 91 -20 45 47 L 91 79 C 127 27 187 -8 256 -8 C 366 -8 456 82 456 192 C 456 233 443 272 420 305 L 420 305 C 384 358 324 392 256 392 C 145 392 56 303 56 192 C 56 152 68 112 91 79 L 45 47 C 16 90 0 140 0 192 C 0 333 115 448 256 448 C 343 448 420 404 466 337 C 496 294 512 244 512 192 Z M 512 192"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<title>Fastmail</title>
|
||||
</svg>
|
||||
</a>
|
||||
|
|
@ -1,11 +1,7 @@
|
|||
<a
|
||||
class="link--icon"
|
||||
href="https://github.com/cdransf"
|
||||
rel="me"
|
||||
title="GitHub">
|
||||
<svg
|
||||
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
|
||||
role="img"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" /></svg>
|
||||
{% tablericon "brand-github" "GitHub" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,11 +1,7 @@
|
|||
<a
|
||||
class="link--icon"
|
||||
href="https://letterboxd.com/cdme"
|
||||
rel="me"
|
||||
title="Letterboxd">
|
||||
<svg
|
||||
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
|
||||
role="img"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Letterboxd</title><path d="M8.29 16.752V7.2H6.546V4.8h6.328v2.4h-1.746v9.574h3.925v-2.618h2.839V19.2H6.545v-2.448h1.746zM0 12c0 6.628 5.372 12 12 12s12-5.372 12-12S18.628 0 12 0 0 5.372 0 12z" /></svg>
|
||||
{% tablericon "brand-letterboxd" "Letterboxd" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,11 +1,7 @@
|
|||
<a
|
||||
class="link--icon"
|
||||
href="https://social.lol/@cory"
|
||||
rel="me"
|
||||
title="Mastodon">
|
||||
<svg
|
||||
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
|
||||
role="img"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Mastodon</title><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z" /></svg>
|
||||
{% tablericon "brand-mastodon" "Mastodon" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,7 +1,3 @@
|
|||
<a href="/feeds" title="RSS">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
||||
class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/feeds/' %} active{% endif %}">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"/>
|
||||
</svg>
|
||||
<a href="/feeds" title="RSS" class="link--icon{% if page.url == '/feeds/' %} active{% endif %}">
|
||||
{% tablericon "rss" "RSS" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,7 +1,3 @@
|
|||
<a href="/search" title="Search posts">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
|
||||
class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/search/' %} active{% endif %}">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/>
|
||||
</svg>
|
||||
<a href="/search" title="Search posts" class="link--icon{% if page.url == '/search/' %} active{% endif %}">
|
||||
{% tablericon "search" "Search posts" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,9 +1,3 @@
|
|||
<a href="/tags" title="Post tags">
|
||||
<svg
|
||||
class="inline w-6 h-6 outline-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/tags/' %} active{% endif %}"
|
||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z"/>
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6z"/>
|
||||
</svg>
|
||||
<a href="/tags" title="Post tags" class="link--icon{% if page.url == '/tags/' %} active{% endif %}">
|
||||
{% tablericon "tag" "Post tags" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,11 +1,7 @@
|
|||
<a
|
||||
class="link--icon"
|
||||
href="https://trakt.tv/users/cdransf"
|
||||
rel="me"
|
||||
title="Trakt">
|
||||
<svg
|
||||
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500"
|
||||
role="img"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Trakt</title><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm0-22.789C6.05 1.211 1.211 6.05 1.211 12S6.05 22.79 12 22.79 22.79 17.95 22.79 12 17.95 1.211 12 1.211zm-7.11 17.32c1.756 1.92 4.294 3.113 7.11 3.113 1.439 0 2.801-.313 4.027-.876l-6.697-6.68-4.44 4.443zm14.288-.067c1.541-1.71 2.484-3.99 2.484-6.466 0-3.885-2.287-7.215-5.568-8.76l-6.089 6.076 9.164 9.15h.009zm-9.877-8.429L4.227 15.09l-.679-.68 5.337-5.336 6.23-6.225c-.978-.328-2.02-.509-3.115-.509C6.663 2.337 2.337 6.663 2.337 12c0 2.172.713 4.178 1.939 5.801l5.056-5.055.359.329 7.245 7.245c.15-.082.285-.164.42-.266L9.33 12.05l-4.854 4.855-.679-.679 5.535-5.535.359.331 8.46 8.437c.135-.1.255-.215.375-.316L9.39 10.027l-.083.015-.006-.007zm3.047 1.028l-.678-.676 4.788-4.79.679.689-4.789 4.785v-.008zm4.542-6.578l-5.52 5.52-.68-.679 5.521-5.52.679.684v-.005z" /></svg>
|
||||
{% tablericon "device-tv" "Trakt" "height=24" %}
|
||||
</a>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<footer>
|
||||
<div class="mt-8 pt-8 pb-4 flex gap-3 justify-center w-full">
|
||||
{% render "icons/fastmail.liquid" %}
|
||||
{% render "icons/email.liquid" %}
|
||||
{% render "icons/github.liquid" %}
|
||||
{% render "icons/mastodon.liquid" %}
|
||||
{% render "icons/apple-music.liquid" %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% 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">
|
||||
{% heroicon "outline" "calendar" "Anticipated albums" "height=28" %}
|
||||
{% tablericon "calendar-time" "Anticipated albums" "height=28" %}
|
||||
<div class="ml-1">Anticipated albums</div>
|
||||
</h2>
|
||||
<ul class="list-inside list-disc pl-5 md:pl-10">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% if music.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">
|
||||
{% heroicon "outline" "musical-note" "Albums" "height=28" %}
|
||||
{% tablericon "vinyl" "Albums" "height=28" %}
|
||||
<div class="ml-1">Albums</div>
|
||||
</h2>
|
||||
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% if music.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">
|
||||
{% heroicon "outline" "microphone" "Artists" "height=28" %}
|
||||
{% tablericon "microphone-2" "Artists" "height=28" %}
|
||||
<div class="ml-1">Artists</div>
|
||||
</h2>
|
||||
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% if books.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">
|
||||
{% heroicon "outline" "book-open" "Books" "height=28" %}
|
||||
{% tablericon "books" "Books" "height=28" %}
|
||||
<div class="ml-1">Books</div>
|
||||
</h2>
|
||||
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% if links.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">
|
||||
{% heroicon "outline" "link" "Links" "height=28" %}
|
||||
{% tablericon "link" "Links" "height=28" %}
|
||||
<div class="ml-1">Links</div>
|
||||
</h2>
|
||||
<ul class="list-inside list-disc pl-5 md:pl-10">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% if movies.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">
|
||||
{% heroicon "outline" "film" "Movies" "height=28" %}
|
||||
{% tablericon "movie" "Movies" "height=28" %}
|
||||
<div class="ml-1">Movies</div>
|
||||
</h2>
|
||||
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% if tv.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">
|
||||
{% heroicon "outline" "tv" "TV" "height=28" %}
|
||||
{% tablericon "device-tv" "TV" "height=28" %}
|
||||
<div class="ml-1">TV</div>
|
||||
</h2>
|
||||
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
{% if pagination.href.previous %}
|
||||
<a href="{{ pagination.href.previous }}">
|
||||
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page">
|
||||
{% heroicon "outline" "arrow-left" "Previous" "width=20 height=20" %}
|
||||
{% tablericon "arrow-left" "Previous" "width=20 height=20" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50"
|
||||
aria-label="Previous page (disabled)"
|
||||
disabled>
|
||||
{% heroicon "outline" "arrow-left" "Prevous" "width=20 height=20" %}
|
||||
{% tablericon "arrow-left" "Prevous" "width=20 height=20" %}
|
||||
</button>
|
||||
{% endif %}
|
||||
<div class="text-center">
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
{% if pagination.href.next %}
|
||||
<a href="{{ pagination.href.next }}">
|
||||
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Next page">
|
||||
{% heroicon "outline" "arrow-right" "Next" "width=20 height=20" %}
|
||||
{% tablericon "arrow-right" "Next" "width=20 height=20" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50"
|
||||
aria-label="Next page (disabled)"
|
||||
disabled>
|
||||
{% heroicon "outline" "arrow-right" "Next" "width=20 height=20" %}
|
||||
{% tablericon "arrow-right" "Next" "width=20 height=20" %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</nav>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
{% 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">
|
||||
{% heroicon "outline" "fire" "Popular" "height=28" %}
|
||||
{% tablericon "flame" "Popular" "height=28" %}
|
||||
<div class="ml-1">Popular posts</div>
|
||||
</h2>
|
||||
<ul class="list-inside list-disc pl-5 md:pl-10">
|
||||
|
|
|
|||
10
src/now.html
10
src/now.html
|
|
@ -18,13 +18,13 @@ meta:
|
|||
src: https://coryd.dev/assets/img/avatar.webp
|
||||
---
|
||||
<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">
|
||||
{% heroicon "outline" "clock" "Currently" "height=28" %}
|
||||
{% tablericon "clock-heart" "Currently" "height=28" %}
|
||||
<div class="ml-1">Currently</div>
|
||||
</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-1 md:pt-0 mr-1">{% heroicon "outline" "map" "Map" "width=22 height=22" %}</span>
|
||||
<span class="pt-1 md:pt-0 mr-1">{% tablericon "map-2" "Map" "width=22 height=22" %}</span>
|
||||
<span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
|
||||
</p>
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
|
|
@ -42,13 +42,13 @@ meta:
|
|||
</p>
|
||||
</div>
|
||||
<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">
|
||||
{% heroicon "outline" "command-line" "Making" "height=28" %}
|
||||
{% tablericon "terminal-2" "Making" "height=28" %}
|
||||
<div class="ml-1">Making</div>
|
||||
</h2>
|
||||
<div class="pl-4 md:pl-8">
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-1 md:pt-0 mr-1">
|
||||
{% heroicon "outline" "code-bracket" "Hacking" "width=20 height=20" %}
|
||||
{% tablericon "code" "Hacking" "width=20 height=20" %}
|
||||
</span>
|
||||
<span>
|
||||
Hacking away on projects like this page, my
|
||||
|
|
@ -56,7 +56,7 @@ meta:
|
|||
</span>
|
||||
</p>
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-1 md:pt-0 mr-1">{% heroicon "outline" "x-circle" "Ad and tracker-blocking" "width=20 height=20" %}</span>
|
||||
<span class="pt-1 md:pt-0 mr-1">{% tablericon "hand-stop" "Ad and tracker-blocking" "width=20 height=20" %}</span>
|
||||
<a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a>
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -153,7 +153,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">
|
||||
{% heroicon "outline" "microphone" "Artists" "height=28" %}
|
||||
{% tablericon "microphone" "Artists" "height=28" %}
|
||||
<div class="ml-1">Artists</div>
|
||||
</h2>
|
||||
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
|
||||
|
|
@ -177,7 +177,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
|
|||
{% 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">
|
||||
{% heroicon "outline" "musical-note" "Albums" "height=28" %}
|
||||
{% tablericon "musical-note" "Albums" "height=28" %}
|
||||
<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.
|
||||
|
|
|
|||
|
|
@ -47,7 +47,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">
|
||||
{% heroicon "solid" "calendar" "Albums I'm looking forward to" "height=28" %}
|
||||
{% tablericon "calendar" "Albums I'm looking forward to" "height=28" %}
|
||||
<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.
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@ And rendered using a liquid template:
|
|||
{% 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">
|
||||
{% heroicon "outline" "fire" "Popular" "height=28" %}
|
||||
{% tablericon "fire" "Popular" "height=28" %}
|
||||
<div class="ml-1">Popular posts</div>
|
||||
</h2>
|
||||
<ul class="list-inside list-disc pl-5 md:pl-10">
|
||||
|
|
|
|||
58
tailwind.css
58
tailwind.css
|
|
@ -2,46 +2,25 @@
|
|||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
/*noinspection Annotator*/
|
||||
::-moz-selection {
|
||||
color: theme(colors.white);
|
||||
background: theme(colors.purple.400);
|
||||
}
|
||||
|
||||
/*noinspection Annotator*/
|
||||
::selection {
|
||||
color: theme(colors.white);
|
||||
background: theme(colors.purple.400);
|
||||
}
|
||||
|
||||
.toggle-light {
|
||||
@apply inline;
|
||||
}
|
||||
|
||||
.dark .toggle-light {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
.toggle-dark {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
.dark .toggle-dark {
|
||||
@apply inline;
|
||||
}
|
||||
|
||||
.icon-inline svg {
|
||||
@apply inline;
|
||||
}
|
||||
|
||||
.active {
|
||||
.active,
|
||||
.active svg {
|
||||
color: theme(colors.purple.600) !important;
|
||||
}
|
||||
|
||||
.dark .active {
|
||||
color: theme(colors.purple.400) !important;
|
||||
}
|
||||
|
||||
.active:hover,
|
||||
.active:active,
|
||||
.active:focus {
|
||||
|
|
@ -65,11 +44,6 @@ a,
|
|||
color: theme(colors.purple.600);
|
||||
}
|
||||
|
||||
.dark a,
|
||||
.dark .prose a {
|
||||
color: theme(colors.purple.400);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active,
|
||||
|
|
@ -124,3 +98,31 @@ pre {
|
|||
.tag--button:focus {
|
||||
background: theme(colors.purple.500);
|
||||
}
|
||||
|
||||
.link--icon svg {
|
||||
color: theme(colors.gray.700)
|
||||
}
|
||||
|
||||
.link--icon:hover svg {
|
||||
color: theme(colors.purple.500)
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.active,
|
||||
.active svg {
|
||||
color: theme(colors.purple.400) !important;
|
||||
}
|
||||
|
||||
a,
|
||||
.prose a {
|
||||
color: theme(colors.purple.400);
|
||||
}
|
||||
|
||||
.link--icon svg {
|
||||
color: theme(colors.gray.200)
|
||||
}
|
||||
|
||||
.link--icon:hover svg {
|
||||
color: theme(colors.purple.500)
|
||||
}
|
||||
}
|
||||
10
yarn.lock
10
yarn.lock
|
|
@ -240,11 +240,6 @@
|
|||
resolved "https://registry.yarnpkg.com/@catppuccin/tailwindcss/-/tailwindcss-0.1.6.tgz#d97c491e1523ead83009e32d0a34c364c2a0ca5b"
|
||||
integrity sha512-V+Y0AwZ5SSyvOVAcDl7Ng30xy+m82OKnEJ+9+kcZZ7lRyXuZrAb2GScdq9XR3v+ggt8qiZ/G4TvaC9cJ88AAXA==
|
||||
|
||||
"@cdransf/eleventy-plugin-heroicons@^1.3.2":
|
||||
version "1.3.2"
|
||||
resolved "https://registry.yarnpkg.com/@cdransf/eleventy-plugin-heroicons/-/eleventy-plugin-heroicons-1.3.2.tgz#8577330fa34aa6756898898014914b0880582e9f"
|
||||
integrity sha512-sPggfG+nQvVY1hlrTZDbUK5/v7peMR3k6rssuVKm1E0sCL/x+I/lbuvpDp0MXE22chIn5M0Y/GWbSx8zo0sYmw==
|
||||
|
||||
"@commitlint/cli@^17.6.6":
|
||||
version "17.6.6"
|
||||
resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-17.6.6.tgz#416da9c45901323e5bf931aa1eac5995a3aa251c"
|
||||
|
|
@ -1957,6 +1952,11 @@ electron-to-chromium@^1.4.431:
|
|||
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.459.tgz#25a23370f4ae8aaa8f77aaf00133aa4994f4148e"
|
||||
integrity sha512-XXRS5NFv8nCrBL74Rm3qhJjA2VCsRFx0OjHKBMPI0otij56aun8UWiKTDABmd5/7GTR021pA4wivs+Ri6XCElg==
|
||||
|
||||
eleventy-plugin-tabler-icons@^1.0.6:
|
||||
version "1.0.6"
|
||||
resolved "https://registry.yarnpkg.com/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-1.0.6.tgz#a6c06d1fc8868e25a67808bb0fffe15c285f77db"
|
||||
integrity sha512-JWVm1syOnkwJFsXj8Q06phvklrg7Pzk9CU+OLPSuAgUacCs7ctk/1h8CXTgpFB7//wOa0s4xrK5pJoB9biQxzQ==
|
||||
|
||||
eleventy-plugin-unfurl@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/eleventy-plugin-unfurl/-/eleventy-plugin-unfurl-1.0.0.tgz#db70ffd8dd3fdb53c98410929ea260aeb3fd44c5"
|
||||
|
|
|
|||
Reference in a new issue