Skip to content

Create Service Worker for improved performance #341

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 10, 2025
Merged

Create Service Worker for improved performance #341

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 6 additions & 38 deletions .eleventy.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,38 +14,6 @@ const markdownItHighlightJS = require('markdown-it-highlightjs')
const emojiReadTime = require("@11tyrocks/eleventy-plugin-emoji-readtime");
const packageVersion = require("./package.json").version;

// async function run() {
// const { Importer } = await import("@11ty/import");

// let importer = new Importer();

// importer.setOutputFolder("./src/social/"); // --output
// importer.setCacheDuration("24h"); // --cacheduration
// importer.setVerbose(true); // --quiet
// importer.setSafeMode(false); // --overwrite
// importer.setDryRun(false); // --dryrun
// importer.setDraftsFolder("drafts");
// importer.setAssetsFolder("assets");
// importer.setAssetReferenceType("relative"); // --assetrefs

// // Sources (one or more)
// importer.addSource("bluesky", "adamjol.bsky.social");

// let entries = await importer.getEntries({
// contentType: "markdown", // --format
// });

// await importer.toFiles(entries);

// importer.logResults();
// }

// Execute the async function
// run().catch(console.error);

// Execute the async function
// run().catch(console.error);

const mdOptions = {
html: true,
breaks: true,
Expand Down Expand Up @@ -93,12 +61,12 @@ module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("src/webfonts");
eleventyConfig.addPassthroughCopy("src/cache-polyfill.js");
eleventyConfig.addPassthroughCopy("src/CNAME");
eleventyConfig.addPassthroughCopy("src/favicon.*");
eleventyConfig.addPassthroughCopy("src/favicon-16x16.png");
eleventyConfig.addPassthroughCopy("src/favicon-32x32.png");
eleventyConfig.addPassthroughCopy("src/apple-touch-icon.png");
eleventyConfig.addPassthroughCopy("src/android-chrome-192x192.png");
eleventyConfig.addPassthroughCopy("src/android-chrome-512x512.png");
eleventyConfig.addPassthroughCopy("src/icon-16.png");
eleventyConfig.addPassthroughCopy("src/icon-32.png");
eleventyConfig.addPassthroughCopy("src/icon-180.png");
eleventyConfig.addPassthroughCopy("src/icon-192.png");
eleventyConfig.addPassthroughCopy("src/icon-512.png");
eleventyConfig.addPassthroughCopy("src/android-launchericon-72-72.png");
eleventyConfig.addPassthroughCopy("src/keybase.txt");
eleventyConfig.addPassthroughCopy("src/manifest.json");
eleventyConfig.addPassthroughCopy("src/site.webmanifest");
Expand Down
9 changes: 9 additions & 0 deletions docs/404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -150,5 +150,14 @@ <h1>Looks like you lost your way...</h1>
}
});
</script>
<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>
</body>
</html>
37 changes: 28 additions & 9 deletions docs/about/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,21 +5,31 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<meta name="robots" content="noindex, nofollow">
<title>About | Adam Jolicoeur</title>
<meta
name="description"
content="Driven and passionate senior user experience designer with a background in software development."
/>
<meta name="generator" content="Eleventy">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" size="192x192" href="/icons-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icons-512.png">
<link rel="icon" type="image/png" size="48x48" href="/favicon.ico">
<link rel="icon" type="image/png" size="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" size="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" size="72x72" href="/favicon.png">
<link type="application/manifest+json" rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="Adam J. Jolicoeur" />
<meta property="og:url" content="https://www.adamjolicoeur.me" />
<meta property="og:description" content="Driven and passionate senior user experience designer with a background in software development.">
<meta property="og:site_name" content="Adam J. Jolicoeur">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
<link rel="icon" type="image/png" size="72x72" href="/android-launchericon-72-72.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#111519">

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="PWA Starter" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet" crossorigin="anonymous">
Expand Down Expand Up @@ -340,6 +350,15 @@ <h2 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
openButton.addEventListener('click', () => dialog.show());
closeButton.addEventListener('click', () => dialog.hide());
</script>
<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>

