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

feat: remove tailwind

Browse source
This commit is contained in:
Cory Dransfeldt 2023-12-28 08:28:31 -08:00
parent 447e3b417d
commit 9b2d0883e5
No known key found for this signature in database
56 changed files with 1541 additions and 3862 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/pages/404.html
View file

@ -3,30 +3,20 @@ title: 404
layout: default
permalink: /404.html
---
{% image './src/assets/img/404.jpg', title, 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full' %}
<div class="text-center w-full">
<h2
class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-white md:text-6xl mb-4"
>
{{ title }}
</h2>
<h3
class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6"
>
What kind of idiots do you have working here?
</h3>
<div class="flex justify-center">
<a
href="/"
class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline icon--bold font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-600 dark:bg-blue-400 hover:bg-blue-800 dark:hover:bg-blue-200"
>
{% tablericon "receipt-2" "Receipt" %} Skip out on the room service bill
</a>
<div class="four-oh-four__wrapper">
{% image './src/assets/img/404.jpg', title, 'image__banner' %}
<div class="text-center">
<h2 class="page__header">{{ title }}</h2>
<h3>What kind of idiots do you have working here?</h3>
<div class="flex justify-center">
<a href="/" class="pill--button">
{% tablericon "receipt-2" "Receipt" %} Skip out on the room service bill
</a>
</div>
</div>
<hr />
{% render "partials/popular-posts.liquid", posts: collections.posts, analytics: analytics %}
</div>
<hr />
{% render "partials/popular-posts.liquid", posts: collections.posts, analytics: analytics %}
<script>
document.addEventListener('DOMContentLoaded', function () {
plausible('404', { props: { path: document.location.pathname } })

7
src/pages/about.md
View file

@ -3,14 +3,13 @@ title: About
layout: default
permalink: /about.html
---
<div class="flex items-center justify-center w-full not-prose mb-6">
<div class="border border-blue-600 dark:border-blue-400 bg-white rounded-full overflow-hidden p-4 w-64 h-64 md:w-96 md:h-96 flex items-center [&>*]:w-full [&>*]:h-auto">
<div class="avatar__wrapper">
<div class="avatar">
{% capture about_alt %}{{ meta.siteName }} - image by David Neal / @reverentgeek{% endcapture %}
{% image './src/assets/img/avatar.webp', about_alt %}
</div>
</div>
<h1 class="text-xxl font-black -leading-tight tracking-normal dark:text-white md:text-3xl text-center">Hi, I'm Cory</h1>
<h2 class="page__header text-center">Hi, I'm Cory</h2>
I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, [music](https://last.fm/user/coryd_), writing, [reading](https://app.thestorygraph.com/profile/coryd), [tv](https://trakt.tv/users/cdransf) and [movies](https://trakt.tv/users/cdransf).

7
src/pages/blogroll.md
View file

@ -4,12 +4,7 @@ layout: default
permalink: /blogroll.html
description: 'These are awesome blogs that I enjoy and you may enjoy too.'
---
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
>
{{ title }}
</h2>
<h2 class="page__header">{{ title }}</h2>
- [Ashur Cabrera](https://multiline.co/mment)
- [Chris Burnell](https://chrisburnell.com)

27
src/pages/contact-success.html
View file

@ -4,25 +4,12 @@ layout: default
permalink: /contact/success.html
---
<div class="text-center w-full">
<h2
class="m-0 text-4xl font-black leading-tight tracking-normal dark:text-white md:text-6xl mb-4"
>
{{ title }}
</h2>
<h3
class="m-0 text-xl font-bold leading-tight tracking-normal dark:text-white md:text-2xl mb-6"
>
I'll be in touch soon!
</h3>
<div class="flex justify-center">
<a
href="/"
class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline icon--bold font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-600 dark:bg-blue-400 hover:bg-blue-800 dark:hover:bg-blue-200"
>
{% tablericon "home-2" "Home" %} Head home
</a>
</div>
<div class="text-center">
<h2>{{ title }}</h2>
<h3>I'll be in touch soon!</h3>
<a href="/" class="pill--button">
{% tablericon "home-2" "Home" %} Head home
</a>
</div>
<hr />
<hr class="large__spacing" />
{% render "partials/popular-posts.liquid", posts: collections.posts, analytics: analytics %}

28
src/pages/contact.md
View file

@ -4,16 +4,10 @@ layout: default
permalink: /contact.html
description: 'How to contact me.'
---
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
>
{{ title }}
</h2>
<div class="flex flex-col md:flex-row">
<div class="w-full md:w-1/2 md:pr-6">
<p class="mt-0">Fill out the form to get in touch. Or I've got other options 👇🏻</p>
<h2 class="page__header">{{ title }}</h2>
<div class="contact__wrapper">
<div class="column contact__description">
<p>Fill out the form to get in touch. Or I've got other options 👇🏻</p>
<ul>
<li>Ping me on <a href="https://social.lol/@cory">Mastodon</a></li>
<li>Message me on Signal or iMessage (if you have my phone number)</li>
@ -21,19 +15,19 @@ 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 class="mt-3 md:mt-0 flex flex-col items-center justify-center w-full md:w-1/2" method="POST" action="/contact/success" name="contact" netlify netlify-honeypot="bot-field">
<form 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>
<label class="w-full">
<label>
<span class="hidden">Name</span>
<input type="text" name="name" placeholder="Name" class="w-full outline-none bg-white dark:bg-gray-900 p-2 mb-6 rounded-sm border border-blue-600 focus:border-blue-800 dark:border-blue-400 dark:focus:border-blue-200 transition-colors ease-in-out duration-300" required />
<input type="text" name="name" placeholder="Name" required />
</label>
<label class="w-full">
<label>
<span class="hidden">Email</span>
<input type="email" name="email" placeholder="Email" class="w-full outline-none bg-white dark:bg-gray-900 p-2 mb-6 rounded-sm border border-blue-600 focus:border-blue-800 dark:border-blue-400 dark:focus:border-blue-200 transition-colors ease-in-out duration-300" required />
<input type="email" name="email" placeholder="Email" required />
</label>
<textarea name="message" placeholder="Message" class="w-full h-40 resize-none outline-none bg-white dark:bg-gray-900 p-2 mb-6 rounded-sm border border-blue-600 focus:border-blue-800 dark:border-blue-400 dark:focus:border-blue-200 transition-colors ease-in-out duration-300" required></textarea>
<button class="pill--button w-1/2" type="submit">Send message</button>
<textarea name="message" placeholder="Message" required></textarea>
<button class="pill--button" type="submit">Send message</button>
</form>
</div>

8
src/pages/feeds.md
View file

@ -5,13 +5,9 @@ permalink: /feeds.html
description: 'Content feeds exposed by and generated from my site.'
---
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
>
{{ title }}
</h2>
<h2 class="page__header">{{ title }}</h2>
These are web feeds, also known as [RSS](https://en.wikipedia.org/wiki/RSS) or [Atom](<https://en.wikipedia.org/wiki/Atom_(web_standard)>) feeds. Subscribe by copying the URL from the address bar into your newsreader. Visit [About Feeds](https://aboutfeeds.com) to get started with newsreaders and subscribing. It's free.
These are web feeds, also known as [RSS](https://en.wikipedia.org/wiki/RSS) or [Atom](https://en.wikipedia.org/wiki/Atom_(web_standard)) feeds. Subscribe by copying the URL from the address bar into your newsreader. Visit [About Feeds](https://aboutfeeds.com) to get started with newsreaders and subscribing. It's free.
- Posts ([RSS](https://feedpress.me/coryd) • [JSON](https://feedpress.me/coryd.json)): posts from my site.
- Links ([RSS](https://feedpress.me/coryd-links) • [JSON](https://feedpress.me/coryd-links.json)): links I've liked.

16
src/pages/now.html
View file

@ -4,31 +4,31 @@ layout: now
permalink: /now.html
description: "See what I'm doing now."
---
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
<h2 class="now__section--header">
{% tablericon "clock-heart" "Currently" %}
Currently
</h2>
<div class="pl-4 md:pl-8">
<div class="now__section--text">
{% render "partials/now/status.liquid", status:status %}
<p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
<p>
{% tablericon "map-2" "Map" %}
Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.
</p>
<p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
<p>
{% tablericon "play-basketball" "NBA - Lakers" %}
Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛
</p>
</div>
<h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
<h2 class="now__section--header">
{% tablericon "terminal-2" "Making" %}
Making
</h2>
<div class="pl-4 md:pl-8">
<p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
<div class="now__section--text">
<p>
{% tablericon "code" "Hacking" %}
Hacking away on projects like this page, my <a href="/">blog</a>, and whatever else I can find time for.
</p>
<p class="my-2 [&>svg]:h-5 [&>svg]:w-5 [&>svg]:inline">
<p>
{% tablericon "hand-stop" "Ad and tracker-blocking" %}
Assembling lists of <a href="https://github.com/cdransf/awesome-adblock">ad and tracker-blocking tools</a>.
</p>

7
src/pages/referrals.md
View file

@ -4,12 +4,7 @@ layout: default
permalink: /referrals.html
description: 'Referral links for services that I use.'
---
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
>
{{ title }}
</h2>
<h2 class="page__header">{{ title }}</h2>
Referral links for services I use. I save some money, and you do as well if you choose to use them.

4
src/pages/stats.html
View file

@ -6,10 +6,10 @@ permalink: /stats.html
<p>My first post was published on <strong class="highlight-text">{{ collections.postStats.firstPostDate | dateToReadableDate }}</strong> and my most recent one was published on <strong class="highlight-text">{{ collections.postStats.lastPostDate | dateToReadableDate }}</strong>. I've published <strong class="highlight-text">{{ collections.postStats.postCount }} posts</strong> containing <strong class="highlight-text">{{ collections.postStats.totalWordCount }} words</strong> and <strong class="highlight-text">{{ collections.postStats.totalCodeBlockCount }} code samples</strong>.</p>
<p>Posts have, on average, <strong class="highlight-text">{{ collections.postStats.avgWordCount | round }} words</strong> and a gap of <strong class="highlight-text">{{ collections.postStats.avgDays | round }} days</strong> between them.</p>
<h2>Popular posts</h2>
<ol class="list-inside pl-5 md:pl-10">
<ol>
{% assign posts = collections.posts | getPopularPosts: analytics %}
{% for post in posts limit: 10 %}
<li class="mt-1.5 mb-2">
<li>
<a href="{{post.url}}" title="{{ post.data.title | escape}}">
{{ post.data.title }}
</a>

33
src/pages/tagList.md
View file

@ -11,24 +11,19 @@ templateEngineOverride: liquid,md
---
{% assign posts = collections[tag] | reverse %}
{% for post in posts %}
<div class="mb-8 border-b border-gray-200 pb-4 dark:border-gray-700">
<a class="!no-underline" href="{{ post.url }}">
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl"
>
{{ post.data.title }}
</h2>
<article class="h-entry">
<a class="no-underline" href="{{ post.url }}">
<h2>{{ post.data.title }}</h2>
</a>
<div class="my-2 text-sm">
<time class="dt-published" datetime="{{ post.date }}">
{{ post.date | date: "%m.%Y" }}
</time>
</div>
{% if post.data.post_excerpt %}
<p class="p-summary mt-0">{{ post.data.post_excerpt | markdown }}</p>
{% endif %}
<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>
<time class="dt-published" datetime="{{ post.date }}">
{{ post.date | date: "%m.%Y" }}
</time>
{%- if post.data.post_excerpt %}
<p class="p-summary">{{ post.data.post_excerpt | markdown }}</p>
{% endif -%}
<a class="no-underline read-more" href="{{ post.url }}">
Read more
{% tablericon "arrow-right" "Read more" %}
</a>
</article>
{% endfor %}

2
src/pages/tags.md
View file

@ -6,7 +6,7 @@ permalink: /tags.html
---
{% for tag in collections.tagList %}
<span>
<a href="/tags/{{ tag }}" class="!no-underline">
<a href="/tags/{{ tag }}" class="no-underline">
<button class="pill--button">
{{ tag }}
</button>

23
src/pages/uses.md
View file

@ -5,18 +5,13 @@ permalink: /uses.html
description: 'Software, tools and services that I use regularly.'
image: https://coryd.dev/assets/img/pages/uses.jpg
---
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mb-2"
>
{{ title }}
</h2>
<h2 class="page__header">{{ title }}</h2>
Software and services that I use for work and my own enjoyment.
{% image 'https://coryd.dev/assets/img/pages/uses.jpg', 'My desk', 'border border-blue-600 dark:border-blue-400 rounded-lg overflow-hidden [&>*]:w-full', 'eager' %}
{% image 'https://coryd.dev/assets/img/pages/uses.jpg', 'My desk', 'image__banner', 'eager' %}
<h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">Computer setup</h3>
<h3>Computer setup</h3>
- Midnight MacBook Air (2022 - M2)
- 27" Dell Monitor
@ -25,22 +20,22 @@ Software and services that I use for work and my own enjoyment.
- Homepod Mini for audio
- Raspberry Pi for Homebridge
<h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">Desk and chair</h3>
<h3>Desk and chair</h3>
- My desk is a custom made corner desk I bought on Etsy years ago. It's sturdy, has tons of storage and finally arrived with a chip on the surface to add some character after the first one got lost by the freight company on the journey from Michigan to Los Angeles. I probably _wouldn't_ repeat the experience, but I do love the desk.
- [Herman Miller Aeron chair](https://www.hermanmiller.com/products/seating/office-chairs/aeron-chairs/): it's pretty comfortable and makes swiveling around my corner desk easy.
<h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">macOS + iOS</h3>
<h3>macOS + iOS</h3>
- [Bear](https://bear.app): native, fast and flexible — it's a breeze to use across Apple's ecosystem.
- [Fantastical](https://flexibits.com/fantastical): the best and most powerful calendaring app for the Apple ecosystem, bar none.
- [Ivory](https://tapbots.com/ivory): a beautifully designed and extremely well built Mastodon app — I use it as my go-to client across all of my devices.
<h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">iOS</h3>
<h3>iOS</h3>
- [FontCase](https://apps.apple.com/us/app/fontcase-manage-your-type/id1205074470): for managing/installing fonts.
<h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">macOS</h3>
<h3>macOS</h3>
- [Gmail Desktop](https://github.com/timche/gmail-desktop): yes it's Electron, but it's thoughtfully developed and built (be sure to opt into the latest beta updates ahead of the next major version).
- [Rectangle](https://rectangleapp.com): to quickly move around/organize/snap application windows. Using a Mac without it now feels like it's broken.
@ -52,14 +47,14 @@ Software and services that I use for work and my own enjoyment.
- [SoundSource](https://rogueamoeba.com/soundsource): a handy utility for better, more granular control on macOS.
- [Sleeve](https://replay.software/sleeve): a lightweight music controller (that also supports scrobbling).
<h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">Dev tools</h3>
<h3>Dev tools</h3>
- [Visual Studio Code](https://code.visualstudio.com): the reigning industry standard for web development work.
- [iTerm2](https://iterm2.com): a more configurable terminal than the one macOS ships with. I've used it for a long time now and it's still my go-to.
- [Catppuccin](https://github.com/catppuccin): nearly as ubiquitous as Dracula but lighter and more playful, I've started using this theme wherever I'm looking at/reading/writing code.
- [Mono Lisa](https://monolisa.dev): a relatively new find, I've been enjoying how pleasant and readable this font is (and have even gone so far as to install it on iOS via [FontCase](https://apps.apple.com/us/app/fontcase-manage-your-type/id1205074470)).
<h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">Services</h3>
<h3>Services</h3>
- [Gmail](https://www.google.com/gmail/about): it's exceedingly well established and Google's apps are so ubiquitous that it's hard to avoid.
- <a class="plausible-event-name=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.