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

chore: styles + partial ordering

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-24 16:45:14 -07:00
parent 8179e5159d
commit e673492f30
No known key found for this signature in database
8 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
config/filters/general.js
View file

@ -9,7 +9,6 @@ export default {
return string.replace(pattern, replacement);
},
replaceQuotes: (string) => string.replace(/"/g, """),
formatNumber: (number) => number.toLocaleString("en-US"),
htmlTruncate: (content, limit = 50) =>
truncateHtml(content, limit, {
byWords: true,

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{
"name": "coryd.dev",
"version": "1.7.3",
"version": "1.7.4",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
"version": "1.7.3",
"version": "1.7.4",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.5.0",

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "coryd.dev",
"version": "1.7.3",
"version": "1.7.4",
"description": "The source for my personal site. Built using 11ty (and other tools).",
"type": "module",
"engines": {

9
src/assets/styles/components/youtube-player.css Normal file
View file

@ -0,0 +1,9 @@
youtube-video {
aspect-ratio: 16/9;
width: 100%;
display: flex;
&:has(+ *) {
margin-bottom: var(--spacing-base);
}
}

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

@ -38,3 +38,4 @@
@import url("./components/paginator.css") layer(components);
@import url("./components/progress-bar.css") layer(components);
@import url("./components/theme-toggle.css") layer(components);
@import url("./components/youtube-player.css") layer(components);

4
src/includes/base.liquid
View file

@ -45,7 +45,7 @@
{%- assign escapedPageDescription = pageDescription | escape -%}
<!doctype html>
<html lang="en">
<html lang="{{ globals.lang }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
@ -93,4 +93,4 @@
</script>
{{ content }}
</body>
</html>
</html>

1
src/includes/partials/blocks/youtube-player.liquid
View file

@ -1,3 +1,2 @@
<script type="module" src="/assets/scripts/components/youtube-video-element.js?v={% appVersion %}"></script>
<style>youtube-video{aspect-ratio:16/9;width:100%;display:flex}</style>
<youtube-video controls src="{{ url }}"></youtube-video>

2
src/pages/dynamic/posts/post.html
View file

@ -41,8 +41,8 @@ schema: blog
/>
{%- endif -%}
{{ post.content | markdown }}
{% render "partials/blocks/mastodon-post.liquid", post:post.mastodon_url %}
{% render "partials/blocks/index.liquid", blocks:post.blocks %}
{% render "partials/blocks/mastodon-post.liquid", post:post.mastodon_url %}
{% render "partials/blocks/associated-media.liquid", artists:post.artists %}
{% render "partials/blocks/associated-media.liquid", books:post.books %}
{% render "partials/blocks/associated-media.liquid", genres:post.genres %}