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

fix: date format

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-06 09:31:01 -07:00
parent bca668ef72
commit 3075a0499e
No known key found for this signature in database
20 changed files with 53 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/_data/analytics.js
View file

@ -1,18 +1,14 @@
import EleventyFetch from '@11ty/eleventy-fetch'
export default async function () {
const API_KEY_FATHOM = process.env.API_KEY_FATHOM
const url =
'https://api.usefathom.com/v1/aggregations?entity=pageview&entity_id=CWSVCDJC&aggregates=pageviews&field_grouping=pathname&sort_by=pageviews:desc&limit=10'
const SITE_ID_CLICKY = process.env.SITE_ID_CLICKY
const SITE_KEY_CLICKY = process.env.SITE_KEY_CLICKY
const url = `https://api.clicky.com/api/stats/4?site_id=${SITE_ID_CLICKY}&sitekey=${SITE_KEY_CLICKY}&type=pages&output=json`
const res = EleventyFetch(url, {
duration: '1h',
type: 'json',
fetchOptions: {
headers: {
Authorization: `Bearer ${API_KEY_FATHOM}`,
},
},
}).catch()
const pages = await res
return pages.filter((p) => p.pathname.includes('posts'))
const data = await res
const pages = data[0].dates[0].items
return pages.filter((p) => p.url.includes('posts'))
}

8
src/_includes/base.liquid
View file

@ -15,11 +15,7 @@
{% render "../assets/styles/index.css" %}
{% endcapture %}
<style>{{ css }}</style>
{% capture js %}
{% render "../assets/scripts/index.js" %}
{% endcapture %}
<script>{{ js }}</script>
<script src="https://cdn.usefathom.com/script.js" data-site="CWSVCDJC" defer></script>
<script async data-id="101449513" src="/23af0256fe76a.js"></script>
<link rel="canonical" href="{{ fullUrl }}" />
<meta property="og:title" content="{{ pageTitle }}" />
<meta name="description" content="{% if description %}{{ description }}{% else %}{{ meta.siteDescription }}{% endif %}" />
@ -91,7 +87,7 @@
{% endif %}
<noscript>
<style>.client-side {display:none}</style>
<img style="display:none" src="/api/event?ns=true&site={{ meta.url | url_encode }}&page={{ page.url | url_encode }}" />
<p><img width="1" height="1" src="/7afb285ad050d" /></p>
</noscript>
</head>
<body>

6
src/assets/scripts/index.js
View file

@ -1,6 +0,0 @@
let ignore = window?.localStorage?.getItem('ignore')
let urlBase = 'https://coryd.dev/api/event/'
let params = `site=${encodeURIComponent(window.location.origin)}&page=${encodeURIComponent(window.location.pathname)}&lang=${encodeURIComponent(navigator.language)}&nav=${encodeURIComponent(navigator.userAgent)}`
let url = `${urlBase}?${params}`;
if (ignore) url = `${urlBase}?ignore=${ignore}&${params}`
if (!window.fathom) fetch(url).then(() => {}).catch(() => {});

2
src/pages/blogroll.html
View file

@ -9,7 +9,7 @@ description: 'These are awesome blogs that I enjoy and you may enjoy too.'
{% endcapture %}
<style>{{ css }}</style>
<h2 class="page__header">{{ title }}</h2>
<p>You can <a onclick="fathom?.trackEvent('OPML download')" href="/blogroll.opml">download an OPML file</a> containing all of these feeds and import them into your RSS reader.</p>
<p>You can <a onclick="clicky?.log('/blogroll','OPML download', 'download');" href="/blogroll.opml">download an OPML file</a> containing all of these feeds and import them into your RSS reader.</p>
<div class="blog__banner--grid">
{% for blog in blogroll %}
<div class="blog__banner">

2
src/pages/contact.md
View file

