diff --git a/_config.ts b/_config.ts index a3893c9..aaf5831 100644 --- a/_config.ts +++ b/_config.ts @@ -28,7 +28,7 @@ const site = lume( src: "./src", location: new URL("https://www.wheelsbot.dev"), }, - { markdown } + { markdown }, ); site.use(plugins()); @@ -39,7 +39,7 @@ site.use( themes: ["material-theme-darker"], }, theme: "material-theme-darker", - }) + }), ); export default site; diff --git a/mod.ts b/mod.ts index 889627a..7719fe4 100644 --- a/mod.ts +++ b/mod.ts @@ -4,7 +4,7 @@ import "lume/types.ts"; export type { Options } from "./plugins.ts"; -export default function(options: Partial = {}) { +export default function (options: Partial = {}) { return (site: Lume.Site) => { // Configure the site site.use(plugins(options)); diff --git a/plugins.ts b/plugins.ts index ea7a6e7..fd59e25 100644 --- a/plugins.ts +++ b/plugins.ts @@ -39,7 +39,7 @@ export const defaults: Options = { }; /** Configure the site */ -export default function(userOptions?: Options) { +export default function (userOptions?: Options) { const options = merge(defaults, userOptions); return (site: Lume.Site) => { @@ -48,7 +48,7 @@ export default function(userOptions?: Options) { tailwindcss({ extensions: [".html", ".jsx", ".vto"], options: tailwindOptions, - }) + }), ) .use(postcss()) .use(basePath()) @@ -81,7 +81,7 @@ export default function(userOptions?: Options) { preact: ["Component"], }, }, - }) + }), ) .copy("fonts") .copy("js") diff --git a/serve.ts b/serve.ts index 90c78d8..ced30cd 100644 --- a/serve.ts +++ b/serve.ts @@ -10,7 +10,6 @@ const count = await kv.get(["visitors"]); console.log(`You are visitor number #${count.value}`); - const server = new Server({ port: 8000, root: `${Deno.cwd()}/_site`, @@ -19,4 +18,3 @@ const server = new Server({ server.start(); console.log("Listening on http://localhost:8000"); - diff --git a/src/_includes/css/ds.css b/src/_includes/css/ds.css index 2496894..e8ff070 100644 --- a/src/_includes/css/ds.css +++ b/src/_includes/css/ds.css @@ -164,11 +164,29 @@ input[type="submit"] { text-align: center; text-decoration: none; } -:is(button, input[type="button"], input[type="reset"], input[type="submit"], a[role="button"]):not(:disabled) { +:is( + button, + input[type="button"], + input[type="reset"], + input[type="submit"], + a[role="button"] +):not(:disabled) { cursor: pointer; } -:is(button, input[type="button"], input[type="reset"], input[type="submit"], a[role="button"]):disabled, -[aria-disabled="false"]:is(button, input[type="button"], input[type="reset"], input[type="submit"], a[role="button"]) { +:is( + button, + input[type="button"], + input[type="reset"], + input[type="submit"], + a[role="button"] +):disabled, +[aria-disabled="false"]:is( + button, + input[type="button"], + input[type="reset"], + input[type="submit"], + a[role="button"] +) { opacity: 0.33; pointer-events: none; } @@ -328,11 +346,37 @@ textarea { padding: 0.7em; width: 100%; } -:is(input[type="date"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea):disabled { +:is( + input[type="date"], + input[type="datetime-local"], + input[type="email"], + input[type="month"], + input[type="number"], + input[type="password"], + input[type="tel"], + input[type="text"], + input[type="time"], + input[type="url"], + input[type="week"], + textarea +):disabled { opacity: 0.33; pointer-events: none; } -:is(input[type="date"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea)::placeholder { +:is( + input[type="date"], + input[type="datetime-local"], + input[type="email"], + input[type="month"], + input[type="number"], + input[type="password"], + input[type="tel"], + input[type="text"], + input[type="time"], + input[type="url"], + input[type="week"], + textarea +)::placeholder { color: currentColor; opacity: 0.5; } diff --git a/src/archive.page.js b/src/archive.page.js index 9660c7c..45546b1 100644 --- a/src/archive.page.js +++ b/src/archive.page.js @@ -1,6 +1,6 @@ export const layout = "layouts/archive.vto"; -export default function*({ search, paginate, i18n }) { +export default function* ({ search, paginate, i18n }) { const posts = search.pages("type=post", "date=desc"); for ( diff --git a/src/archive_result.page.js b/src/archive_result.page.js index 94d2fcc..f71ba9d 100644 --- a/src/archive_result.page.js +++ b/src/archive_result.page.js @@ -1,6 +1,6 @@ export const layout = "layouts/archive_result.vto"; -export default function*({ search, i18n }) { +export default function* ({ search, i18n }) { // Generate a page for each tag for (const tag of search.values("tags")) { yield { diff --git a/src/js/software-list.js b/src/js/software-list.js index a35f80c..48f7016 100644 --- a/src/js/software-list.js +++ b/src/js/software-list.js @@ -69,7 +69,7 @@ class SoftwareList extends HTMLElement { updateselectedSoftware() { // Get all the checkboxes inside the shadow DOM const checkboxes = this.shadowRoot.querySelectorAll( - "input[type=\"checkbox\"]:checked", + 'input[type="checkbox"]:checked', ); // Create a string of selected software @@ -78,7 +78,8 @@ class SoftwareList extends HTMLElement { .join(" "); // Update the text content of the paragraph with the selected software - this.selectedSoftwareParagraph.textContent = `sudo pacman -Sy ${selectedSoftware}`; + this.selectedSoftwareParagraph.textContent = + `sudo pacman -Sy ${selectedSoftware}`; } } diff --git a/src/styles.css b/src/styles.css index 04f8a2d..77acb7b 100644 --- a/src/styles.css +++ b/src/styles.css @@ -55,7 +55,8 @@ pre code { white-space: pre-wrap !important; } -code { display:inline-flex; +code { + display: inline-flex; } /* copied from pixelde.su */ @@ -67,8 +68,9 @@ code { display:inline-flex; } .button { - @apply inline-flex items-center rounded-md shadow-lg font-bold dark:text-white text-black - px-2 py-0.5 transition-all hover:translate-y-0.5; + @apply inline-flex items-center rounded-md shadow-lg font-bold + dark:text-white text-black px-2 py-0.5 transition-all + hover:translate-y-0.5; } .button svg { diff --git a/tailwind.config.js b/tailwind.config.js index 69721e0..ed1ee8a 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -2,7 +2,7 @@ import typography from "npm:@tailwindcss/typography"; import plugin from "npm:tailwindcss/plugin.js"; export default { - content: ['./src/**/*.(html,js,css,vto)'], + content: ["./src/**/*.(html,js,css,vto)"], mode: "jit", darkMode: ["variant", [ "@media (prefers-color-scheme: dark) { &:not(.light *) }",