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

chore: cleanup

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-30 18:44:57 -07:00
parent 6ef59b5818
commit f27baa0ce7
No known key found for this signature in database
7 changed files with 39 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.eleventy.js
View file

@ -83,7 +83,6 @@ export default async function (eleventyConfig) {
if (path && path.endsWith(".html")) { if (path && path.endsWith(".html")) {
return htmlmin.minify(content, { return htmlmin.minify(content, {
collapseBooleanAttributes: true, collapseBooleanAttributes: true,
collapseWhitespace: true,
decodeEntities: true, decodeEntities: true,
includeAutoGeneratedTags: false, includeAutoGeneratedTags: false,
minifyCSS: true, minifyCSS: true,

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "2.4.4", "version": "2.4.5",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "2.4.4", "version": "2.4.5",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@11ty/eleventy-fetch": "4.0.1", "@11ty/eleventy-fetch": "4.0.1",

2
package.json
View file

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

3
src/assets/styles/components/menu.css
View file

@ -28,6 +28,9 @@ menu {
& a { & a {
text-decoration: none; text-decoration: none;
width: 100%;
height: 100%;
justify-content: center;
} }
& .icon > svg, & .icon > svg,

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

@ -59,10 +59,10 @@
--error: light-dark(#b81f1f, #ff8b8b); --error: light-dark(#b81f1f, #ff8b8b);
--favorite: light-dark(#b03c72, #ff9ccd); --favorite: light-dark(#b03c72, #ff9ccd);
--link: light-dark(#7b5cba, #e2b8ff); --link: light-dark(#7b5cba, #e2b8ff);
--music: light-dark(#1565c3, #99ccff); --music: light-dark(#3d7099, #76b8cc);
--newsletter: light-dark(#37b0b0, #91fffa); --newsletter: light-dark(#37b0b0, #91fffa);
--now: light-dark(#cc1076, #ff82d5); --now: light-dark(#cc1076, #ff82d5);
--search: light-dark(#3a6b94, #a0b8d9); --search: light-dark(#6b5e3a, #c0b594);
--tattoo: light-dark(#951b1b, #ff7373); --tattoo: light-dark(#951b1b, #ff7373);
--tv: light-dark(#cc3600, #ff8f66); --tv: light-dark(#cc3600, #ff8f66);
--warning: light-dark(#cc6f00, #ffbf66); --warning: light-dark(#cc6f00, #ffbf66);

2
src/includes/blocks/now-playing.liquid
View file

@ -5,7 +5,7 @@
storage="local" storage="local"
transition-duration="10ms" transition-duration="10ms"
> >
<span class="loading client-side">&nbsp;{{ nowPlaying }}</span> <span class="loading client-side">{{ nowPlaying }}</span>
<span class="content"></span> <span class="content"></span>
<noscript> <noscript>
<span>{{ nowPlaying }}</span> <span>{{ nowPlaying }}</span>

58
src/layouts/base.liquid
View file

@ -48,38 +48,40 @@
</head> </head>
<body> <body>
<script> <script>
(() => { window.addEventListener("load", () => {
const storageType = (() => {
document.querySelector("theme-toggle")?.getAttribute("storage") === "local" const storageType =
? localStorage document.querySelector("theme-toggle")?.getAttribute("storage") === "local"
: sessionStorage; ? localStorage
: sessionStorage;
const currentTheme = storageType.getItem("theme") || "auto"; const currentTheme = storageType.getItem("theme") || "auto";
const metaColorScheme = document.querySelector('meta[name="color-scheme"]'); const metaColorScheme = document.querySelector('meta[name="color-scheme"]');
const lightIcon = document.querySelector(".light"); const lightIcon = document.querySelector(".light");
const darkIcon = document.querySelector(".dark"); const darkIcon = document.querySelector(".dark");
const autoIcon = document.querySelector(".auto"); const autoIcon = document.querySelector(".auto");
if (currentTheme === "auto") { if (currentTheme === "auto") {
metaColorScheme.setAttribute("content", "light dark"); metaColorScheme.setAttribute("content", "light dark");
document.documentElement.style.colorScheme = ""; document.documentElement.style.colorScheme = "";
} else { } else {
metaColorScheme.setAttribute("content", currentTheme); metaColorScheme.setAttribute("content", currentTheme);
document.documentElement.style.colorScheme = currentTheme; document.documentElement.style.colorScheme = currentTheme;
} }
lightIcon.style.display = "none"; lightIcon.style.display = "none";
darkIcon.style.display = "none"; darkIcon.style.display = "none";
autoIcon.style.display = "none"; autoIcon.style.display = "none";
if (currentTheme === "light") { if (currentTheme === "light") {
lightIcon.style.display = "inline"; lightIcon.style.display = "inline";
} else if (currentTheme === "dark") { } else if (currentTheme === "dark") {
darkIcon.style.display = "inline"; darkIcon.style.display = "inline";
} else { } else {
autoIcon.style.display = "inline"; autoIcon.style.display = "inline";
} }
})(); })();
});
</script> </script>
<div class="main-wrapper"> <div class="main-wrapper">
<main> <main>