saji/blog
1
0
Fork 0
Code Actions Activity

Compare commits

base: saji:b65140edce437714a0b39d0edaa3c07f946c9dc8
Branches Tags
saji:master
..
compare: saji:443347cad690270f358b3157f1745e6a7343dd86
Branches Tags
saji:master

2 commits
b65140edce ... 443347cad6

Author SHA1 Message Date
saji 443347cad6 add js and html head bundles
Some checks failed
Build Blog / Build (push) Failing after 6m20s
Details
2025-04-24 16:56:36 -05:00
saji 8cff085e59 remove message box 2025-04-24 16:56:31 -05:00
3 changed files with 21 additions and 36 deletions
Show stats Expand all files Collapse all files

3
_includes/layouts/base.njk
View file

@ -18,6 +18,9 @@
<link rel="stylesheet" href="{% getBundleFileUrl "css" %}">
<link rel="stylesheet" href="{% getBundleFileUrl "css", "defer" %}">
<script src="{% getBundleFileUrl "js" %}"></script>
<script src="{% getBundleFileUrl "js", "module %}"></script>
{% getBundle "html", "head" %}
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>

36
eleventy.config.js
View file

@ -16,7 +16,7 @@ import pluginDrafts from "./eleventy.config.drafts.js";
/** @param {import('@11ty/eleventy').UserConfig} eleventyConfig */
export default async function (eleventyConfig) {
export default async function(eleventyConfig) {
// Copy the contents of the `public` folder to the output folder
// For example, `./public/css/` ends up in `_site/css/`
eleventyConfig.addPassthroughCopy({
@ -27,9 +27,6 @@ export default async function (eleventyConfig) {
"./node_modules/reveal.js/plugin/": "/revealjs-plugins/",
});
// Run Eleventy when these files change:
// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
// Watch content images for the image pipeline.
eleventyConfig.addWatchTarget("content/**/*.{svg,webp,png,jpeg}");
@ -67,8 +64,8 @@ export default async function (eleventyConfig) {
eleventyConfig.addPlugin(pluginBundle);
eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
extensions: "html",
formats: [ "webp", "jpeg", null ],
widths: [ 400, 800, 1280, null ],
formats: ["webp", "jpeg", null],
widths: [400, 800, 1280, null],
defaultAttributes: {
loading: "lazy",
decoding: "async",
@ -86,15 +83,15 @@ export default async function (eleventyConfig) {
eleventyConfig.addFilter('htmlDateString', (dateObj) => {
// dateObj input: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat('yyyy-LL-dd');
return DateTime.fromJSDate(dateObj, { zone: 'utc' }).toFormat('yyyy-LL-dd');
});
// Get the first `n` elements of a collection.
eleventyConfig.addFilter("head", (array, n) => {
if(!Array.isArray(array) || array.length === 0) {
if (!Array.isArray(array) || array.length === 0) {
return [];
}
if( n < 0 ) {
if (n < 0) {
return array.slice(n);
}
@ -109,7 +106,7 @@ export default async function (eleventyConfig) {
// Return all the tags used in a collection
eleventyConfig.addFilter("getAllTags", collection => {
let tagSet = new Set();
for(let item of collection) {
for (let item of collection) {
(item.data.tags || []).forEach(tag => tagSet.add(tag));
}
return Array.from(tagSet);
@ -131,7 +128,7 @@ export default async function (eleventyConfig) {
symbol: "@",
ariaHidden: false,
}),
level: [1,2,3,4],
level: [1, 2, 3, 4],
slugify: eleventyConfig.getFilter("slugify")
});
mdLib.use(markdownItAbbr);
@ -146,13 +143,16 @@ export default async function (eleventyConfig) {
// return `<section data-transition=${transition}> ${mdIt.renderInline(content)} </section>`;
//})
//
// Paired shortcode for callout
eleventyConfig.addPairedShortcode("callout", function(content) {
// The 'content' variable holds the text/HTML placed between
// {% callout %} and {% endcallout %}
// We wrap it with our div structure.
return `<div class="callout">${content}</div>`;
});
eleventyConfig.addPairedShortcode("callout", function(content) {
// The 'content' variable holds the text/HTML placed between
// {% callout %} and {% endcallout %}
// We wrap it with our div structure.
return `<div class="callout">${content}</div>`;
});
eleventyConfig.addBundle("css");
eleventyConfig.addBundle("js");
eleventyConfig.addBundle("html");
// Features to make your build faster (when you need them)

18
public/css/message-box.css
View file

@ -1,18 +0,0 @@
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}