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

chore: style, data, type fixes

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-12 13:26:52 -07:00
parent 2e09b0257c
commit 9f8a6cde5f
No known key found for this signature in database
8 changed files with 55 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.1.0", "version": "19.2.0",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.1.0", "version": "19.2.0",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",
@ -16,7 +16,7 @@
"youtube-video-element": "^1.1.5" "youtube-video-element": "^1.1.5"
}, },
"devDependencies": { "devDependencies": {
"@11ty/eleventy": "3.0.0-alpha.12", "@11ty/eleventy": "3.0.0-alpha.13",
"@11ty/eleventy-fetch": "^4.0.1", "@11ty/eleventy-fetch": "^4.0.1",
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
"@11tyrocks/eleventy-plugin-lightningcss": "^1.4.0", "@11tyrocks/eleventy-plugin-lightningcss": "^1.4.0",
@ -68,9 +68,9 @@
} }
}, },
"node_modules/@11ty/eleventy": { "node_modules/@11ty/eleventy": {
"version": "3.0.0-alpha.12", "version": "3.0.0-alpha.13",
"resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.0.0-alpha.12.tgz", "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.0.0-alpha.13.tgz",
"integrity": "sha512-dtBcjyAeUDKzYgrJ6/wTqZIUXCgEWGjlBhRT/5jX8GJ4yTkDxtmTzCbkaWOwvmqpYB5+OuZdnee9wAmm1pRDsQ==", "integrity": "sha512-LZ1mI2JoB/vu6eIzeh9Eim0istAmKiJ0C5LEYG8HigvGgVsADd7OGHpOeOpDgKjotPSO+DTVh48gQj/cW2mRNw==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
@ -1146,9 +1146,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/electron-to-chromium": { "node_modules/electron-to-chromium": {
"version": "1.4.798", "version": "1.4.799",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.798.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.799.tgz",
"integrity": "sha512-by9J2CiM9KPGj9qfp5U4FcPSbXJG7FNzqnYaY4WLzX+v2PHieVGmnsA4dxfpGE3QEC7JofpPZmn7Vn1B9NR2+Q==", "integrity": "sha512-3D3DwWkRTzrdEpntY0hMLYwj7SeBk1138CkPE8sBDSj3WzrzOiG2rHm3luw8jucpf+WiyLBCZyU9lMHyQI9M9Q==",
"dev": true, "dev": true,
"license": "ISC" "license": "ISC"
}, },

