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

chore: cleanup styles, deps

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-20 09:51:30 -07:00
parent 00440c24d9
commit 485f640139
No known key found for this signature in database
10 changed files with 24 additions and 127 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.eleventy.js
View file

@ -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'
})

10
package-lock.json generated
View file

@ -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",

3
package.json
View file

@ -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",

2
src/_includes/partials/home/status.liquid
View file

@ -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" %}

16
src/_includes/partials/widgets/link-peek.liquid
View file

@ -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>

44
src/assets/styles/base/index.css
View file

@ -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;
}

42
src/assets/styles/components/link-peek.css
View file

@ -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);
}
}
}

1
src/assets/styles/index.css
View file

@ -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);

5
src/assets/styles/pages/post.css
View file

@ -1,8 +1,3 @@
/* embeds */
.eleventy-plugin-youtube-embed {
margin-bottom: var(--sizing-lg);
}
/* footnotes */
hr.footnotes-sep {
margin: var(--sizing-base) 0;

25
src/assets/styles/plugins/prism.css
View file

@ -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;
}
}