@ -21,7 +21,7 @@ description: 'How to contact me.'
<li>File an issue on the appropriate repo over at <a href="https://github.com/cdransf">GitHub</a></li>
</ul>
</div>
<form onsubmit="fathom.trackEvent('Contact form submitted');" class="column" method="POST" action="/contact/success" name="contact" netlify netlify-honeypot="bot-field">
<form onsubmit="clicky?.log('/contact', 'Contact form submitted', 'click')" class="column" method="POST" action="/contact/success" name="contact" netlify netlify-honeypot="bot-field">
<label class="hidden">
Don't fill this out if you're human: <input name="bot-field" />
</label>

13
src/pages/referrals.md
View file

@ -9,11 +9,10 @@ description: 'Referral links for services that I use.'
Referral links for services I use. I save some money, and you do as well if you choose to use them.
<ul>
<li><a onclick="fathom?.trackEvent('Fathom referral')" href="https://usefathom.com/ref/TFFKEZ">Fathom Analytics</a></li>
<li><a onclick="fathom?.trackEvent('NextDNS referral')" href="https://nextdns.io/?from=m56mt3z6">NextDNS</a></li>
<li><a onclick="fathom?.trackEvent('DNSimple referral')" href="https://dnsimple.com/r/3a7cbb9e15df8f">DNSimple</a></li>
<li><a onclick="fathom?.trackEvent('Bunny.net referral')" href="https://bunny.net?ref=revw3mehej">Bunny.net</a></li>
<li><a onclick="fathom?.trackEvent('Feedpress referral')" href="https://feedpress.com/?affid=34370">Feedpress</a></li>
<li><a onclick="fathom?.trackEvent('Proton referral')" href="https://pr.tn/ref/X775YX40Z50G">Proton</a></li>
<li><a onclick="fathom?.trackEvent('DigitalOcean referral')" href="https://m.do.co/c/3635bf99aee2">DigitalOcean</a></li>
<li><a onclick="clicky?.log('/referrals','NextDNS referral', 'click')" href="https://nextdns.io/?from=m56mt3z6">NextDNS</a></li>
<li><a onclick="clicky?.log('/referrals','DNSimple referral', 'click')" href="https://dnsimple.com/r/3a7cbb9e15df8f">DNSimple</a></li>
<li><a onclick="clicky?.log('/referrals','Bunny.net referral', 'click')" href="https://bunny.net?ref=revw3mehej">Bunny.net</a></li>
<li><a onclick="clicky?.log('/referrals','Feedpress referral', 'click')" href="https://feedpress.com/?affid=34370">Feedpress</a></li>
<li><a onclick="clicky?.log('/referrals','Proton referral', 'click')" href="https://pr.tn/ref/X775YX40Z50G">Proton</a></li>
<li><a onclick="clicky?.log('/referrals','DigitalOcean referral', 'click')" href="https://m.do.co/c/3635bf99aee2">DigitalOcean</a></li>
</ul>

2
src/pages/search.html
View file

@ -36,7 +36,7 @@ permalink: /search.html
const query = $input.value
const results = (query.length > 1) ? getSearchResults(query) : []
if (query === '') renderSearchResults([])
if (results && window.fathom) fathom?.trackEvent(`Search query: ${query}`)
if (results && window.clicky) clicky.log('/search', query, 'click')
renderSearchResults(results)
})

2
src/pages/tag-list.html
View file

@ -12,7 +12,7 @@ eleventyComputed:
{% for post in posts %}
<article class="h-entry">
<time class="dt-published" datetime="{{ post.date }}">
{{ post.date | date: "%m.%Y" }}
{{ post.date | date: "%B %e, %Y" }}
</time>
<a href="{{ post.url }}">
<h2 class="flex--centered">{{ post.data.title }}</h2>

11
src/pages/uses.md
View file

