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

chore: standardize formatting

Browse source
This commit is contained in:
Cory Dransfeldt 2023-03-25 12:53:13 -07:00
parent e94e5a523c
commit a0d064be6a
No known key found for this signature in database
58 changed files with 971 additions and 1673 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

156
.eleventy.js
View file

@ -14,91 +14,91 @@ const now = String(Date.now())
require('dotenv-flow').config() require('dotenv-flow').config()
module.exports = function (eleventyConfig) { module.exports = function (eleventyConfig) {
// plugins // plugins
eleventyConfig.addPlugin(syntaxHighlight) eleventyConfig.addPlugin(syntaxHighlight)
eleventyConfig.addPlugin(heroIcons) eleventyConfig.addPlugin(heroIcons)
eleventyConfig.addPlugin(pluginUnfurl) eleventyConfig.addPlugin(pluginUnfurl)
eleventyConfig.addPlugin(pluginFilesMinifier) eleventyConfig.addPlugin(pluginFilesMinifier)
// tailwind watches // tailwind watches
eleventyConfig.addWatchTarget('./tailwind.config.js') eleventyConfig.addWatchTarget('./tailwind.config.js')
eleventyConfig.addWatchTarget('./tailwind.css') eleventyConfig.addWatchTarget('./tailwind.css')
// passthrough // passthrough
eleventyConfig.addPassthroughCopy('src/assets') eleventyConfig.addPassthroughCopy('src/assets')
eleventyConfig.addPassthroughCopy('src/robots.txt') eleventyConfig.addPassthroughCopy('src/robots.txt')
eleventyConfig.addPassthroughCopy('src/contribute.json') eleventyConfig.addPassthroughCopy('src/contribute.json')
// shortcodes // shortcodes
eleventyConfig.addShortcode('version', () => now) eleventyConfig.addShortcode('version', () => now)
// filters // filters
Object.keys(filters).forEach((filterName) => { Object.keys(filters).forEach((filterName) => {
eleventyConfig.addLiquidFilter(filterName, filters[filterName]) eleventyConfig.addLiquidFilter(filterName, filters[filterName])
})
// date filters
Object.keys(dateFilters).forEach((filterName) => {
eleventyConfig.addLiquidFilter(filterName, dateFilters[filterName])
})
// media filters
Object.keys(mediaFilters).forEach((filterName) => {
eleventyConfig.addLiquidFilter(filterName, mediaFilters[filterName])
})
// enable merging of tags
eleventyConfig.setDataDeepMerge(true)
// create excerpts
eleventyConfig.setFrontMatterParsingOptions({
excerpt: true,
excerpt_alias: 'post_excerpt',
excerpt_separator: '<!-- excerpt -->',
})
// md instance
const md = markdownIt({ html: true, linkify: true })
// enable us to iterate over all the tags, excluding posts and all
eleventyConfig.addCollection('tagList', (collection) => {
const tagsSet = new Set()
collection.getAll().forEach((item) => {
if (!item.data.tags) return
item.data.tags
.filter((tag) => !['posts', 'all'].includes(tag))
.forEach((tag) => tagsSet.add(tag))
}) })
return Array.from(tagsSet).sort()
})
// date filters md.use(markdownItAnchor, {
Object.keys(dateFilters).forEach((filterName) => { level: [1, 2],
eleventyConfig.addLiquidFilter(filterName, dateFilters[filterName]) permalink: markdownItAnchor.permalink.headerLink({
}) safariReaderFix: true,
class: 'header-anchor',
}),
})
md.use(markdownItFootnote)
eleventyConfig.setLibrary('md', md)
// media filters // markdown filter
Object.keys(mediaFilters).forEach((filterName) => { eleventyConfig.addLiquidFilter('markdown', (content) => {
eleventyConfig.addLiquidFilter(filterName, mediaFilters[filterName]) return md.render(content)
}) })
// enable merging of tags // asset_img shortcode
eleventyConfig.setDataDeepMerge(true) eleventyConfig.addLiquidShortcode('asset_img', (filename, alt) => {
return `<img class="my-4" src="/assets/img/posts/${filename}" alt="${alt}" />`
})
// create excerpts return {
eleventyConfig.setFrontMatterParsingOptions({ passthroughFileCopy: true,
excerpt: true, dir: {
excerpt_alias: 'post_excerpt', input: 'src',
excerpt_separator: '<!-- excerpt -->', includes: '_includes',
}) data: '_data',
output: '_site',
// md instance },
const md = markdownIt({ html: true, linkify: true }) }
// enable us to iterate over all the tags, excluding posts and all
eleventyConfig.addCollection('tagList', (collection) => {
const tagsSet = new Set()
collection.getAll().forEach((item) => {
if (!item.data.tags) return
item.data.tags
.filter((tag) => !['posts', 'all'].includes(tag))
.forEach((tag) => tagsSet.add(tag))
})
return Array.from(tagsSet).sort()
})
md.use(markdownItAnchor, {
level: [1, 2],
permalink: markdownItAnchor.permalink.headerLink({
safariReaderFix: true,
class: 'header-anchor',
}),
})
md.use(markdownItFootnote)
eleventyConfig.setLibrary('md', md)
// markdown filter
eleventyConfig.addLiquidFilter('markdown', (content) => {
return md.render(content)
})
// asset_img shortcode
eleventyConfig.addLiquidShortcode('asset_img', (filename, alt) => {
return `<img class="my-4" src="/assets/img/posts/${filename}" alt="${alt}" />`
})
return {
passthroughFileCopy: true,
dir: {
input: 'src',
includes: '_includes',
data: '_data',
output: '_site',
},
}
} }

60
.eslintrc.js
View file

@ -1,33 +1,33 @@
module.exports = { module.exports = {
root: true, root: true,
parser: '@typescript-eslint/parser', parser: '@typescript-eslint/parser',
env: { env: {
browser: true, browser: true,
amd: true, amd: true,
node: true, node: true,
es6: true, es6: true,
}, },
plugins: ['@typescript-eslint'], plugins: ['@typescript-eslint'],
extends: [ extends: [
'eslint:recommended', 'eslint:recommended',
'plugin:@typescript-eslint/eslint-recommended', 'plugin:@typescript-eslint/eslint-recommended',
'plugin:@typescript-eslint/recommended', 'plugin:@typescript-eslint/recommended',
'plugin:jsx-a11y/recommended', 'plugin:jsx-a11y/recommended',
'plugin:prettier/recommended', 'plugin:prettier/recommended',
],
rules: {
'prettier/prettier': 'error',
'jsx-a11y/anchor-is-valid': [
'error',
{
components: ['Link'],
specialLink: ['hrefLeft', 'hrefRight'],
aspects: ['invalidHref', 'preferButton'],
},
], ],
rules: { 'no-unused-vars': 0,
'prettier/prettier': 'error', '@typescript-eslint/explicit-module-boundary-types': 'off',
'jsx-a11y/anchor-is-valid': [ '@typescript-eslint/no-var-requires': 'off',
'error', '@typescript-eslint/ban-ts-comment': 'off',
{ },
components: ['Link'],
specialLink: ['hrefLeft', 'hrefRight'],
aspects: ['invalidHref', 'preferButton'],
},
],
'no-unused-vars': 0,
'@typescript-eslint/explicit-module-boundary-types': 'off',
'@typescript-eslint/no-var-requires': 'off',
'@typescript-eslint/ban-ts-comment': 'off',
},
} }

2
.eslintrc.json
View file