</body>
</html>
37 changes: 28 additions & 9 deletions docs/alfred/workflows/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,21 +5,31 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<meta name="robots" content="noindex, nofollow">
<title>Alfred Workflows | Adam Jolicoeur</title>
<meta
name="description"
content="A list of my favorite Alfred workflows"
/>
<meta name="generator" content="Eleventy">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" size="192x192" href="/icons-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icons-512.png">
<link rel="icon" type="image/png" size="48x48" href="/favicon.ico">
<link rel="icon" type="image/png" size="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" size="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" size="72x72" href="/favicon.png">
<link type="application/manifest+json" rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="Adam J. Jolicoeur" />
<meta property="og:url" content="https://www.adamjolicoeur.me" />
<meta property="og:description" content="A list of my favorite Alfred workflows">
<meta property="og:site_name" content="Adam J. Jolicoeur">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
<link rel="icon" type="image/png" size="72x72" href="/android-launchericon-72-72.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#111519">

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="PWA Starter" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet" crossorigin="anonymous">
Expand Down Expand Up @@ -335,6 +345,15 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
openButton.addEventListener('click', () => dialog.show());
closeButton.addEventListener('click', () => dialog.hide());
</script>
<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>

</body>
</html>
Binary file added docs/android-launchericon-72-72.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed docs/apple-touch-icon.png
View file
Open in desktop
Binary file not shown.
37 changes: 28 additions & 9 deletions docs/apps/gamesandthings/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,21 +5,31 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<meta name="robots" content="noindex, nofollow">
<title>Games and Things | Adam Jolicoeur</title>
<meta
name="description"
content="An app for cataloging your collections."
/>
<meta name="generator" content="Eleventy">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" size="192x192" href="/icons-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icons-512.png">
<link rel="icon" type="image/png" size="48x48" href="/favicon.ico">
<link rel="icon" type="image/png" size="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" size="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" size="72x72" href="/favicon.png">
<link type="application/manifest+json" rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="Adam J. Jolicoeur" />
<meta property="og:url" content="https://www.adamjolicoeur.me" />
<meta property="og:description" content="An app for cataloging your collections.">
<meta property="og:site_name" content="Adam J. Jolicoeur">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
<link rel="icon" type="image/png" size="72x72" href="/android-launchericon-72-72.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#111519">

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="PWA Starter" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet" crossorigin="anonymous">
Expand Down Expand Up @@ -312,6 +322,15 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
openButton.addEventListener('click', () => dialog.show());
closeButton.addEventListener('click', () => dialog.hide());
</script>
<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>

</body>
</html>
37 changes: 28 additions & 9 deletions docs/archives/archives/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,21 +5,31 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<meta name="robots" content="noindex, nofollow">
<title>Archived Pages | Adam Jolicoeur</title>
<meta
name="description"
content="The portfolio site for Adam Jolicoeur."
/>
<meta name="generator" content="Eleventy">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" size="192x192" href="/icons-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icons-512.png">
<link rel="icon" type="image/png" size="48x48" href="/favicon.ico">
<link rel="icon" type="image/png" size="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" size="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" size="72x72" href="/favicon.png">
<link type="application/manifest+json" rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="Adam J. Jolicoeur" />
<meta property="og:url" content="https://www.adamjolicoeur.me" />
<meta property="og:description" content="The portfolio site for Adam Jolicoeur.">
<meta property="og:site_name" content="Adam J. Jolicoeur">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
<link rel="icon" type="image/png" size="72x72" href="/android-launchericon-72-72.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#111519">

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="PWA Starter" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet" crossorigin="anonymous">
Expand Down Expand Up @@ -309,6 +319,15 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
openButton.addEventListener('click', () => dialog.show());
closeButton.addEventListener('click', () => dialog.hide());
</script>
<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>

</body>
</html>
37 changes: 28 additions & 9 deletions docs/archives/town-selectman/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,21 +5,31 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" />
<meta name="robots" content="noindex, nofollow">
<title>Archived | Adam Jolicoeur</title>
<meta
name="description"
content="Old page when I ran for a position on the Brookfield Select Board."
/>
<meta name="generator" content="Eleventy">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" size="192x192" href="/icons-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icons-512.png">
<link rel="icon" type="image/png" size="48x48" href="/favicon.ico">
<link rel="icon" type="image/png" size="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" size="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" size="72x72" href="/favicon.png">
<link type="application/manifest+json" rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="Adam J. Jolicoeur" />
<meta property="og:url" content="https://www.adamjolicoeur.me" />
<meta property="og:description" content="Old page when I ran for a position on the Brookfield Select Board.">
<meta property="og:site_name" content="Adam J. Jolicoeur">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
<link rel="icon" type="image/png" size="72x72" href="/android-launchericon-72-72.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#111519">

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="PWA Starter" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald&display=swap" rel="stylesheet" crossorigin="anonymous">
Expand Down Expand Up @@ -452,6 +462,15 @@ <h2 class="mb-3">FAQ</h2>
openButton.addEventListener('click', () => dialog.show());
closeButton.addEventListener('click', () => dialog.hide());
</script>
<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>

</body>
</html>
Loading
Loading