4
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.1.0", "version": "19.2.0",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {
@ -26,7 +26,7 @@
"youtube-video-element": "^1.1.5" "youtube-video-element": "^1.1.5"
}, },
"devDependencies": { "devDependencies": {
"@11ty/eleventy": "3.0.0-alpha.12", "@11ty/eleventy": "3.0.0-alpha.13",
"@11ty/eleventy-fetch": "^4.0.1", "@11ty/eleventy-fetch": "^4.0.1",
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
"@11tyrocks/eleventy-plugin-lightningcss": "^1.4.0", "@11tyrocks/eleventy-plugin-lightningcss": "^1.4.0",

3
src/_data/albumReleases.js
View file

@ -16,6 +16,7 @@ export default async function () {
image, image,
release_date, release_date,
release_link, release_link,
total_plays,
artists (name_string, mbid, country) artists (name_string, mbid, country)
`) `)
.gt('release_date', today) .gt('release_date', today)
@ -25,7 +26,7 @@ export default async function () {
return return
} }
return data.map(album => { return data.filter(album => !album['total_plays'] || !album['total_plays'] > 0).map(album => {
return { return {
artist: album['artists']['name_string'], artist: album['artists']['name_string'],
title: album['name'], title: album['name'],

2
src/_includes/base.liquid
View file

@ -72,7 +72,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ pageTitle }}</title> <title>{{ pageTitle }}</title>
<link rel="preload" href="/assets/fonts/MonoLisa.min.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/MonoLisa.min.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/assets/styles/index.css?v={% appVersion %}" type="text/css" /> <link rel="stylesheet" href="/assets/styles/index.css?v={% appVersion %}" type="text/css" />

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

@ -19,7 +19,7 @@
</a> </a>
<span class="p-author h-card hidden">{{ meta.siteName }}</span> <span class="p-author h-card hidden">{{ meta.siteName }}</span>
<div class="p-summary hidden">{{ post.data.post_excerpt }}</div> <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>
{{ post.description | truncate: 300 }} {{ post.description | markdown | truncate: 300 }}
</article> </article>
{% endfor %} {% endfor %}
{% if postType != 'featured' %} {% if postType != 'featured' %}

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

@ -1,18 +1,25 @@
html
body, body {
html {
color: var(--text-color); color: var(--text-color);
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: var(--font-size-base);
letter-spacing: -.05rem; letter-spacing: -.05rem;
word-spacing: -.125rem; word-spacing: -.125rem;
line-height: var(--line-height-base);
background: var(--background-color); background: var(--background-color);
accent-color: var(--accent-color); accent-color: var(--accent-color);
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: var(--accent-color) var(--gray-light); scrollbar-color: var(--accent-color) var(--gray-light);
} }
html {
font-size: 100%;
-webkit-text-size-adjust: none;
}
body {
font-size: var(--font-size-base);
line-height: 2;
}
::-moz-selection { ::-moz-selection {
color: var(--color-lightest); color: var(--color-lightest);
background: var(--selection-color); background: var(--selection-color);
@ -150,15 +157,16 @@ a:active,
/* headers */ /* headers */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
line-height: 1.5;
margin: var(--sizing-base) 0; margin: var(--sizing-base) 0;
} }
h1 { font-size: var(--font-size-xl) } h1 { font-size: var(--font-size-3xl) }
h2 { font-size: var(--font-size-lg) } h2 { font-size: var(--font-size-2xl) }
h3 { font-size: var(--font-size-base) } h3 { font-size: var(--font-size-xl) }
h4 { font-size: var(--font-size-md) } h4 { font-size: var(--font-size-base) }
h5 { font-size: var(--font-size-sm) } h5 { font-size: var(--font-size-md) }
h6 { font-size: var(--font-size-xs) } h6 { font-size: var(--font-size-sm) }
.section-header-wrapper { .section-header-wrapper {
display: flex; display: flex;
@ -266,12 +274,10 @@ th {
justify-content: space-between; justify-content: space-between;
& h1 { & h1 {
line-height: 1.25;
margin: 0;
padding-bottom: 0;
font-size: var(--font-size-2xl); font-size: var(--font-size-2xl);
font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold);
line-height: var(--line-height-2xl); margin: 0;
padding: 0;
& a { & a {
text-decoration: none; text-decoration: none;
@ -419,7 +425,6 @@ footer {
&.sub-pages { &.sub-pages {
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
padding-bottom: var(--sizing-3xl); padding-bottom: var(--sizing-3xl);
& span:not(.active) { & span:not(.active) {
@ -437,7 +442,6 @@ footer {
/* articles */ /* articles */
article { article {
& h2 { & h2 {
line-height: var(--line-height-lg);
margin: 0 0 var(--sizing-lg); margin: 0 0 var(--sizing-lg);
transition-property: color; transition-property: color;
} }
@ -454,7 +458,6 @@ article {
& time { & time {
color: var(--gray-dark); color: var(--gray-dark);
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
margin-right: var(--sizing-xs); margin-right: var(--sizing-xs);
} }
@ -578,7 +581,6 @@ li {
.text-small { .text-small {
font-size: var(--font-size-sm) !important; font-size: var(--font-size-sm) !important;
line-height: var(--line-height-sm) !important;
} }
.flex-centered { .flex-centered {
@ -615,6 +617,10 @@ li {
max-width: 768px; max-width: 768px;
} }
.main-title h1 {
font-size: var(--font-size-3xl);
}
.section-header-wrapper { .section-header-wrapper {
flex-direction: row; flex-direction: row;
} }

27
src/assets/styles/defaults/vars.css
View file

@ -69,26 +69,13 @@
--font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace; --font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace;
/* text */ /* text */
--font-size-xs: .725rem; --font-size-xs: .7rem;
--line-height-xs: 1.45rem; --font-size-sm: .85rem;
--font-size-base: 1rem;
--font-size-sm: .825rem; --font-size-lg: 1.15rem;
--line-height-sm: 1.65rem; --font-size-xl: 1.3rem;
--font-size-2xl: 1.45rem;
--font-size-base: .95rem; --font-size-3xl: 1.6rem;
--line-height-base: 1.9rem;
--font-size-lg: 1.125rem;
--line-height-lg: 2.25rem;
--font-size-xl: 1.25rem;
--line-height-xl: 2.5rem;
--font-size-2xl: 1.5rem;
--line-height-2xl: 3rem;
--font-size-3xl: 1.7rem;
--line-height-3xl: 3.4rem;
--font-weight-base: 400; --font-weight-base: 400;
--font-weight-bold: 600; --font-weight-bold: 600;

16
src/assets/styles/pages/media.css
View file

@ -34,12 +34,12 @@
} }
&.sub-meta { &.sub-meta {
font-size: var(--font-size-xs); font-size: var(--font-size-sm);
line-height: var(--line-height-xs); line-height: var(--line-height-sm);
svg { svg {
width: 16px; width: 18px;
height: 16px; height: 18px;
margin-right: var(--sizing-xs); margin-right: var(--sizing-xs);
} }
} }
@ -146,13 +146,13 @@
& .subheader, & .subheader,
& .rating { & .rating {
color: var(--color-lightest); color: var(--color-lightest);
font-size: var(--font-size-xs); font-size: var(--font-size-sm);
line-height: 1.5; line-height: 1.5;
text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px; text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px;
} }
& .rating { & .rating {
font-size: calc(var(--font-size-xs) * .75); font-size: calc(var(--font-size-sm) * .75);
} }
& .header { & .header {
@ -195,8 +195,8 @@
} }
&.sub-meta { &.sub-meta {
font-size: var(--font-size-xs); font-size: var(--font-size-sm);
line-height: var(--line-height-xs); line-height: var(--line-height-sm);
} }
} }
} }