@ -12,7 +12,7 @@
"rules": { "rules": {
"indent": [ "indent": [
"error", "error",
4 2
], ],
"linebreak-style": [ "linebreak-style": [
"error", "error",

122
package.json
View file

@ -1,65 +1,61 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "1.0.0", "version": "1.0.0",
"description": "The source for my personal site, blog and portfolio. Build using 11ty and hosted on Vercel.", "description": "The source for my personal site, blog and portfolio. Build using 11ty and hosted on Vercel.",
"main": "index.html", "main": "index.html",
"scripts": { "scripts": {
"start": "eleventy --serve & npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch", "start": "eleventy --serve & npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
"debug": "DEBUG=Eleventy* npx @11ty/eleventy --serve & npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch", "debug": "DEBUG=Eleventy* npx @11ty/eleventy --serve & npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
"lint": "eslint .", "lint": "eslint .",
"lint:fix": "eslint . --fix", "lint:fix": "eslint . --fix",
"build": "rm -rf .cache && ELEVENTY_PRODUCTION=true eleventy && NODE_ENV=production npx tailwindcss -i ./tailwind.css -c ./tailwind.config.js -o _site/assets/styles/tailwind.css", "build": "rm -rf .cache && ELEVENTY_PRODUCTION=true eleventy && NODE_ENV=production npx tailwindcss -i ./tailwind.css -c ./tailwind.config.js -o _site/assets/styles/tailwind.css",
"prepare": "husky install" "prepare": "husky install"
}, },
"keywords": [], "keywords": [],
"author": "Cory Dransfeldt", "author": "Cory Dransfeldt",
"license": "ISC", "license": "ISC",
"devDependencies": { "devDependencies": {
"@11ty/eleventy": "^2.0.0", "@11ty/eleventy": "^2.0.0",
"@11ty/eleventy-plugin-syntaxhighlight": "^4.2.0", "@11ty/eleventy-plugin-syntaxhighlight": "^4.2.0",
"@fontsource/inter": "^4.5.15", "@fontsource/inter": "^4.5.15",
"eleventy-plugin-heroicons": "^1.1.0", "eleventy-plugin-heroicons": "^1.1.0",
"eslint": "^8.36.0", "eslint": "^8.36.0",
"eslint-config-prettier": "^8.8.0", "eslint-config-prettier": "^8.8.0",
"eslint-plugin-prettier": "^4.2.1", "eslint-plugin-prettier": "^4.2.1",
"postcss": "^8.4.5", "postcss": "^8.4.5",
"prettier": "^2.8.7", "prettier": "^2.8.7",
"prettier-plugin-tailwindcss": "^0.2.5", "prettier-plugin-tailwindcss": "^0.2.5",
"sanitize-html": "^2.10.0" "sanitize-html": "^2.10.0"
}, },
"dependencies": { "dependencies": {
"@11ty/eleventy-activity-feed": "^1.0.9", "@11ty/eleventy-activity-feed": "^1.0.9",
"@11ty/eleventy-fetch": "^4.0.0", "@11ty/eleventy-fetch": "^4.0.0",
"@11ty/eleventy-img": "^3.0.0", "@11ty/eleventy-img": "^3.0.0",
"@commitlint/cli": "^17.5.0", "@commitlint/cli": "^17.5.0",
"@commitlint/config-conventional": "^17.4.4", "@commitlint/config-conventional": "^17.4.4",
"@extractus/feed-extractor": "^6.2.1", "@extractus/feed-extractor": "^6.2.1",
"@funboxteam/markdown-lint": "^2.0.1", "@sherby/eleventy-plugin-files-minifier": "^1.1.1",
"@sherby/eleventy-plugin-files-minifier": "^1.1.1", "@tailwindcss/typography": "^0.5.1",
"@tailwindcss/typography": "^0.5.1", "@typescript-eslint/eslint-plugin": "^5.56.0",
"@typescript-eslint/eslint-plugin": "^5.56.0", "@typescript-eslint/parser": "^5.56.0",
"@typescript-eslint/parser": "^5.56.0", "autoprefixer": "^10.4.2",
"autoprefixer": "^10.4.2", "dotenv-flow": "^3.2.0",
"dotenv-flow": "^3.2.0", "eleventy-plugin-unfurl": "^1.0.0",
"eleventy-plugin-unfurl": "^1.0.0", "eslint-plugin-jsx-a11y": "^6.7.1",
"eslint-plugin-jsx-a11y": "^6.7.1", "husky": "^8.0.3",
"husky": "^8.0.3", "lint-staged": "^13.2.0",
"lint-staged": "^13.2.0", "liquidjs": "^10.7.0",
"liquidjs": "^10.7.0", "markdown-it": "^13.0.1",
"markdown-it": "^13.0.1", "markdown-it-anchor": "^8.4.1",
"markdown-it-anchor": "^8.4.1", "markdown-it-footnote": "^3.0.3",
"markdown-it-footnote": "^3.0.3", "marked": "^4.3.0",
"marked": "^4.3.0", "tailwind-dracula": "^1.1.0",
"tailwind-dracula": "^1.1.0", "tailwindcss": "^3.0.18"
"tailwindcss": "^3.0.18" },
}, "lint-staged": {
"lint-staged": { "**/*.{js,jsx,ts,tsx}": [
"**/*.{js,jsx,ts,tsx}": [ "npx prettier --write",
"npx prettier --write", "npx eslint --fix"
"npx eslint --fix" ]
], }
"*.md": [
"markdown-lint --fix --typograph"
]
}
} }

5
postcss.config.js
View file

@ -1,7 +1,6 @@
module.exports = { module.exports = {
plugins: { plugins: {
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {},
} },
} }

14
prettier.config.js
View file

@ -1,9 +1,9 @@
module.exports = { module.exports = {
semi: false, semi: false,
singleQuote: true, singleQuote: true,
printWidth: 100, printWidth: 100,
tabWidth: 4, tabWidth: 2,
useTabs: false, useTabs: false,
trailingComma: 'es5', trailingComma: 'es5',
bracketSpacing: true, bracketSpacing: true,
} }

4
src/404.md
View file

@ -5,9 +5,9 @@ permalink: 404.html
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>
Sorry, looks like there's nothing here. Sorry, looks like there's nothing here.

16
src/_data/albums.js
View file

@ -1,12 +1,12 @@
const EleventyFetch = require('@11ty/eleventy-fetch') const EleventyFetch = require('@11ty/eleventy-fetch')
module.exports = async function () { module.exports = async function () {
const MUSIC_KEY = process.env.API_KEY_LASTFM const MUSIC_KEY = process.env.API_KEY_LASTFM
const url = `http://ws.audioscrobbler.com/2.0/?method=user.gettopalbums&user=cdme_&api_key=${MUSIC_KEY}&limit=8&format=json&period=7day` const url = `http://ws.audioscrobbler.com/2.0/?method=user.gettopalbums&user=cdme_&api_key=${MUSIC_KEY}&limit=8&format=json&period=7day`
const res = EleventyFetch(url, { const res = EleventyFetch(url, {
duration: '1h', duration: '1h',
type: 'json', type: 'json',
}) })
const albums = await res const albums = await res
return albums.topalbums.album return albums.topalbums.album
} }

16
src/_data/artists.js
View file

@ -1,12 +1,12 @@
const EleventyFetch = require('@11ty/eleventy-fetch') const EleventyFetch = require('@11ty/eleventy-fetch')
module.exports = async function () { module.exports = async function () {
const MUSIC_KEY = process.env.API_KEY_LASTFM const MUSIC_KEY = process.env.API_KEY_LASTFM
const url = `http://ws.audioscrobbler.com/2.0/?method=user.gettopartists&user=cdme_&api_key=${MUSIC_KEY}&limit=8&format=json&period=7day` const url = `http://ws.audioscrobbler.com/2.0/?method=user.gettopartists&user=cdme_&api_key=${MUSIC_KEY}&limit=8&format=json&period=7day`
const res = EleventyFetch(url, { const res = EleventyFetch(url, {
duration: '1h', duration: '1h',
type: 'json', type: 'json',
}) })
const artists = await res const artists = await res
return artists.topartists.artist return artists.topartists.artist
} }

16
src/_data/books.js
View file

@ -2,11 +2,13 @@ const { extract } = require('@extractus/feed-extractor')
const { AssetCache } = require('@11ty/eleventy-fetch') const { AssetCache } = require('@11ty/eleventy-fetch')
module.exports = async function () { module.exports = async function () {
const url = 'https://oku.club/rss/collection/POaRa' const url = 'https://oku.club/rss/collection/POaRa'
const asset = new AssetCache('books_data') const asset = new AssetCache('books_data')
if (asset.isCacheValid('1h')) return await asset.getCachedValue() if (asset.isCacheValid('1h')) return await asset.getCachedValue()
const res = await extract(url).catch((error) => {}) const res = await extract(url).catch((error) => {
const data = res.entries console.log(error.message)
await asset.save(data, 'json') })
return data const data = res.entries
await asset.save(data, 'json')
return data
} }

16
src/_data/movies.js
View file

@ -2,11 +2,13 @@ const { extract } = require('@extractus/feed-extractor')
const { AssetCache } = require('@11ty/eleventy-fetch') const { AssetCache } = require('@11ty/eleventy-fetch')
module.exports = async function () { module.exports = async function () {
const url = 'https://letterboxd.com/cdme/rss' const url = 'https://letterboxd.com/cdme/rss'
const asset = new AssetCache('movies_data') const asset = new AssetCache('movies_data')
if (asset.isCacheValid('1h')) return await asset.getCachedValue() if (asset.isCacheValid('1h')) return await asset.getCachedValue()
const res = await extract(url).catch((error) => {}) const res = await extract(url).catch((error) => {
const data = res.entries.splice(0, 5) console.log(error.message)
await asset.save(data, 'json') })
return data const data = res.entries.splice(0, 5)
await asset.save(data, 'json')
return data
} }

28
src/_data/site.json
View file

@ -1,16 +1,16 @@
{ {
"name": "Cory Dransfeldt", "name": "Cory Dransfeldt",
"url": "https://coryd.dev", "url": "https://coryd.dev",
"title": "Cory Dransfeldt", "title": "Cory Dransfeldt",
"description": "I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.", "description": "I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.",
"gmail": "mailto:hi@coryd.dev", "gmail": "mailto:hi@coryd.dev",
"savvycal": "https://savvycal.com/coryd", "savvycal": "https://savvycal.com/coryd",
"github": "https://github.com/cdransf", "github": "https://github.com/cdransf",
"mastodon": "https://social.lol/@cory", "mastodon": "https://social.lol/@cory",
"glass": "https://glass.photo/coryd", "glass": "https://glass.photo/coryd",
"lastfm": "https://last.fm/user/cdme_", "lastfm": "https://last.fm/user/cdme_",
"letterboxd": "https://letterboxd.com/cdme", "letterboxd": "https://letterboxd.com/cdme",
"trakt": "https://trakt.tv/users/cdransf", "trakt": "https://trakt.tv/users/cdransf",
"oku": "https://oku.club/user/cory", "oku": "https://oku.club/user/cory",
"coffee": "https://www.buymeacoffee.com/cory" "coffee": "https://www.buymeacoffee.com/cory"
} }

14
src/_data/status.js
View file

@ -1,11 +1,11 @@
const EleventyFetch = require('@11ty/eleventy-fetch') const EleventyFetch = require('@11ty/eleventy-fetch')
module.exports = async function () { module.exports = async function () {
const url = 'https://api.omg.lol/address/cory/statuses/' const url = 'https://api.omg.lol/address/cory/statuses/'
const res = EleventyFetch(url, { const res = EleventyFetch(url, {
duration: '1h', duration: '1h',
type: 'json', type: 'json',
}) })
const status = await res const status = await res
return status.response.statuses[0] return status.response.statuses[0]
} }

18
src/_data/tv.js
View file

@ -2,12 +2,14 @@ const { extract } = require('@extractus/feed-extractor')
const { AssetCache } = require('@11ty/eleventy-fetch') const { AssetCache } = require('@11ty/eleventy-fetch')
module.exports = async function () { module.exports = async function () {
const TV_KEY = process.env.API_KEY_TRAKT const TV_KEY = process.env.API_KEY_TRAKT
const url = `https://trakt.tv/users/cdransf/history.atom?slurm=${TV_KEY}` const url = `https://trakt.tv/users/cdransf/history.atom?slurm=${TV_KEY}`
const asset = new AssetCache('tv_data') const asset = new AssetCache('tv_data')
if (asset.isCacheValid('1h')) return await asset.getCachedValue() if (asset.isCacheValid('1h')) return await asset.getCachedValue()
const res = await extract(url).catch((error) => {}) const res = await extract(url).catch((error) => {
const data = res.entries.splice(0, 5) console.log(error.message)
await asset.save(data, 'json') })
return data const data = res.entries.splice(0, 5)
await asset.save(data, 'json')
return data
} }

20
src/_data/webmentions.js
View file

@ -1,14 +1,14 @@
const EleventyFetch = require('@11ty/eleventy-fetch') const EleventyFetch = require('@11ty/eleventy-fetch')
module.exports = async function () { module.exports = async function () {
const KEY_CORYD = process.env.API_KEY_WEBMENTIONS_CORYD_DEV const KEY_CORYD = process.env.API_KEY_WEBMENTIONS_CORYD_DEV
const url = `https://webmention.io/api/mentions.jf2?token=${KEY_CORYD}&per-page=1000` const url = `https://webmention.io/api/mentions.jf2?token=${KEY_CORYD}&per-page=1000`
const res = EleventyFetch(url, { const res = EleventyFetch(url, {
duration: '1h', duration: '1h',
type: 'json', type: 'json',
}) })
const webmentions = await res const webmentions = await res
return { return {
mentions: webmentions.children, mentions: webmentions.children,
} }
} }

8
src/_includes/author.liquid
View file

@ -1,9 +1,13 @@
<div class="mt-12 py-8 border-t-2 flex flex-col md:flex-row justify-between items-center"> <div class="mt-12 py-8 border-t-2 flex flex-col md:flex-row justify-between items-center">
<div class="flex flex-col mb-4 md:mb-0 md:flex-row items-center flex-1"> <div class="flex flex-col mb-4 md:mb-0 md:flex-row items-center flex-1">
<div class="h-20 w-20"> <div class="h-20 w-20">
<img class="inline-block h-20 w-20 mr-2" src="/assets/img/avatar.webp" alt={{ site.name }} loading="lazy" /> <img
class="inline-block h-20 w-20 mr-2"
src="/assets/img/avatar.webp"
alt={{ site.name }}
loading="lazy" />
</div> </div>
<span class="text-lg font-medium">{{ site.name }}</span> <span class="text-lg font-medium">{{ site.name }}</span>
</div> </div>
<p class="text-sm flex-1">{{ site.description }}</p> <p class="text-sm flex-1">{{ site.description }}</p>
</div> </div>

72
src/_includes/base.liquid
View file

@ -1,29 +1,55 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>{{ title }} • {{site.title}}</title> <title>
{% if title %}
{{ title }} •
{% endif %}
{{ site.title }}</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name='viewport' content='width=device-width'> <meta name='viewport' content='width=device-width'>
<link rel="canonical" href="{{ site.url }}{{ page.url }}"/> <link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<meta property="og:title" content="{{ title }}" /> <meta property="og:title" content="{% if title %}{{ title }} • {% endif %}{{site.title}}" />
<meta name="description" content="{% if excerpt %}{{ excerpt}}{% else %}{{ site.description }}{% endif %}" /> <meta name="description" content="{% if excerpt %}{{ excerpt}}{% else %}{{ site.description }}{% endif %}" />
<meta property="og:description" content="{% if excerpt %}{{ excerpt}}{% else %}{{ site.description }}{% endif %}" /> <meta property="og:description" content="{% if excerpt %}{{ excerpt}}{% else %}{{ site.description }}{% endif %}" />
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content="https://coryd.dev{{ page.url }}" /> <meta property="og:url" content="https://coryd.dev{{ page.url }}" />
<meta property="og:image" content="{{ post | getFirstAttachment }}"> <meta property="og:image" content="{{ post | getFirstAttachment }}">
<meta name="theme-color" content="#bd93f9"/> <meta name="theme-color" content="#bd93f9" />
<link rel="icon" type="image/x-icon" href="/assets/img/favicon/favicon-16x16.png"> <link
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png"> rel="icon"
type="image/x-icon"
href="/assets/img/favicon/favicon-16x16.png">
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/img/favicon/favicon-32x32.png">
<link rel="apple-touch-icon" href="/assets/img/favicon/apple-touch-icon.png"> <link rel="apple-touch-icon" href="/assets/img/favicon/apple-touch-icon.png">
<link href="/assets/styles/tailwind.css?v={% version %}" rel="stylesheet" /> <link href="/assets/styles/tailwind.css?v={% version %}" rel="stylesheet" />
<link href="/assets/styles/prism.css?v={% version %}" rel="stylesheet" /> <link href="/assets/styles/prism.css?v={% version %}" rel="stylesheet" />
<link href="/assets/styles/index.css?v={% version %}" rel="stylesheet" /> <link href="/assets/styles/index.css?v={% version %}" rel="stylesheet" />
<script src="https://breezy-restored.coryd.dev/script.js" data-site="RHNGSUXO" defer></script> <script
src="https://breezy-restored.coryd.dev/script.js"
data-site="RHNGSUXO"
defer></script>
<link rel="webmention" href="https://webmention.io/coryd.dev/webmention" /> <link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
<link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" /> <link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
<link type="application/atom+xml" rel="alternate" title="Cory Dransfeldt" href="/feed.xml"> <link
<link rel="alternate" type="application/json" title="Cory Dransfeldt" href="/feed.json" /> type="application/atom+xml"
<link rel="alternate" href="/follow.xml" title="Cory Dransfeldt's activity feed" type="application/rss+xml"> rel="alternate"
title="Cory Dransfeldt"
href="/feed.xml">
<link
rel="alternate"
type="application/json"
title="Cory Dransfeldt"
href="/feed.json" />
<link
rel="alternate"
href="/follow.xml"
title="Cory Dransfeldt's activity feed"
type="application/rss+xml">
<script> <script>
const isDarkMode = () => localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches); const isDarkMode = () => localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches);
if (isDarkMode()) { if (isDarkMode()) {
@ -35,16 +61,16 @@
</head> </head>
<body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800"> <body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800">
{{ content }} {{ content }}
<script> <script>
document.getElementById("toggleDarkMode").addEventListener("click", function() { document.getElementById("toggleDarkMode").addEventListener("click", function() {
if (isDarkMode()) { if (isDarkMode()) {
localStorage.theme = 'light' localStorage.theme = 'light'
document.documentElement.classList.remove('dark') document.documentElement.classList.remove('dark')
} else { } else {
localStorage.theme = 'dark' localStorage.theme = 'dark'
document.documentElement.classList.add('dark') document.documentElement.classList.add('dark')
} }
}); });
</script> </script>
</body> </body>
</html> </html>

4
src/_includes/default.liquid
View file

@ -5,5 +5,5 @@ layout: main
{% include "header.liquid" %} {% include "header.liquid" %}
<div class="pt-12 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full"> <div class="pt-12 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
{{ content }} {{ content }}
</div> </div>

18
src/_includes/feed.liquid
View file

@ -1,16 +1,22 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="/assets/atom-feed.xsl" type="text/xsl" media="screen"?> <?xml-stylesheet href="/assets/atom-feed.xsl" type="text/xsl" media="screen"?>
<feed xmlns="http://www.w3.org/2005/Atom"> <feed xmlns="http://www.w3.org/2005/Atom">
<title>{% block title %}All posts • Cory Dransfeldt{% endblock %}</title> <title>
<link href="{{ pkg.homepage }}/feeds/{% block self %}articles.xml{% endblock %}" rel="self"/> {% block title %}All posts • Cory Dransfeldt{% endblock %}
<link href="{{ pkg.homepage }}/{% block page %}articles/{% endblock %}"/> </title>
<link href="{{ pkg.homepage }}/feeds/{% block self %}articles.xml{% endblock %}" rel="self" />
<link href="{{ pkg.homepage }}/{% block page %}articles/{% endblock %}" />
<link rel="hub" href="http://pubsubhubbub.superfeedr.com/" /> <link rel="hub" href="http://pubsubhubbub.superfeedr.com/" />
<updated>{% block update %}{{ collections.entries | rssLastUpdatedDate }}{% endblock %}</updated> <updated>
<id>{{ site.url }}/{% block id %}posts/{% endblock %}</id> {% block update %}
{{ collections.entries | rssLastUpdatedDate }}{% endblock %}
</updated>
<id>{{ site.url }}/{% block id %}posts/{% endblock %}
</id>
<author> <author>
<name>{{ site.author }}</name> <name>{{ site.author }}</name>
<email>{{ site.email }}</email> <email>{{ site.email }}</email>
</author> </author>
<generator uri="https://11ty.dev" version="{{ eleventy.version }}">{{ eleventy.generator }}</generator> <generator uri="https://11ty.dev" version="{{ eleventy.version }}">{{ eleventy.generator }}</generator>
{% block entries %}{% endblock %} {% block entries %}{% endblock %}
</feed> </feed>

30
src/_includes/footer.liquid
View file

@ -1,14 +1,18 @@
<footer> <footer>
<div class="mt-8 pt-8 pb-4 flex gap-3 justify-center w-full"> <div class="mt-8 pt-8 pb-4 flex gap-3 justify-center w-full">
{% include "icons/gmail.liquid" %} {% include "icons/gmail.liquid" %}
{% include "icons/savvycal.liquid" %} {% include "icons/savvycal.liquid" %}
{% include "icons/github.liquid" %} {% include "icons/github.liquid" %}
{% include "icons/mastodon.liquid" %} {% include "icons/mastodon.liquid" %}
{% include "icons/glass.liquid" %} {% include "icons/glass.liquid" %}
{% include "icons/lastfm.liquid" %} {% include "icons/lastfm.liquid" %}
{% include "icons/letterboxd.liquid" %} {% include "icons/letterboxd.liquid" %}
{% include "icons/trakt.liquid" %} {% include "icons/trakt.liquid" %}
{% include "icons/oku.liquid" %} {% include "icons/oku.liquid" %}
</div> </div>
<p class="text-sm text-gray-500 dark:text-gray-100 text-center pb-8"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/uses' %} active{% endif %}" href="/uses">Uses</a> • <a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/referrals' %} active{% endif %}" href="/referrals">Referrals</a> • Cory Dransfeldt • © {{ "now" | date: "%Y" }}</p> <p class="text-sm text-gray-500 dark:text-gray-100 text-center pb-8">
</footer> <a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/uses' %} active{% endif %}" href="/uses">Uses</a>
•
<a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/referrals' %} active{% endif %}" href="/referrals">Referrals</a>
• Cory Dransfeldt • © {{ "now" | date: "%Y" }}</p>
</footer>

10
src/_includes/header.liquid
View file

@ -1,6 +1,6 @@
<div class="flex flex-col md:flex-row md:items-center md:justify-between pt-5 md:pt-10"> <div class="flex flex-col md:flex-row md:items-center md:justify-between pt-5 md:pt-10">
<h1 class="text-2xl md:text-3xl font-black leading-tight hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400 pb-5 md:pb-0"> <h1 class="text-2xl md:text-3xl font-black leading-tight hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400 pb-5 md:pb-0">
<a href="/">{{ site.title }}</a> <a href="/">{{ site.title }}</a>
</h1> </h1>
{% include "nav.liquid" %} {% include "nav.liquid" %}
</div> </div>

17
src/_includes/icons/coffee.liquid
View file

@ -1,5 +1,14 @@
{% if site.coffee != "" %} {% if site.coffee != "" %}
<a href={{ site.coffee }} onclick="fathom.trackGoal('XAJG76MR', 0)" rel="me" title="Buy Me a Coffee"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" 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> href={{ site.coffee }}
</a> onclick="fathom.trackGoal('XAJG76MR', 0)"
{% endif %} 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-400"
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>
</a>
{% endif %}

16
src/_includes/icons/github.liquid
View file

@ -1,5 +1,13 @@
{% if site.github != "" %} {% if site.github != "" %}
<a href={{ site.github }} rel="me" title="GitHub"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" 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> href={{ site.github }}
</a> rel="me"
{% endif %} 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-400"
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>
</a>
{% endif %}

21
src/_includes/icons/glass.liquid
View file

@ -1,9 +1,20 @@
{% if site.glass != "" %} {% if site.glass != "" %}
<a href={{ site.glass }} rel="me" title="Glass"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"> href={{ site.glass }}
rel="me"
title="Glass">
<svg
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="w-6 h-6">
<path d="M12 9a3.75 3.75 0 100 7.5A3.75 3.75 0 0012 9z" /> <path d="M12 9a3.75 3.75 0 100 7.5A3.75 3.75 0 0012 9z" />
<path fill-rule="evenodd" d="M9.344 3.071a49.52 49.52 0 015.312 0c.967.052 1.83.585 2.332 1.39l.821 1.317c.24.383.645.643 1.11.71.386.054.77.113 1.152.177 1.432.239 2.429 1.493 2.429 2.909V18a3 3 0 01-3 3h-15a3 3 0 01-3-3V9.574c0-1.416.997-2.67 2.429-2.909.382-.064.766-.123 1.151-.178a1.56 1.56 0 001.11-.71l.822-1.315a2.942 2.942 0 012.332-1.39zM6.75 12.75a5.25 5.25 0 1110.5 0 5.25 5.25 0 01-10.5 0zm12-1.5a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" /> <path
fill-rule="evenodd"
d="M9.344 3.071a49.52 49.52 0 015.312 0c.967.052 1.83.585 2.332 1.39l.821 1.317c.24.383.645.643 1.11.71.386.054.77.113 1.152.177 1.432.239 2.429 1.493 2.429 2.909V18a3 3 0 01-3 3h-15a3 3 0 01-3-3V9.574c0-1.416.997-2.67 2.429-2.909.382-.064.766-.123 1.151-.178a1.56 1.56 0 001.11-.71l.822-1.315a2.942 2.942 0 012.332-1.39zM6.75 12.75a5.25 5.25 0 1110.5 0 5.25 5.25 0 01-10.5 0zm12-1.5a.75.75 0 100-1.5.75.75 0 000 1.5z"
clip-rule="evenodd" />
</svg> </svg>
</a> </a>
{% endif %} {% endif %}

16
src/_includes/icons/gmail.liquid
View file

@ -1,5 +1,13 @@
{% if site.gmail != "" %} {% if site.gmail != "" %}
<a href={{ site.gmail }} rel="me" title="Gmail"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gmail</title><path d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z"/></svg> href={{ site.gmail }}
</a> rel="me"
{% endif %} title="Gmail">
<svg
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<title>Gmail</title><path d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z" /></svg>
</a>
{% endif %}

16
src/_includes/icons/lastfm.liquid
View file

@ -1,5 +1,13 @@
{% if site.lastfm != "" %} {% if site.lastfm != "" %}
<a href={{ site.lastfm }} rel="me" title="Last.fm"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Last.fm</title><path d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z"/></svg> href={{ site.lastfm }}
</a> rel="me"
{% endif %} title="Last.fm">
<svg
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<title>Last.fm</title><path d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z" /></svg>
</a>
{% endif %}

16
src/_includes/icons/letterboxd.liquid
View file

@ -1,5 +1,13 @@
{% if site.letterboxd != "" %} {% if site.letterboxd != "" %}
<a href={{ site.letterboxd }} rel="me" title="Letterboxd"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" 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> href={{ site.letterboxd }}
</a> rel="me"
{% endif %} 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-400"
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>
</a>
{% endif %}

14
src/_includes/icons/mastodon.liquid
View file

@ -1,5 +1,13 @@
{% if site.mastodon != "" %} {% if site.mastodon != "" %}
<a href={{ site.mastodon }} rel="me" title="Mastodon"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" 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> href={{ site.mastodon }}
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-400"
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>
</a> </a>
{% endif %} {% endif %}

16
src/_includes/icons/oku.liquid
View file

@ -1,7 +1,13 @@
{% if site.oku != "" %} {% if site.oku != "" %}
<a href={{ site.oku }} rel="me" title="Oku"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"> href={{ site.oku }}
<path d="M 500 183.794 L 500 248.024 C 442.688 248.024 387.352 270.751 346.838 310.277 C 314.229 342.885 292.49 383.399 285.573 427.866 L 500 427.866 L 500 493.083 L 0 493.083 L 0 427.866 L 215.415 427.866 C 208.498 383.399 186.759 341.897 154.15 309.289 C 113.636 269.763 58.3 247.036 0 247.036 L 0 181.818 C 51.383 181.818 102.767 195.652 146.245 222.332 C 190.711 248.024 226.285 285.573 250.988 331.028 C 274.704 286.561 310.277 249.012 354.743 223.32 C 398.221 196.64 448.617 183.794 500 183.794 Z M 169.96 85.968 C 169.96 42.49 205.534 6.917 250 6.917 C 294.466 6.917 330.04 42.49 330.04 85.968 C 330.04 129.447 294.466 164.032 250 164.032 C 205.534 164.032 169.96 129.447 169.96 85.968 Z M 169.96 85.968" /> rel="me"
title="Oku">
<svg
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400"
viewBox="0 0 500 500"
xmlns="http://www.w3.org/2000/svg">
<path d="M 500 183.794 L 500 248.024 C 442.688 248.024 387.352 270.751 346.838 310.277 C 314.229 342.885 292.49 383.399 285.573 427.866 L 500 427.866 L 500 493.083 L 0 493.083 L 0 427.866 L 215.415 427.866 C 208.498 383.399 186.759 341.897 154.15 309.289 C 113.636 269.763 58.3 247.036 0 247.036 L 0 181.818 C 51.383 181.818 102.767 195.652 146.245 222.332 C 190.711 248.024 226.285 285.573 250.988 331.028 C 274.704 286.561 310.277 249.012 354.743 223.32 C 398.221 196.64 448.617 183.794 500 183.794 Z M 169.96 85.968 C 169.96 42.49 205.534 6.917 250 6.917 C 294.466 6.917 330.04 42.49 330.04 85.968 C 330.04 129.447 294.466 164.032 250 164.032 C 205.534 164.032 169.96 129.447 169.96 85.968 Z M 169.96 85.968" />
</svg> </svg>
</a> </a>
{% endif %} {% endif %}

9
src/_includes/icons/rss.liquid
View file

@ -1,3 +1,8 @@
<a href="/feed.xml" title="RSS"> <a href="/feed.xml" title="RSS">
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>RSS</title><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/></svg> <svg
</a> class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<title>RSS</title><path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z" /></svg>
</a>

14
src/_includes/icons/savvycal.liquid
View file

@ -1,7 +1,13 @@
{% if site.savvycal != "" %} {% if site.savvycal != "" %}
<a href={{ site.savvycal }} rel="me" title="SavvyCal"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"> href={{ site.savvycal }}
rel="me"
title="SavvyCal">
<svg
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400"
viewBox="0 0 500 500"
xmlns="http://www.w3.org/2000/svg">
<path d="M 207.401 11.364 C 399.543 -22.311 454.017 14.335 488.682 207.468 C 522.357 400.602 487.692 454.085 291.587 488.75 C 95.482 522.424 44.97 484.788 11.296 291.655 C -23.369 98.521 16.248 45.038 207.401 11.364 Z M 230.18 96.54 C 193.535 102.483 166.793 119.32 150.946 144.081 C 139.061 162.899 135.099 185.679 139.061 204.497 C 146.984 244.114 179.669 269.865 247.018 274.817 L 251.97 274.817 L 257.912 275.808 L 262.864 275.808 C 285.644 277.789 300.501 282.741 309.415 287.693 C 314.367 290.664 317.338 294.626 318.328 303.54 C 321.3 320.377 308.424 336.224 272.769 342.166 C 249.989 346.128 225.228 341.176 198.487 326.32 C 178.678 315.425 153.917 330.281 154.908 353.061 C 154.908 363.956 160.85 372.87 169.764 377.822 C 208.391 398.621 246.027 406.544 283.663 399.611 C 348.041 388.717 385.677 345.138 375.773 293.635 C 367.85 244.114 333.185 222.325 255.931 216.382 L 250.979 216.382 C 226.219 214.401 211.362 209.449 202.448 203.507 C 198.487 200.535 197.496 197.564 196.506 193.602 C 195.515 188.65 197.496 181.717 201.458 174.784 C 207.401 164.88 219.286 157.947 240.085 153.985 C 257.912 151.014 275.74 153.985 294.558 163.889 C 314.367 174.784 338.137 159.928 338.137 137.148 C 337.147 127.244 331.204 117.339 322.29 112.387 C 292.577 96.54 261.874 90.598 230.18 96.54 Z M 230.18 96.54" /> <path d="M 207.401 11.364 C 399.543 -22.311 454.017 14.335 488.682 207.468 C 522.357 400.602 487.692 454.085 291.587 488.75 C 95.482 522.424 44.97 484.788 11.296 291.655 C -23.369 98.521 16.248 45.038 207.401 11.364 Z M 230.18 96.54 C 193.535 102.483 166.793 119.32 150.946 144.081 C 139.061 162.899 135.099 185.679 139.061 204.497 C 146.984 244.114 179.669 269.865 247.018 274.817 L 251.97 274.817 L 257.912 275.808 L 262.864 275.808 C 285.644 277.789 300.501 282.741 309.415 287.693 C 314.367 290.664 317.338 294.626 318.328 303.54 C 321.3 320.377 308.424 336.224 272.769 342.166 C 249.989 346.128 225.228 341.176 198.487 326.32 C 178.678 315.425 153.917 330.281 154.908 353.061 C 154.908 363.956 160.85 372.87 169.764 377.822 C 208.391 398.621 246.027 406.544 283.663 399.611 C 348.041 388.717 385.677 345.138 375.773 293.635 C 367.85 244.114 333.185 222.325 255.931 216.382 L 250.979 216.382 C 226.219 214.401 211.362 209.449 202.448 203.507 C 198.487 200.535 197.496 197.564 196.506 193.602 C 195.515 188.65 197.496 181.717 201.458 174.784 C 207.401 164.88 219.286 157.947 240.085 153.985 C 257.912 151.014 275.74 153.985 294.558 163.889 C 314.367 174.784 338.137 159.928 338.137 137.148 C 337.147 127.244 331.204 117.339 322.29 112.387 C 292.577 96.54 261.874 90.598 230.18 96.54 Z M 230.18 96.54" />
</svg> </svg>
</a> </a>
{% endif %} {% endif %}

12
src/_includes/icons/tags.liquid
View file

@ -1,3 +1,11 @@
<a href="/tags" title="Post tags"> <a href="/tags" title="Post tags">
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"><path fill-rule="evenodd" d="M5.25 2.25a3 3 0 00-3 3v4.318a3 3 0 00.879 2.121l9.58 9.581c.92.92 2.39 1.186 3.548.428a18.849 18.849 0 005.441-5.44c.758-1.16.492-2.629-.428-3.548l-9.58-9.581a3 3 0 00-2.122-.879H5.25zM6.375 7.5a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z" clip-rule="evenodd" /></svg> <svg
</a> class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="w-6 h-6"><path
fill-rule="evenodd"
d="M5.25 2.25a3 3 0 00-3 3v4.318a3 3 0 00.879 2.121l9.58 9.581c.92.92 2.39 1.186 3.548.428a18.849 18.849 0 005.441-5.44c.758-1.16.492-2.629-.428-3.548l-9.58-9.581a3 3 0 00-2.122-.879H5.25zM6.375 7.5a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
clip-rule="evenodd" /></svg>
</a>

27
src/_includes/icons/toggle-theme.liquid
View file

@ -1,8 +1,21 @@
<div id="toggleDarkMode" class="cursor-pointer"> <div id="toggleDarkMode" class="cursor-pointer">
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400 toggle-light" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"> <svg
<path d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z" /> class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400 toggle-light"
</svg> xmlns="http://www.w3.org/2000/svg"
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400 toggle-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"> viewBox="0 0 24 24"
<path fill-rule="evenodd" d="M9.528 1.718a.75.75 0 01.162.819A8.97 8.97 0 009 6a9 9 0 009 9 8.97 8.97 0 003.463-.69.75.75 0 01.981.98 10.503 10.503 0 01-9.694 6.46c-5.799 0-10.5-4.701-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 01.818.162z" clip-rule="evenodd" /> fill="currentColor"
</svg> class="w-6 h-6">
</div> <path d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z" />
</svg>
<svg
class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400 toggle-dark"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
class="w-6 h-6">
<path
fill-rule="evenodd"
d="M9.528 1.718a.75.75 0 01.162.819A8.97 8.97 0 009 6a9 9 0 009 9 8.97 8.97 0 003.463-.69.75.75 0 01.981.98 10.503 10.503 0 01-9.694 6.46c-5.799 0-10.5-4.701-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 01.818.162z"
clip-rule="evenodd" />
</svg>
</div>

16
src/_includes/icons/trakt.liquid
View file

@ -1,5 +1,13 @@
{% if site.trakt != "" %} {% if site.trakt != "" %}
<a href={{ site.trakt }} rel="me" title="Trakt"> <a
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" 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> href={{ site.trakt }}
</a> rel="me"
{% endif %} 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-400"
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>
</a>
{% endif %}

14
src/_includes/main.liquid
View file

@ -3,12 +3,8 @@ layout: base
--- ---
<div class="min-h-screen flex flex-col"> <div class="min-h-screen flex flex-col">
<main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
<main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto"> {{ content }}
</main>
{{ content }} {% include "footer.liquid" %}
</div>
</main>
{% include "footer.liquid" %}
</div>

18
src/_includes/nav.liquid
View file

@ -1,18 +1,22 @@
<nav> <nav>
<ul class="flex"> <ul class="flex">
<li class="mr-6"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/now' %} active{% endif %}" href="/now">/now</a></li>
<li class="mr-6"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/about' %} active{% endif %}" href="/about">About</a></li>
<li class="mr-6"> <li class="mr-6">
{% include "icons/coffee.liquid" %} <a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/now' %} active{% endif %}" href="/now">/now</a>
</li> </li>
<li class="mr-6"> <li class="mr-6">
{% include "icons/tags.liquid" %} <a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/about' %} active{% endif %}" href="/about">About</a>
</li> </li>
<li class="mr-6"> <li class="mr-6">
{% include "icons/rss.liquid" %} {% include "icons/coffee.liquid" %}
</li>
<li class="mr-6">
{% include "icons/tags.liquid" %}
</li>
<li class="mr-6">
{% include "icons/rss.liquid" %}
</li> </li>
<li> <li>
{% include "icons/toggle-theme.liquid" %} {% include "icons/toggle-theme.liquid" %}
</li> </li>
</ul> </ul>
</nav> </nav>

10
src/_includes/now-topper.liquid
View file

@ -1,5 +1,7 @@
<div class="border-b border-gray-200 pb-8 dark:border-gray-700 mb-8 pb-8 dark:text-white text-gray-800"> <div class="border-b border-gray-200 pb-8 dark:border-gray-700 mb-8 pb-8 dark:text-white text-gray-800">
<a class="no-underline" href="/now"><h2 class="m-0 text-xl font-black leading-tight tracking-normal md:text-2xl text-primary-500 hover:text-primary-400 mb-4">Now</h2></a> <a class="no-underline" href="/now">
<p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.</p> <h2 class="m-0 text-xl font-black leading-tight tracking-normal md:text-2xl text-primary-500 hover:text-primary-400 mb-4">Now</h2>
<p class="mb-0">{{ status.emoji }} {{ status.content }}</p> </a>
</div> <p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.</p>
<p class="mb-0">{{ status.emoji }} {{ status.content }}</p>
</div>

251
src/_includes/now.liquid
View file

@ -3,150 +3,151 @@ layout: main
--- ---
{% include "header.liquid" %} {% include "header.liquid" %}
<div class="pt-12 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full"> <div class="pt-12 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
<h2 <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-4">
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-4" Currently
> </h2>
Currently <div class="pl-4 md:pl-8">
</h2> <p class="my-2">{{ status.emoji }} {{ status.content }}</p>
<div class="pl-4 md:pl-8"> <p class="my-2">
<p class="my-2">{{ status.emoji }} {{ status.content }}</p> <span class="icon-inline mr-1">{% heroicon "solid" "map" "Map" "width=20 height=20" %}</span>
<p class="my-2"><span class="icon-inline mr-1">{% heroicon "solid" "map" "Map" "width=20 height=20" %}</span> Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</p> Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</p>
<p class="my-2"><span class="icon-inline mr-1">{% heroicon "solid" "code" "Code" "width=20 height=20" %}</span> Working at <a href="https://hashicorp.com">HashiCorp</a></p> <p class="my-2">
<p class="my-2"> <span class="icon-inline mr-1">{% heroicon "solid" "code" "Code" "width=20 height=20" %}</span>
<span class="icon-inline mr-1"> Working at
<svg class="fill-gray-800 dark:fill-white w-5" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>NBA</title><path d="M9.19 0a2.486 2.486 0 0 0-2.485 2.484v19.029A2.488 2.488 0 0 0 9.19 24h5.615a2.493 2.493 0 0 0 2.49-2.487V2.484A2.488 2.488 0 0 0 14.81 0zm0 .584h3.21c-.62.237-.707.508-.73 1.366-.105.01-.325-.087-.25.434 0 0 .043.346.18.286-.133.918.023.99-.93 1.031l-.047.067c-.95.093-1.25-.027-2.05 1.603 0 0-.207.505-.268.714-.197.415-.674 1.328-.819 1.919-.046.2-.14.264-.01.553.185.417-.124.527.95.496V9.3s-.286.247-.346.398c-.061.147-.226.89-.22 1.237.019.917.767 1.683.992 2.597l.492.07c.282.634 1.495 2.355 1.743 2.582.057.159.365.355.545.551.149.141 1.025 1.1 2.054 1.692-.007-.001.164.344.249.618-.342.275.32.777.52 1.609.012.107-.19.222.114.495-.022 1.256-.402 1.918.241 2.266H9.191a1.9 1.9 0 0 1-1.9-1.901V2.486a1.9 1.9 0 0 1 1.9-1.902zm3.804.002h1.815a1.9 1.9 0 0 1 1.897 1.898v9.193a1.653 1.653 0 0 0-.22-.397c0-.255-.272-.249-.346-.344-.07-.081.067-.128-.407-.235-.09-.05-.158-.747-.158-.747-.07-.447-.229-.754-.467-1.227-.12-.243-.177-1.001-.305-1.386.071-1.767-.493-2.28-.95-2.569-.174-.11-.262-.191-.433-.29l-.005-.082c-.133-.126-.402-.264-.623-.362-.068-.07-.037-.22.01-.276.15-.02.348-.356.513-.703.129.009.174-.118.214-.19.138-.222.288-.413.096-.542.435-.777.154-1.301-.08-1.321-.095-.195-.26-.316-.551-.42zm.551 6.338c.06.319.34 1.929.456 2.187.123.259.535 1.05.73 1.54a1.69 1.69 0 0 0-1.294 1.646 1.692 1.692 0 0 0 1.693 1.691 1.692 1.692 0 0 0 1.576-1.066v8.59a1.887 1.887 0 0 1-1.598 1.877h-.017c.833-.502.319-1.46.16-2.022-.012-.033.014-.074.026-.1.045-.08-.045-.257-.045-.257-.098-.09-.127-.561-.182-.772-.089-.358.157-.971.157-1.18 0-.206-.156-.491-.445-.858-.069-.078-.276-1.86-.462-2.313-.258-.623-.339-.526-.64-1.266-.24-.525-.055-1.295-.59-3.085.005.006.12-.113.12-.113s-.422-1.55-.561-1.975c-.14-.426-.385-.456-.385-.456s.002-.172.012-.216c.02-.07.516-1.367.558-1.407.001-.03.717-.514.731-.445Z"/></svg> <a href="https://hashicorp.com">HashiCorp</a>
</span> </p>
Rooting for the <a href="https://lakers.com">Lakers</a>, for better or worse.</p> <p class="my-2">
{{ content }} <span class="icon-inline mr-1">
</div> <svg
<h2 class="fill-gray-800 dark:fill-white w-5"
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4" role="img"
> viewBox="0 0 24 24"
Making xmlns="http://www.w3.org/2000/svg">
</h2> <title>NBA</title><path d="M9.19 0a2.486 2.486 0 0 0-2.485 2.484v19.029A2.488 2.488 0 0 0 9.19 24h5.615a2.493 2.493 0 0 0 2.49-2.487V2.484A2.488 2.488 0 0 0 14.81 0zm0 .584h3.21c-.62.237-.707.508-.73 1.366-.105.01-.325-.087-.25.434 0 0 .043.346.18.286-.133.918.023.99-.93 1.031l-.047.067c-.95.093-1.25-.027-2.05 1.603 0 0-.207.505-.268.714-.197.415-.674 1.328-.819 1.919-.046.2-.14.264-.01.553.185.417-.124.527.95.496V9.3s-.286.247-.346.398c-.061.147-.226.89-.22 1.237.019.917.767 1.683.992 2.597l.492.07c.282.634 1.495 2.355 1.743 2.582.057.159.365.355.545.551.149.141 1.025 1.1 2.054 1.692-.007-.001.164.344.249.618-.342.275.32.777.52 1.609.012.107-.19.222.114.495-.022 1.256-.402 1.918.241 2.266H9.191a1.9 1.9 0 0 1-1.9-1.901V2.486a1.9 1.9 0 0 1 1.9-1.902zm3.804.002h1.815a1.9 1.9 0 0 1 1.897 1.898v9.193a1.653 1.653 0 0 0-.22-.397c0-.255-.272-.249-.346-.344-.07-.081.067-.128-.407-.235-.09-.05-.158-.747-.158-.747-.07-.447-.229-.754-.467-1.227-.12-.243-.177-1.001-.305-1.386.071-1.767-.493-2.28-.95-2.569-.174-.11-.262-.191-.433-.29l-.005-.082c-.133-.126-.402-.264-.623-.362-.068-.07-.037-.22.01-.276.15-.02.348-.356.513-.703.129.009.174-.118.214-.19.138-.222.288-.413.096-.542.435-.777.154-1.301-.08-1.321-.095-.195-.26-.316-.551-.42zm.551 6.338c.06.319.34 1.929.456 2.187.123.259.535 1.05.73 1.54a1.69 1.69 0 0 0-1.294 1.646 1.692 1.692 0 0 0 1.693 1.691 1.692 1.692 0 0 0 1.576-1.066v8.59a1.887 1.887 0 0 1-1.598 1.877h-.017c.833-.502.319-1.46.16-2.022-.012-.033.014-.074.026-.1.045-.08-.045-.257-.045-.257-.098-.09-.127-.561-.182-.772-.089-.358.157-.971.157-1.18 0-.206-.156-.491-.445-.858-.069-.078-.276-1.86-.462-2.313-.258-.623-.339-.526-.64-1.266-.24-.525-.055-1.295-.59-3.085.005.006.12-.113.12-.113s-.422-1.55-.561-1.975c-.14-.426-.385-.456-.385-.456s.002-.172.012-.216c.02-.07.516-1.367.558-1.407.001-.03.717-.514.731-.445Z" /></svg>
<div class="pl-4 md:pl-8"> </span>
<p class="my-2"><span class="icon-inline mr-1">{% heroicon "solid" "terminal" "Terminal" "width=20 height=20" %}</span> Hacking away on random projects like this page, my <a href="/">blog</a>, and whatever else I can find time for.</p> Rooting for the
</div> <a href="https://lakers.com">Lakers</a>, for better or worse.</p>
{% if artists %} {{ content }}
<h2 </div>
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4" <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
> Making
Listening: artists </h2>
<div class="pl-4 md:pl-8">
<p class="my-2">
<span class="icon-inline mr-1">{% heroicon "solid" "terminal" "Terminal" "width=20 height=20" %}</span>
Hacking away on random projects like this page, my
<a href="/">blog</a>, and whatever else I can find time for.</p>
</div>
{% if artists %}
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
Listening: artists
</h2> </h2>
<div> <div>
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose"> <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
{% for artist in artists %} {% for artist in artists %}
<a href="{{artist.url}}" title="{{artist.name | escape}}"> <a href="{{artist.url}}" title="{{artist.name | escape}}">
<div class="relative block"> <div class="relative block">
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-primary-500 bg-cover-gradient dark:border-gray-500"></div> <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-primary-500 bg-cover-gradient dark:border-gray-500"></div>
<div class="absolute left-1 bottom-2 drop-shadow-md"> <div class="absolute left-1 bottom-2 drop-shadow-md">
<div class="px-1 text-xs font-bold text-white">{{artist.name}}</div> <div class="px-1 text-xs font-bold text-white">{{ artist.name }}</div>
<div class="px-1 text-xs text-white"> <div class="px-1 text-xs text-white">
{{artist.playcount}} plays {{ artist.playcount }} plays
</div> </div>
</div> </div>
<img <img
src="{{artist.name | artist}}" src="{{artist.name | artist}}"
onerror="this.onerror=null; this.src='/assets/img/media/404.jpg'" onerror="this.onerror=null; this.src='/assets/img/media/404.jpg'"
width="350" width="350"
height="350" height="350"
class="rounded-lg" alt="{{artist.name | escape}}" class="rounded-lg"
loading="lazy" alt="{{artist.name | escape}}"
/> loading="lazy" />
</div> </div>
</a> </a>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
{% endif %} {% endif %}
{% if albums %} {% if albums %}
<h2 <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4" Listening: albums
>
Listening: albums
</h2> </h2>
<div> <div>
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose"> <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
{% for album in albums %} {% for album in albums %}
<a href="{{album.url}}" title="{{album.name | escape}}"> <a href="{{album.url}}" title="{{album.name | escape}}">
<div class="relative block"> <div class="relative block">
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-primary-500 bg-cover-gradient dark:border-gray-500"></div> <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-primary-500 bg-cover-gradient dark:border-gray-500"></div>
<div class="absolute left-1 bottom-2 drop-shadow-md"> <div class="absolute left-1 bottom-2 drop-shadow-md">
<div class="px-1 text-xs font-bold text-white">{{album.name}}</div> <div class="px-1 text-xs font-bold text-white">{{ album.name }}</div>
<div class="px-1 text-xs text-white"> <div class="px-1 text-xs text-white">
{{album.artist.name}} {{ album.artist.name }}
</div> </div>
</div> </div>
<img <img
src="{{album | album}}" src="{{album | album}}"
onerror="this.onerror=null; this.src='/assets/img/media/404.jpg'" onerror="this.onerror=null; this.src='/assets/img/media/404.jpg'"
width="350" width="350"
height="350" height="350"
class="rounded-lg" class="rounded-lg"
alt="{{album.name | escape}}" alt="{{album.name | escape}}"
loading="lazy" loading="lazy" />
/> </div>
</div> </a>
</a> {% endfor %}
{% endfor %} </div>
</div>
</div> </div>
{% endif %} {% endif %}
{% if books %} {% if books %}
<h2 <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4" Reading
>
Reading
</h2> </h2>
<div> <div>
<ul class="list-inside list-disc pl-5 md:pl-10"> <ul class="list-inside list-disc pl-5 md:pl-10">
{% for book in books %} {% for book in books %}
<li class="mt-1.5 mb-2"> <li class="mt-1.5 mb-2">
<a href="{{book.link}}" title="{{book.title | escape}}"> <a href="{{book.link}}" title="{{book.title | escape}}">
{{book.title}} {{ book.title }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% endif %} {% endif %}
{% if movies %} {% if movies %}
<h2 <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4" Watching: movies
>
Watching: movies
</h2> </h2>
<div> <div>
<ul class="list-inside list-disc pl-5 md:pl-10"> <ul class="list-inside list-disc pl-5 md:pl-10">
{% for movie in movies %} {% for movie in movies %}
<li class="mt-1.5 mb-2"> <li class="mt-1.5 mb-2">
<a href="{{movie.link}}" title="{{movie.title | escape}}"> <a href="{{movie.link}}" title="{{movie.title | escape}}">
{{movie.title}} {{ movie.title }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% endif %} {% endif %}
{% if tv %} {% if tv %}
<h2 <h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4" Watching: tv
>
Watching: tv
</h2> </h2>
<div> <div>
<ul class="list-inside list-disc pl-5 md:pl-10"> <ul class="list-inside list-disc pl-5 md:pl-10">
{% for show in tv %} {% for show in tv %}
<li class="mt-1.5 mb-2"> <li class="mt-1.5 mb-2">
<a href="{{show.link}}" title="{{show.title | escape}}"> <a href="{{show.link}}" title="{{show.title | escape}}">
{{show.title}} {{ show.title }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% endif %} {% endif %}
<p class="text-xs text-center">This is a <a href="https://nownownow.com/about">now page</a>, and if you have your own site, <a href="https://nownownow.com/about">you should make one too</a>.</p> <p class="text-xs text-center">This is a
</div> <a href="https://nownownow.com/about">now page</a>, and if you have your own site,
<a href="https://nownownow.com/about">you should make one too</a>.</p>
</div>

48
src/_includes/paginator.liquid
View file

@ -4,33 +4,39 @@
<button class="py-2 pr-4 text-primary-500 hover:text-primary-400" aria-label="Previous page">Previous</button> <button class="py-2 pr-4 text-primary-500 hover:text-primary-400" aria-label="Previous page">Previous</button>
</a> </a>
{% else %} {% else %}
<button class="py-2 pr-4 cursor-not-allowed disabled:opacity-50" aria-label="Previous page (disabled)" disabled>Previous</button> <button
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50"
aria-label="Previous page (disabled)"
disabled>Previous</button>
{% endif %} {% endif %}
<div class="flex flex-row gap-2 items-center"> <div class="flex flex-row gap-2 items-center">
{% for pageEntry in pagination.pages %} {% for pageEntry in pagination.pages %}
{% if page.url == pagination.hrefs[forloop.index0] %} {% if page.url == pagination.hrefs[forloop.index0] %}
<a href="{{ pagination.hrefs[forloop.index0] }}" aria-current="page"> <a href="{{ pagination.hrefs[forloop.index0] }}" aria-current="page">
<button class="w-12 h-12 rounded-full text-white dark:text-gray-900 bg-primary-400 hover:bg-primary-500 dark:hover:bg-primary-300" aria-label="Go to page {{forloop.index}}"> <button class="w-12 h-12 rounded-full text-white dark:text-gray-900 bg-primary-400 hover:bg-primary-500 dark:hover:bg-primary-300" aria-label="Go to page {{forloop.index}}">
{{ forloop.index }} {{ forloop.index }}
</button> </button>
</a> </a>
{% else %} {% else %}
<a href="{{ pagination.hrefs[forloop.index0] }}"> <a href="{{ pagination.hrefs[forloop.index0] }}">
<button class="py-2 px-4" aria-label="Go to page {{forloop.index}}"> <button class="py-2 px-4" aria-label="Go to page {{forloop.index}}">
{{ forloop.index }} {{ forloop.index }}
</button> </button>
</a> </a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
{% if pagination.href.next %} {% if pagination.href.next %}
<a href="{{ pagination.href.next }}"> <a href="{{ pagination.href.next }}">
<button class="py-2 pl-4 text-primary-500 hover:text-primary-400" aria-label="Next page">Next</button> <button class="py-2 pl-4 text-primary-500 hover:text-primary-400" aria-label="Next page">Next</button>
</a> </a>
{% else %} {% else %}
<button class="py-2 pl-4 cursor-not-allowed disabled:opacity-50" aria-label="Next page (disabled)" disabled>Next</button> <button
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50"
aria-label="Next page (disabled)"
disabled>Next</button>
{% endif %} {% endif %}
</nav> </nav>

20
src/_includes/post.liquid
View file

@ -4,15 +4,15 @@ layout: main
{% include "header.liquid" %} {% include "header.liquid" %}
<article class="h-entry"> <article class="h-entry">
<h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-12">{{title}}</h2> <h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-12">{{ title }}</h2>
<span class="p-author h-card hidden">{{ site.title }}</span> <span class="p-author h-card hidden">{{ site.title }}</span>
<div class="mt-2 mb-6 text-sm"> <div class="mt-2 mb-6 text-sm">
<time class="dt-published" datetime="{{ date }}">{{ date | date: "%m.%d.%Y" }}</time> <time class="dt-published" datetime="{{ date }}">{{ date | date: "%m.%d.%Y" }}</time>
</div> </div>
<div class="p-summary hidden">{{ post_excerpt | markdown }}</div> <div class="p-summary hidden">{{ post_excerpt | markdown }}</div>
<div class="e-content prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full text-gray-800 dark:text-white"> <div class="e-content prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full text-gray-800 dark:text-white">
{{ content }} {{ content }}
</div> </div>
</article> </article>
{% include "webmentions.liquid" %} {% include "webmentions.liquid" %}
{% include "author.liquid" %} {% include "author.liquid" %}

85
src/_includes/webmentions.liquid
View file

@ -1,64 +1,61 @@
{% if webmentions %} {% if webmentions %}
<div class="border-t border-gray-200 mt-12 pt-14 dark:border-gray-700"> <div class="border-t border-gray-200 mt-12 pt-14 dark:border-gray-700">
{% assign mentions = webmentions.mentions | webmentionsByUrl: page.url %} {% assign mentions = webmentions.mentions | webmentionsByUrl: page.url %}
{% if mentions['repost-of'].size > 0 %} {% if mentions['repost-of'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Reposts</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Reposts</h2>
<div class="flex flex-row items-center mt-4 mb-6"> <div class="flex flex-row items-center mt-4 mb-6">
<ul class="ml-3 flex flex-row flex-wrap"> <ul class="ml-3 flex flex-row flex-wrap">
{% for mention in mentions['repost-of'] %} {% for mention in mentions['repost-of'] %}
<li class="-ml-3 inline"> <li class="-ml-3 inline">
<a href={{mention.url}}> <a href={{mention.url}}>
<img <img
src={{mention.author.photo}} src={{mention.author.photo}}
alt={{mention.author.name}} alt={{mention.author.name}}
class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300" class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
loading="lazy" loading="lazy" />
/> </a>
</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% endif %} {% endif %}
{% if mentions['like-of'].size > 0 %} {% if mentions['like-of'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Likes</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Likes</h2>
<div class="flex flex-row items-center mt-4 mb-6"> <div class="flex flex-row items-center mt-4 mb-6">
<ul class="ml-3 flex flex-row flex-wrap"> <ul class="ml-3 flex flex-row flex-wrap">
{% for mention in mentions['like-of'] %} {% for mention in mentions['like-of'] %}
<li class="-ml-3 inline"> <li class="-ml-3 inline">
<a href={{mention.url}}> <a href={{mention.url}}>
<img <img
src={{mention.author.photo}} src={{mention.author.photo}}
alt={{mention.author.name}} alt={{mention.author.name}}
class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300" class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
loading="lazy" loading="lazy" />
/> </a>
</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% endif %} {% endif %}
{% if mentions['in-reply-to'].size > 0 %} {% if mentions['in-reply-to'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2> <h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2>
<div class="mt-4 flex flex-col items-center not-prose"> <div class="mt-4 flex flex-col items-center not-prose">
{% for mention in mentions['in-reply-to'] %} {% for mention in mentions['in-reply-to'] %}
<div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full"> <div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">
<a class="group flex flex-row space-between items-center" href={{mention.url}}> <a class="group flex flex-row space-between items-center" href={{mention.url}}>
<img <img
src={{mention.author.photo}} src={{mention.author.photo}}
alt={{mention.author.name}} alt={{mention.author.name}}
class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-primary-500 dark:group-hover:border-primary-300" class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-primary-500 dark:group-hover:border-primary-300"
loading="lazy" loading="lazy" />
/> <div class="ml-3">
<div class="ml-3"> <p class="text-sm group-hover:text-primary-500 dark:group-hover:text-primary-300">{{ mention.content.text }}</p>
<p class="text-sm group-hover:text-primary-500 dark:group-hover:text-primary-300">{{mention.content.text}}</p> <p class="mt-1 text-xs group-hover:text-primary-500 dark:group-hover:text-primary-300">{{ mention.published | isoDateOnly }}</p>
<p class="mt-1 text-xs group-hover:text-primary-500 dark:group-hover:text-primary-300">{{mention.published | isoDateOnly}}</p> </div>
</div>
</a> </a>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}
</div> </div>
{% endif %} {% endif %}

10
src/about.md
View file

@ -4,7 +4,7 @@ title: About
--- ---
<div class="flex items-center justify-center w-full"> <div class="flex items-center justify-center w-full">
<img class="max-w-xs w-full h-auto mt-0 mb-1" src="/assets/img/avatar.webp" alt={{ site.name }} loading="lazy" /> <img class="max-w-xs w-full h-auto mt-0 mb-1" src="/assets/img/avatar.webp" alt={{ site.name }} loading="lazy" />
</div> </div>
<h1 class="text-xxl font-black -leading-tight tracking-normal dark:text-gray-200 md:text-3xl text-center">Hi, I'm Cory</h1> <h1 class="text-xxl font-black -leading-tight tracking-normal dark:text-gray-200 md:text-3xl text-center">Hi, I'm Cory</h1>
@ -17,10 +17,10 @@ I tend to write about whatever strikes me, with a focus on development, technolo
[You can also see what I'm doing now](/now). [You can also see what I'm doing now](/now).
<h3 <h3
class="m-0 text-lg font-black leading-tight tracking-normal dark:text-gray-200 md:text-xl mb-2" class="m-0 text-lg font-black leading-tight tracking-normal dark:text-gray-200 md:text-xl mb-2"
> >
Contact Contact
</h3> </h3>
- [Email](mailto:hi@coryd.dev) - [Email](mailto:hi@coryd.dev)
- [Calendar](https://savvycal.com/coryd) - [Calendar](https://savvycal.com/coryd)

6
src/assets/styles/prism.css
View file

@ -162,9 +162,9 @@ pre[class*='language-'] {
word-break: normal; word-break: normal;
word-wrap: normal; word-wrap: normal;
line-height: 1.5; line-height: 1.5;
-moz-tab-size: 4; -moz-tab-size: 2;
-o-tab-size: 4; -o-tab-size: 2;
tab-size: 4; tab-size: 2;
-webkit-hyphens: none; -webkit-hyphens: none;
-moz-hyphens: none; -moz-hyphens: none;
-ms-hyphens: none; -ms-hyphens: none;

2
src/contribute.json
View file

@ -3,7 +3,7 @@
"description": "Cory Dransfeldt's personal blog.", "description": "Cory Dransfeldt's personal blog.",
"repository": { "repository": {
"url": "https://github.com/mozilla/contribute.json", "url": "https://github.com/mozilla/contribute.json",
"license": "MPL2" "license": "ISC"
}, },
"keywords": ["11ty", "Eleventy", "Javascript", "Liquid.js", "Markdown"] "keywords": ["11ty", "Eleventy", "Javascript", "Liquid.js", "Markdown"]
} }

18
src/feed.11ty.liquid
View file

@ -3,12 +3,12 @@ permalink: '/feed.json'
--- ---
{% assign posts = collections.posts | reverse %} {% assign posts = collections.posts | reverse %}
{ {
"posts": [ "posts": [
{% for item in posts %} {% for item in posts %}
{ {
"title": "{{ item.data.title }}", "title": "{{ item.data.title }}",
"url": "{{ item.url }}" "url": "{{ item.url }}"
}{% if not loop.last %},{% endif %} }{% if not loop.last %},{% endif %}
{% endfor %} {% endfor %}
] ]
} }

5
src/feeds/all.liquid
View file

@ -5,7 +5,8 @@ permalink: /feed.xml
{% layout "./_includes/feed.liquid" %} {% layout "./_includes/feed.liquid" %}
{% block title %}All posts • Cory Dransfeldt{% endblock %} {% block title %}All posts • Cory Dransfeldt{% endblock %}
{% block self %}all.xml{% endblock %} {% block self %}all.xml{% endblock %}
{% block update %}{{ collections.posts | rssLastUpdatedDate }}{% endblock %} {% block update %}
{{ collections.posts | rssLastUpdatedDate }}{% endblock %}
{% block entries %} {% block entries %}
{% assign posts = collections.posts | reverse %} {% assign posts = collections.posts | reverse %}
{% for post in posts %} {% for post in posts %}
@ -19,4 +20,4 @@ permalink: /feed.xml
</content> </content>
</entry> </entry>
{% endfor %} {% endfor %}
{% endblock %} {% endblock %}

58
src/feeds/webfinger.liquid
View file

@ -2,32 +2,32 @@
permalink: '.well-known/webfinger' permalink: '.well-known/webfinger'
--- ---
{ {
"subject": "acct:coryd@social.lol", "subject": "acct:coryd@social.lol",
"aliases": ["https://coryd.dev", "https://social.lol/@coryd", "https://social.lol/users/coryd"], "aliases": ["https://coryd.dev", "https://social.lol/@coryd", "https://social.lol/users/coryd"],
"links": [ "links": [
{ {
"rel": "http://webfinger.net/rel/avatar", "rel": "http://webfinger.net/rel/avatar",
"type": "image/webp", "type": "image/webp",
"href": "https://coryd.dev/static/images/avatar.webp" "href": "https://coryd.dev/static/images/avatar.webp"
}, },
{ {
"rel": "http://webfinger.net/rel/profile-page", "rel": "http://webfinger.net/rel/profile-page",
"type": "text/html", "type": "text/html",
"href": "https://coryd.dev" "href": "https://coryd.dev"
}, },
{ {
"rel": "http://webfinger.net/rel/profile-page", "rel": "http://webfinger.net/rel/profile-page",
"type": "text/html", "type": "text/html",
"href": "https://social.lol/users/coryd" "href": "https://social.lol/users/coryd"
}, },
{ {
"rel": "self", "rel": "self",
"type": "application/activity+json", "type": "application/activity+json",
"href": "https://social.lol/users/coryd" "href": "https://social.lol/users/coryd"
}, },
{ {
"rel": "http://ostatus.org/schema/1.0/subscribe", "rel": "http://ostatus.org/schema/1.0/subscribe",
"template": "social.lol/authorize_interaction?uri={uri}" "template": "social.lol/authorize_interaction?uri={uri}"
} }
] ]
} }

36
src/follow-feed.11ty.js
View file

@ -1,24 +1,24 @@
module.exports = class { module.exports = class {
data() { data() {
return { return {
permalink: '/follow.xml', permalink: '/follow.xml',
}
} }
}
async render() { async render() {
const { ActivityFeed } = await import('@11ty/eleventy-activity-feed') const { ActivityFeed } = await import('@11ty/eleventy-activity-feed')
const feed = new ActivityFeed() const feed = new ActivityFeed()
feed.addSource('atom', 'Blog', 'https://coryd.dev/feed.xml') feed.addSource('atom', 'Blog', 'https://coryd.dev/feed.xml')
feed.addSource('rss', 'Letterboxd', 'https://letterboxd.com/cdme/rss') feed.addSource('rss', 'Letterboxd', 'https://letterboxd.com/cdme/rss')
feed.addSource('rss', 'Glass', 'https://glass.photo/coryd/rss') feed.addSource('rss', 'Glass', 'https://glass.photo/coryd/rss')
feed.addSource('rss', 'Oku', 'https://oku.club/rss/collection/NvEmF') feed.addSource('rss', 'Oku', 'https://oku.club/rss/collection/NvEmF')
return feed.toRssFeed({ return feed.toRssFeed({
title: "Cory Dransfeldt's activity feed", title: "Cory Dransfeldt's activity feed",
language: 'en', language: 'en',
url: 'https://coryd.dev/follow/', url: 'https://coryd.dev/follow/',
subtitle: "Cory Dransfeldt's activity across the web.", subtitle: "Cory Dransfeldt's activity across the web.",
}) })
} }
} }

39
src/index.html
View file

@ -11,26 +11,25 @@ pagination:
{% include "now-topper.liquid" %} {% for post in pagination.items %} {% if post.data.published %} {% include "now-topper.liquid" %} {% for post in pagination.items %} {% if post.data.published %}
<article class="h-entry"> <article class="h-entry">
<div <div
class="mb-8 border-b border-gray-200 pb-4 text-gray-800 dark:border-gray-700 dark:text-white" 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 }}" <a class="no-underline" href="{{ post.url }}">
><h2 <h2
class="p-name m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl" class="p-name m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl"
> >
{{ post.data.title }} {{ post.data.title }}
</h2> </h2>
</a> </a>
<span class="p-author h-card hidden">{{ site.title }}</span> <span class="p-author h-card hidden">{{ site.title }}</span>
<div class="my-2 text-sm"> <div class="my-2 text-sm">
<time class="dt-published" datetime="{{ post.date }}"> <time class="dt-published" datetime="{{ post.date }}">
{{ post.date | date: "%m.%d.%Y" }} {{ post.date | date: "%m.%d.%Y" }}
</time> </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 &rarr;</a>
</div>
</div> </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 &rarr;</a>
</div>
</div>
</article> </article>
{% endif %} {% endfor %} {% include "paginator.liquid" %}
{% endif %} {% endfor %} {% include "paginator.liquid" %}

6
src/referrals.md
View file

@ -4,9 +4,9 @@ title: Referrals
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>
Referral links for services I use. I save some money and you do as well if you choose to use them. Referral links for services I use. I save some money and you do as well if you choose to use them.
@ -17,4 +17,4 @@ Referral links for services I use. I save some money and you do as well if you c
- <a href="https://nextdns.io/?from=m56mt3z6" onclick="fathom.trackGoal('CG4FNTCN', 0)">NextDNS</a> - <a href="https://nextdns.io/?from=m56mt3z6" onclick="fathom.trackGoal('CG4FNTCN', 0)">NextDNS</a>
- <a href="https://dnsimple.com/r/3a7cbb9e15df8f" onclick="fathom.trackGoal('MFQVXQQ9', 0)">DNSimple</a> - <a href="https://dnsimple.com/r/3a7cbb9e15df8f" onclick="fathom.trackGoal('MFQVXQQ9', 0)">DNSimple</a>
- <a href="https://bunny.net?ref=3kd0m6d30v" onclick="fathom.trackGoal('EIQ2NE4V', 0)">Bunny.net</a> - <a href="https://bunny.net?ref=3kd0m6d30v" onclick="fathom.trackGoal('EIQ2NE4V', 0)">Bunny.net</a>
- <a href="https://m.do.co/c/3635bf99aee2" onclick="fathom.trackGoal('YQQCW9LE', 0)">DigitalOcean</a> - <a href="https://m.do.co/c/3635bf99aee2" onclick="fathom.trackGoal('YQQCW9LE', 0)">DigitalOcean</a>

14
src/sitemap.md
View file

@ -3,11 +3,11 @@ permalink: /sitemap.xml
eleventyExcludeFromCollections: true eleventyExcludeFromCollections: true
--- ---
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
{% for page in collections.all %} {% for page in collections.all %}
<url> <url>
<loc>{{ site.url }}{{ page.url | url }}</loc> <loc>{{ site.url }}{{ page.url | url }}</loc>
<lastmod>{{ page.date }}</lastmod> <lastmod>{{ page.date }}</lastmod>
<changefreq>{{page.data.changeFreq}}</changefreq> <changefreq>{{page.data.changeFreq}}</changefreq>
</url> </url>
{% endfor %} {% endfor %}
</urlset> </urlset>

25
src/tagList.md
View file

@ -11,19 +11,18 @@ templateEngineOverride: liquid,md
--- ---
{% for post in collections[tag] %} {% for post in collections[tag] %}
<div class="mb-8 border-b border-gray-200 pb-4 dark:border-gray-700"> <div class="mb-8 border-b border-gray-200 pb-4 dark:border-gray-700">
<a class="no-underline" href="{{ post.url }}" <a class="no-underline" href="{{ post.url }}">
><h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl"
> >
{{ post.data.title }} {{ post.data.title }}
</h2> </h2>
</a> </a>
<div class="h-14 flex items-center text-sm"> <div class="h-14 flex items-center text-sm">
<span>{{ post.date | date: "%m.%d.%Y" }}</span> <span>{{ post.date | date: "%m.%d.%Y" }}</span>
<span class="mx-1">•</span> <span class="mx-1">•</span>
<a class="flex-none font-normal no-underline" href="{{ post.url }}">Read more &rarr;</a> <a class="flex-none font-normal no-underline" href="{{ post.url }}">Read more &rarr;</a>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}

7
src/tags.md
View file

@ -6,9 +6,10 @@ title: Tags
{% for tag in collections.tagList %} {% for tag in collections.tagList %}
<span> <span>
<a href="/tags/{{ tag }}" class="no-underline"><button class="font-semibold py-2 px-4 mr-4 mb-4 rounded-full text-white dark:text-gray-900 bg-primary-400 hover:bg-primary-500 dark:hover:bg-primary-300"> <a href="/tags/{{ tag }}" class="no-underline">
{{ tag }} <button class="font-semibold py-2 px-4 mr-4 mb-4 rounded-full text-white dark:text-gray-900 bg-primary-400 hover:bg-primary-500 dark:hover:bg-primary-300">
{{ tag }}
</button> </button>
</a> </a>
</span> </span>
{% endfor %} {% endfor %}

4
src/uses.md
View file

@ -4,9 +4,9 @@ title: Uses
--- ---
<h2 <h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2" class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mb-2"
> >
{{ title }} {{ title }}
</h2> </h2>
Software and services that I use for work and my own enjoyment. Software and services that I use for work and my own enjoyment.

115
tailwind.config.js
View file

@ -1,68 +1,67 @@
const defaultTheme = require('tailwindcss/defaultTheme') const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
const dracula = require('tailwind-dracula/colors') const dracula = require('tailwind-dracula/colors')
module.exports = { module.exports = {
darkMode: 'class', darkMode: 'class',
theme: { theme: {
extend: { extend: {
spacing: { spacing: {
'9/16': '56.25%', '9/16': '56.25%',
},
lineHeight: {
11: '2.75rem',
12: '3rem',
13: '3.25rem',
14: '3.5rem',
},
fontFamily: {
sans: ['InterVariable', ...defaultTheme.fontFamily.sans],
},
colors: {
...dracula,
primary: dracula.purple,
gray: dracula.darker,
blue: dracula.blue,
cyan: dracula.cyan,
green: dracula.green,
orange: dracula.orange,
pink: dracula.pink,
purple: dracula.purple,
red: dracula.red,
yellow: dracula.yellow,
dark: dracula.dark,
darker: dracula.darker,
light: dracula.light,
},
backgroundImage: {
'cover-gradient':
'linear-gradient(180deg,transparent 0,rgba(0,0,0,.15) 70%,rgba(0,0,0,.5))',
},
typography: (theme) => ({
DEFAULT: {
css: {
a: {
color: theme('colors.primary.500'),
'&:hover': {
color: `${theme('colors.primary.400')} !important`,
},
code: { color: theme('colors.primary.400') },
}, },
lineHeight: { pre: {
11: '2.75rem', backgroundColor: theme('colors.gray.900'),
12: '3rem', border: `1px solid ${theme('colors.gray.700')}`,
13: '3.25rem',
14: '3.5rem',
}, },
fontFamily: { code: {
sans: ['InterVariable', ...defaultTheme.fontFamily.sans], color: `${theme('colors.gray.50')} !important`,
backgroundColor: theme('colors.gray.900'),
borderRadius: '0.25rem',
padding: '0.25rem',
}, },
colors: { },
...dracula,
primary: dracula.purple,
gray: dracula.darker,
blue: dracula.blue,
cyan: dracula.cyan,
green: dracula.green,
orange: dracula.orange,
pink: dracula.pink,
purple: dracula.purple,
red: dracula.red,
yellow: dracula.yellow,
dark: dracula.dark,
darker: dracula.darker,
light: dracula.light,
},
backgroundImage: {
'cover-gradient':
'linear-gradient(180deg,transparent 0,rgba(0,0,0,.15) 70%,rgba(0,0,0,.5))',
},
typography: (theme) => ({
DEFAULT: {
css: {
a: {
color: theme('colors.primary.500'),
'&:hover': {
color: `${theme('colors.primary.400')} !important`,
},
code: { color: theme('colors.primary.400') },
},
pre: {
backgroundColor: theme('colors.gray.900'),
border: `1px solid ${theme('colors.gray.700')}`,
},
code: {
color: `${theme('colors.gray.50')} !important`,
backgroundColor: theme('colors.gray.900'),
borderRadius: '0.25rem',
padding: '0.25rem',
},
},
},
}),
}, },
}),
}, },
plugins: [require('@tailwindcss/typography'), require('tailwind-dracula')('dracula')], },
content: ['./src/**/*.md', './src/**/*.html', './src/_includes/**/*.liquid'], plugins: [require('@tailwindcss/typography'), require('tailwind-dracula')('dracula')],
content: ['./src/**/*.md', './src/**/*.html', './src/_includes/**/*.liquid'],
} }

20
tailwind.css
View file

@ -3,35 +3,35 @@
@tailwind utilities; @tailwind utilities;
::-moz-selection { ::-moz-selection {
color: theme(colors.gray.800); color: theme(colors.gray.800);
background: theme(colors.purple.400); background: theme(colors.purple.400);
} }
::selection { ::selection {
color: theme(colors.gray.800); color: theme(colors.gray.800);
background: theme(colors.purple.400); background: theme(colors.purple.400);
} }
.toggle-light { .toggle-light {
@apply inline; @apply inline;
} }
.dark .toggle-light { .dark .toggle-light {
@apply hidden; @apply hidden;
} }
.toggle-dark { .toggle-dark {
@apply hidden; @apply hidden;
} }
.dark .toggle-dark { .dark .toggle-dark {
@apply inline; @apply inline;
} }
.icon-inline svg { .icon-inline svg {
@apply inline; @apply inline;
} }
.active { .active {
@apply text-primary-400 !important; @apply text-primary-400 !important;
} }

116
vercel.json
View file

@ -1,60 +1,60 @@
{ {
"redirects": [ "redirects": [
{ {
"source": "/blog/fixing-safari-icloud-syncing", "source": "/blog/fixing-safari-icloud-syncing",
"destination": "/posts/2022/fixing-safari-icloud-syncing/" "destination": "/posts/2022/fixing-safari-icloud-syncing/"
}, },
{ {
"source": "/blog/migrating-to-fastmail", "source": "/blog/migrating-to-fastmail",
"destination": "/posts/2022/migrating-to-fastmail/" "destination": "/posts/2022/migrating-to-fastmail/"
}, },
{ {
"source": "/blog/client-side-webmentions-in-nextjs", "source": "/blog/client-side-webmentions-in-nextjs",
"destination": "/posts/2023/client-side-webmentions-in-nextjs/" "destination": "/posts/2023/client-side-webmentions-in-nextjs/"
}, },
{ {
"source": "/blog/apple-centric-digital-privacy-tools", "source": "/blog/apple-centric-digital-privacy-tools",
"destination": "/posts/2022/apple-centric-digital-privacy-tools/" "destination": "/posts/2022/apple-centric-digital-privacy-tools/"
}, },
{ {
"source": "/blog/automating-rss-syndication-with-nextjs-github", "source": "/blog/automating-rss-syndication-with-nextjs-github",
"destination": "/posts/2023/automating-rss-syndication-with-nextjs-github/" "destination": "/posts/2023/automating-rss-syndication-with-nextjs-github/"
}, },
{ {
"source": "/blog/apple-music-a-tale-of-woe", "source": "/blog/apple-music-a-tale-of-woe",
"destination": "/posts/2021/apple-music-a-tale-of-woe/" "destination": "/posts/2021/apple-music-a-tale-of-woe/"
}, },
{ {
"source": "/blog/building-a-now-page-using-nextjs-and-social-apis", "source": "/blog/building-a-now-page-using-nextjs-and-social-apis",
"destination": "/posts/2023/building-a-now-page-using-nextjs-and-social-apis/" "destination": "/posts/2023/building-a-now-page-using-nextjs-and-social-apis/"
}, },
{ {
"source": "/blog/adding-client-side-rendered-webmentions-to-my-blog", "source": "/blog/adding-client-side-rendered-webmentions-to-my-blog",
"destination": "/posts/2023/client-side-webmentions-in-nextjs/" "destination": "/posts/2023/client-side-webmentions-in-nextjs/"
}, },
{ {
"source": "/blog/automating-email-cleanup-in-gmail", "source": "/blog/automating-email-cleanup-in-gmail",
"destination": "/posts/2022/automating-email-cleanup-in-gmail/" "destination": "/posts/2022/automating-email-cleanup-in-gmail/"
}, },
{ {
"source": "/blog/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt", "source": "/blog/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt",
"destination": "/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt/" "destination": "/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt/"
}, },
{ {
"source": "/blog/simple-api-fetch-hooks-with-swr", "source": "/blog/simple-api-fetch-hooks-with-swr",
"destination": "/posts/2022/simple-api-fetch-hooks-with-swr/" "destination": "/posts/2022/simple-api-fetch-hooks-with-swr/"
}, },
{ {
"source": "/2023/02/automatingandprobablyoverengineeringmy-nowpage", "source": "/2023/02/automatingandprobablyoverengineeringmy-nowpage",
"destination": "/posts/2023/automating-and-overengineering-my-now-page/" "destination": "/posts/2023/automating-and-overengineering-my-now-page/"
}, },
{ {
"source": "/2023/01/workflows-handling-inbound-email-on-fastmail-with-regular-expressions", "source": "/2023/01/workflows-handling-inbound-email-on-fastmail-with-regular-expressions",
"destination": "/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt/" "destination": "/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt/"
}, },
{ {
"source": "/rss.xml", "source": "/rss.xml",
"destination": "/feed.xml" "destination": "/feed.xml"
} }
] ]
} }

858
yarn.lock
View file

File diff suppressed because it is too large Load diff