@ -60,12 +60,11 @@ Software and services that I use for work and my own enjoyment.
<h3>Services</h3>
- [HEY](https://hey.com): it's the email service that works best for me and I quite enjoy their calendar.
- <a onclick="fathom?.trackEvent('Fathom referral')" href="https://usefathom.com/ref/TFFKEZ">Fathom Analytics</a>: privacy-friendly, lightweight and nicely designed analytics.
- <a onclick="fathom?.trackEvent('NextDNS referral')" href="https://nextdns.io/?from=m56mt3z6">NextDNS</a>: a privacy-focused, set it and forget it DNS service. I use their security features on my home network and a profile with strict ad-blocking rules on all of my devices.
- <a onclick="fathom?.trackEvent('DNSimple referral')" href="https://dnsimple.com/r/3a7cbb9e15df8f">DNSimple</a>: a robust, user-friendly DNS provider and registrar. I moved my domains here after my old provider was acquired.
- <a onclick="fathom?.trackEvent('Bunny.net referral')" href="https://bunny.net?ref=revw3mehej">Bunny.net</a>: a powerful and affordable CDN. I use it to serve assets on my personal site (most notable my now page — raw assets are fetched by Eleventy and then optimized to webp).
- <a onclick="clicky?.log('/referrals','NextDNS referral', 'click')" href="https://nextdns.io/?from=m56mt3z6">NextDNS</a>: a privacy-focused, set it and forget it DNS service. I use their security features on my home network and a profile with strict ad-blocking rules on all of my devices.
- <a onclick="clicky?.log('/referrals','DNSimple referral', 'click')" href="https://dnsimple.com/r/3a7cbb9e15df8f">DNSimple</a>: a robust, user-friendly DNS provider and registrar. I moved my domains here after my old provider was acquired.
- <a onclick="clicky?.log('/referrals','Bunny.net referral', 'click')" href="https://bunny.net?ref=revw3mehej">Bunny.net</a>: a powerful and affordable CDN. I use it to serve assets on my personal site (most notable my now page — raw assets are fetched by Eleventy and then optimized to webp).
- [Netlify](https://netlify.com): I use their hosting, forms and webhooks. It's a reliable and feature-rich platform.
- <a onclick="fathom?.trackEvent('Feedpress referral')" href="https://feedpress.com/?affid=34370">Feedpress</a>: they've been around for a while now and don't change much (nor do they need to), but look no further for reliable, helpful feed analytics.
- <a onclick="clicky?.log('/referrals','Feedpress referral', 'click')" href="https://feedpress.com/?affid=34370">Feedpress</a>: they've been around for a while now and don't change much (nor do they need to), but look no further for reliable, helpful feed analytics.
- [Kagi](https://kagi.com): the only search engine at this point (or so it seems) that's interested in surfacing quality results.
- [Readwise Reader](https://readwise.io/read): an impressive RSS reader that handles all the functionality you'd expect from a read it later app beautifully. It's as powerful as it is flexible.
- [forwardemail.net](https://forwardemail.net): a simple and reliable service for forwarding and routing emails from a few of the domains I own.
@ -75,6 +74,6 @@ Software and services that I use for work and my own enjoyment.
- [Slack](http://slack.com): I have a family Slack set up to avoid group text messages and am in a few other community Slacks.
- [Discord](http://discord.com): I don't _like_ Discord but, for better or worse, it's where some communities I frequent are.
- [Backblaze](https://backblaze.com): It backs up my MacBook Air and attached storage drive and I don't have to think about it.
- <a onclick="fathom?.trackEvent('Proton referral')" href="https://pr.tn/ref/X775YX40Z50G">Proton VPN</a>: a reliable, trustworthy VPN with all of the features you'd expect from such a service.
- <a onclick="clicky?.log('/referrals','Proton referral', 'click')" href="https://pr.tn/ref/X775YX40Z50G">Proton</a>: a reliable, trustworthy VPN with all of the features you'd expect from such a service.
Check out [uses.tech](https://uses.tech) for more lists like this one.

2
src/posts/2022/apple-centric-digital-privacy-tools.md
View file

@ -11,7 +11,7 @@ A rundown of privacy tools that work well with Apple's technology ecosystem.<!--
Ubiquitous free email providers profit by mining user data (whether humans are involved or not). Your inbox acts as a key to your digital life, and you should avoid using any provider that monetizes its contents.
- <a onclick="fathom?.trackEvent('Fastmail referral') href="https://ref.fm/u30190984">Fastmail</a>[^2]: based in Melbourne, Australia Fastmail offers a range of affordably priced plans with a focus on support for open standards (including active development support for [JMAP](https://jmap.io) and the [Cyrus IMAP email server](https://fastmail.blog/open-technologies/why-we-contribute/)). They also [articulate a clear commitment to protecting and respecting your privacy](https://www.fastmail.com/values/) and offer an extensive [rundown of the privacy and security measures they employ on their site](https://www.fastmail.com/privacy-and-security/).
- <a onclick="clicky?.log('/posts/2022/apple-centric-digital-privacy-tools/', 'Fastmail referral', 'click')" href="https://ref.fm/u30190984">Fastmail</a>[^2]: based in Melbourne, Australia Fastmail offers a range of affordably priced plans with a focus on support for open standards (including active development support for [JMAP](https://jmap.io) and the [Cyrus IMAP email server](https://fastmail.blog/open-technologies/why-we-contribute/)). They also [articulate a clear commitment to protecting and respecting your privacy](https://www.fastmail.com/values/) and offer an extensive [rundown of the privacy and security measures they employ on their site](https://www.fastmail.com/privacy-and-security/).
- I would also recommend exploring their [masked email implementation](https://www.fastmail.help/hc/en-us/articles/4406536368911-Masked-Email), which integrates seamlessly with [1Password](https://1password.com) (though using 1Password isn't required).
- [mailbox.org](https://mailbox.org): based in Germany, [mailbox.org](http://mailbox.org) also has [a long history](https://mailbox.org/en/company#our-history) and [commitment to privacy](https://mailbox.org/en/company#our-mission). Their service is reliable, straightforward and fully featured (it's based off of a customized implementation [Open-Xchange](https://www.open-xchange.com)) and supports features like incoming address blocking, PGP support and so forth.
- [Proton Mail](http://protonmail.com): Proton offers a host of encrypted tools, ranging from mail to drive, calendaring and VPN services. They're also the only option in this list that includes end-to-end encryption. The service is extremely polished and reliable but, it's worth noting, doesn't support access to your email via open standards like IMAP/SMTP without the use of a cumbersome, desktop-only, bridge application.

2
src/posts/2022/migrating-to-fastmail.md
View file

@ -11,7 +11,7 @@ I've used (and/or tried) nearly every email service I've heard of and have stuck
### Kicking things off
Register for an account at <a onclick="fathom?.trackEvent('Fastmail referral') href="https://ref.fm/u30190984">Fastmail</a>[^3] — you'll be run through their lightweight onboarding process which allows you to select an address at a domain they own or use your own. If you use your own, they'll guide you through configuring the DNS records for it, often with registrar specific instructions.
Register for an account at <a onclick="clicky?.log('/posts/2022/migrating-to-fastmail/', 'Fastmail referral', 'click')" href="https://ref.fm/u30190984">Fastmail</a>[^3] — you'll be run through their lightweight onboarding process which allows you to select an address at a domain they own or use your own. If you use your own, they'll guide you through configuring the DNS records for it, often with registrar specific instructions.
They also offer [extensive documentation](https://www.fastmail.com/help/domain_management_custom_dns.html) on this process and offer a UI that validates that the records you have set are correct. For example, your finalized records would look like the following:

2
src/posts/2023/optimizing-for-performance-with-eleventy.md
View file

@ -134,7 +134,7 @@ This is most impactful on [my now page](https://coryd.dev/now) which is populate
```
{% endraw %}
For this page in particular, the images that are rendered above the fold are set to load as `eager` to mitigate performance impacts related to [too much lazy loading](https://web.dev/lcp-lazy-loading/). These images are fetched from caches hosted at <a onclick="fathom?.trackEvent('Bunny.net referral')" href="https://bunny.net?ref=revw3mehej">Bunny.net</a> when the site is built.
For this page in particular, the images that are rendered above the fold are set to load as `eager` to mitigate performance impacts related to [too much lazy loading](https://web.dev/lcp-lazy-loading/). These images are fetched from caches hosted at <a onclick="clicky?.log('/posts/2023/optimizing-for-performance-with-eleventy/', 'Bunny.net referral', 'click')"" href="https://bunny.net?ref=revw3mehej">Bunny.net</a> when the site is built.
All of these boilerplate steps leave us with a quick to load, accessible and resilient site: