From 485f6401399f9ebc57997e1953c768242f50ee7e Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 20 May 2024 09:51:30 -0700
Subject: [PATCH] chore: cleanup styles, deps
---
.eleventy.js | 3 --
package-lock.json | 10 +----
package.json | 3 +-
src/_includes/partials/home/status.liquid | 2 +-
.../partials/widgets/link-peek.liquid | 16 -------
src/assets/styles/base/index.css | 44 ++++---------------
src/assets/styles/components/link-peek.css | 42 ------------------
src/assets/styles/index.css | 1 -
src/assets/styles/pages/post.css | 5 ---
src/assets/styles/plugins/prism.css | 25 +++++------
10 files changed, 24 insertions(+), 127 deletions(-)
delete mode 100644 src/_includes/partials/widgets/link-peek.liquid
delete mode 100644 src/assets/styles/components/link-peek.css
diff --git a/.eleventy.js b/.eleventy.js
index 3e15bbe5..387da331 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -56,9 +56,6 @@ export default async function (eleventyConfig) {
eleventyConfig.addPassthroughCopy({
'node_modules/youtube-video-element/youtube-video-element.js': 'assets/scripts/components/youtube-video-element.js'
})
- eleventyConfig.addPassthroughCopy({
- 'node_modules/@daviddarnes/link-peek/link-peek.js': 'assets/scripts/components/link-peek.js'
- })
eleventyConfig.addPassthroughCopy({
'node_modules/@daviddarnes/mastodon-post/mastodon-post.js': 'assets/scripts/components/mastodon-post.js'
})
diff --git a/package-lock.json b/package-lock.json
index 96f91ecd..261ac1c3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,18 +1,17 @@
{
"name": "coryd.dev",
- "version": "16.1.0",
+ "version": "16.2.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
- "version": "16.1.0",
+ "version": "16.2.0",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.2.2",
"@cdransf/select-pagination": "^1.1.0",
"@cdransf/theme-toggle": "^1.2.3",
- "@daviddarnes/link-peek": "^1.1.0",
"@daviddarnes/mastodon-post": "^1.3.0",
"@zachleat/webcare-webshare": "^1.0.3",
"minisearch": "^6.3.0",
@@ -1147,11 +1146,6 @@
"resolved": "https://registry.npmjs.org/@cdransf/theme-toggle/-/theme-toggle-1.2.3.tgz",
"integrity": "sha512-K2NniEup/OFgSH+cqG2plY5iPFBevu7mMrz10HL1KzcEulA8AxPyPDcuOAC0Hdt7OpWAIzAk0hB0wvI7g8KW3A=="
},
- "node_modules/@daviddarnes/link-peek": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/@daviddarnes/link-peek/-/link-peek-1.1.0.tgz",
- "integrity": "sha512-tm4uxBy9MqgrBfsrUKKZcALmWiTkk90zo8mhnnUfbumdlpyAczWBCbMqgTFmquObwdtt52BcaxmWH1sebsWyDw=="
- },
"node_modules/@daviddarnes/mastodon-post": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/@daviddarnes/mastodon-post/-/mastodon-post-1.3.0.tgz",
diff --git a/package.json b/package.json
index e04f0603..2b4f0869 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "coryd.dev",
- "version": "16.1.0",
+ "version": "16.2.0",
"description": "The source for my personal site. Built using 11ty.",
"type": "module",
"scripts": {
@@ -24,7 +24,6 @@
"@cdransf/api-text": "^1.2.2",
"@cdransf/select-pagination": "^1.1.0",
"@cdransf/theme-toggle": "^1.2.3",
- "@daviddarnes/link-peek": "^1.1.0",
"@daviddarnes/mastodon-post": "^1.3.0",
"@zachleat/webcare-webshare": "^1.0.3",
"minisearch": "^6.3.0",
diff --git a/src/_includes/partials/home/status.liquid b/src/_includes/partials/home/status.liquid
index 2e233518..338849c5 100644
--- a/src/_includes/partials/home/status.liquid
+++ b/src/_includes/partials/home/status.liquid
@@ -1,7 +1,7 @@
{%- assign artist = artists | first -%}
{%- assign book = books | bookStatus: 'started' | reverse | first -%}
{%- assign show = tv.recentlyWatched | first -%}
-<div class="now-topper">
+<div class="home-status">
<p><strong class="highlight-text">I'm a software developer based in Camarillo, California</strong>. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, <a href="https://coryd.dev/music">music</a>, writing, <a href="https://coryd.dev/books">reading</a>, <a href="https://coryd.dev/watching#tv">tv</a> and <a href="https://coryd.dev/watching#movies">movies</a>. Lately I've been listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>, reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.</p>
<p>{{ status.emoji }} {{ status.content }}</p>
{% render "partials/widgets/now-playing.liquid" %}
diff --git a/src/_includes/partials/widgets/link-peek.liquid b/src/_includes/partials/widgets/link-peek.liquid
deleted file mode 100644
index 406774f7..00000000
--- a/src/_includes/partials/widgets/link-peek.liquid
+++ /dev/null
@@ -1,16 +0,0 @@
-<script type="module" src="/assets/scripts/components/link-peek.js"></script>
-<template id="link-peek-template">
- <figure>
- <figcaption>
- <a data-key="data.title, link"></a>
- <p data-key="data.description"></p>
- <img data-key="data.logo.url" />
- <small data-key="data.publisher"></small>
- </figcaption>
- <img data-key="data.image.url" />
- </figure>
-</template>
-
-<link-peek api="https://api.microlink.io/?url={{ url }}">
- <a href="{{ url }}">{{ title }}</a>
-</link-peek>
\ No newline at end of file
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index 1e26cada..27998f20 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -7,7 +7,9 @@ html {
word-spacing: -.125rem;
line-height: var(--line-height-base);
background: var(--background-color);
- accent-color: var(--accent-color)
+ accent-color: var(--accent-color);
+ scrollbar-width: thin;
+ scrollbar-color: var(--accent-color) var(--gray-light);
}
::-moz-selection {
@@ -20,13 +22,6 @@ html {
background: var(--selection-color);
}
-/* scrollbars */
-body,
-html {
- scrollbar-width: thin;
- scrollbar-color: var(--accent-color) var(--gray-light);
-}
-
::-webkit-scrollbar {
width: var(--sizing-xs);
height: var(--sizing-xs);
@@ -49,10 +44,6 @@ body::-webkit-scrollbar {
background-color: var(--accent-color);
}
-blockquote {
- margin: var(--sizing-base) 0;
-}
-
p {
margin: var(--sizing-base) 0;
@@ -66,10 +57,11 @@ p {
blockquote {
font-size: var(--font-size-lg);
- padding-left: var(--sizing-lg);
- color: var(--gray-dark);
- border-left: var(--sizing-xs) solid var(--gray-dark);
word-break: break-word;
+ color: var(--gray-dark);
+ padding-left: var(--sizing-lg);
+ border-left: var(--sizing-xs) solid var(--gray-dark);
+ margin: var(--sizing-base) 0;
}
:is(body, html, nav .search) svg {
@@ -342,24 +334,6 @@ nav .active svg {
.heart-handshake svg { stroke: var(--webrings) !important; }
.rss svg { stroke: var(--brand-rss) !important; }
-.coffee:hover,
-.coffee:active,
-.coffee:focus {
- color: var(--brand-buy-me-a-coffee) !important;
-}
-
-.brand-mastodon:hover,
-.brand-mastodon:active,
-.brand-mastodon:focus {
- color: var(--brand-mastodon) !important;
-}
-
-.rss:hover,
-.rss:active,
-.rss:focus {
- color: var(--brand-rss) !important;
-}
-
/* layout */
.default-wrapper {
padding-top: var(--sizing-2xl);
@@ -384,13 +358,13 @@ main {
}
/* now */
-.now-topper,
+.home-status,
article {
border-bottom: 1px solid var(--gray-light);
margin-bottom: var(--sizing-base);
}
-.now-topper p:first-child {
+.home-status p:first-child {
margin-top: 0;
}
diff --git a/src/assets/styles/components/link-peek.css b/src/assets/styles/components/link-peek.css
deleted file mode 100644
index 5d8e1964..00000000
--- a/src/assets/styles/components/link-peek.css
+++ /dev/null
@@ -1,42 +0,0 @@
-link-peek {
- &:defined {
- & a:not([data-key]) {
- display: none;
- }
-
- & figure {
- position: relative;
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(300px, max-content));
- gap: 1rem;
- max-inline-size: max-content;
- border: 1px solid var(--gray-light);
- border-radius: var(--rounded);
- padding: 1rem;
- margin: 0 0 var(--sizing-base);
- font-size: var(--font-size-sm);
- line-height: var(--line-height-sm);
- }
-
- & a[data-key="data.title.link"],
- & figure p {
- font-size: var(--font-size-sm);
- line-height: var(--line-height-sm);
- }
- }
-
- & img {
- &[data-key="data.logo.url"] {
- margin-right: var(--sizing-xs);
- inline-size: var(--sizing-lg);
- block-size: var(--sizing-lg);
- vertical-align: middle;
- }
-
- &[data-key="data.image.url"] {
- max-inline-size: 100%;
- block-size: auto;
- border-radius: var(--rounded);
- }
- }
-}
\ No newline at end of file
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index e81f9fe9..bd83f146 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -31,7 +31,6 @@
@import url('./components/banners.css') layer(components);
@import url('./components/buttons.css') layer(components);
@import url('./components/forms.css') layer(components);
-@import url('./components/link-peek.css') layer(components);
@import url('./components/mastodon-post.css') layer(components);
@import url('./components/media-grid.css') layer(components);
@import url('./components/menu.css') layer(components);
diff --git a/src/assets/styles/pages/post.css b/src/assets/styles/pages/post.css
index 3a50c459..8b5b9b4f 100644
--- a/src/assets/styles/pages/post.css
+++ b/src/assets/styles/pages/post.css
@@ -1,8 +1,3 @@
-/* embeds */
-.eleventy-plugin-youtube-embed {
- margin-bottom: var(--sizing-lg);
-}
-
/* footnotes */
hr.footnotes-sep {
margin: var(--sizing-base) 0;
diff --git a/src/assets/styles/plugins/prism.css b/src/assets/styles/plugins/prism.css
index 402c5dbc..bb925f6f 100644
--- a/src/assets/styles/plugins/prism.css
+++ b/src/assets/styles/plugins/prism.css
@@ -1,10 +1,9 @@
-/* Catppuccin Prism theme */
code[class*="language-"],
pre[class*="language-"] {
- color: #d9e0ee;
+ color: #e2ecff;
background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
- font-family: var(--font-mono);
+ font-family: var(--font-mono);
text-align: left;
white-space: pre;
word-spacing: normal;
@@ -20,28 +19,26 @@ pre[class*="language-"] {
padding: 1rem;
margin: 1.25rem 0;
overflow: auto;
-}
-
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
- background:#1e1d2f;
+ background: #1a1d22;
+ border: 1px solid var(--gray-light);
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: 0.1rem;
white-space: normal;
+ background: #1a1d22;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
- color: #7c7f93;
+ color: #7f899b;
}
.token.punctuation {
- color: #dce0e8;
+ color: #dfe3e8; /* Light gray */
}
.namespace {
@@ -53,12 +50,12 @@ pre[class*="language-"] {
.token.constant,
.token.symbol,
.token.deleted {
- color: #ea76cb;
+ color: #4b88ff;
}
.token.boolean,
.token.number {
- color: #8839ef;
+ color: #2458d4;
}
.token.selector,
@@ -76,7 +73,7 @@ pre[class*="language-"] {
.language-css .token.string,
.style .token.string,
.token.variable {
- color: #e6e9ef;
+ color: #e2ecff;
}
.token.atrule,
@@ -106,4 +103,4 @@ pre[class*="language-"] {
.token.entity {
cursor: help;
-}
+}
\ No newline at end of file