From 21c1f289947b245e4d2bd4e963f9c2e264e2fd8e Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Thu, 24 Apr 2025 14:24:55 +0200
Subject: [PATCH 1/5] Create plugin to generate pdf

---
 _config/eleventy-plugin-pdf.js |   38 ++
 eleventy.config.js             |    3 +
 package-lock.json              | 1109 ++++++++++++++++++++++++++++++++
 package.json                   |    4 +-
 4 files changed, 1153 insertions(+), 1 deletion(-)
 create mode 100644 _config/eleventy-plugin-pdf.js

diff --git a/_config/eleventy-plugin-pdf.js b/_config/eleventy-plugin-pdf.js
new file mode 100644
index 0000000..33ce693
--- /dev/null
+++ b/_config/eleventy-plugin-pdf.js
@@ -0,0 +1,38 @@
+import PuppeteerHTMLPDF from "puppeteer-html-pdf";
+import { nanoid } from 'nanoid'
+import fs  from 'fs';
+
+let config = {}
+export default function (eleventyConfig, pluginOptions) {
+	config = pluginOptions;
+    eleventyConfig.addTransform("toPDF", transformPDF);
+};
+
+const transformPDF = async function(content) {
+    if (this.outputPath && this.outputPath.toLowerCase().endsWith('.pdf')) {
+        let htmlFile = `./${config.tempDir || "dist"}/${nanoid()}.html`;
+        let pdfFile = `./${config.tempDir || "dist"}/${nanoid()}.pdf`;
+    
+        fs.writeFileSync(htmlFile, content);
+
+        const htmlPDF = new PuppeteerHTMLPDF();
+        const options = {
+            format: config.format || "A4",
+            margin: config.margin || {
+                top: "1cm",
+                right: "1.25cm",
+                bottom: "1cm",
+                left: "1.25cm",
+            },
+            path: pdfFile, // you can pass path to save the file
+        };
+        htmlPDF.setOptions(options);
+
+        const pdfContent = await htmlPDF.readFile(htmlFile, "utf8");
+        await htmlPDF.create(pdfContent);
+        let contents = fs.readFileSync(pdfFile, 'binary');
+    
+        fs.unlinkSync(htmlFile); fs.unlinkSync(pdfFile);
+        return Buffer.from(contents,'binary');
+    } else return content;
+};
\ No newline at end of file
diff --git a/eleventy.config.js b/eleventy.config.js
index 2c324e3..d918af2 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -3,6 +3,7 @@ import browserslist from "browserslist";
 import * as sass from "sass";
 import path from "node:path";
 import { bundle, browserslistToTargets, composeVisitors, transform } from "lightningcss" ;
+import eleventyPDF from "./_config/eleventy-plugin-pdf.js";
 
 export default async function (eleventyConfig) {
   eleventyConfig.setUseGitIgnore(false);
@@ -29,6 +30,8 @@ export default async function (eleventyConfig) {
       .sort((a, b) => a.data.startDate - b.data.startDate).reverse();
   });
 
+  eleventyConfig.addPlugin(eleventyPDF);
+
   eleventyConfig.addPassthroughCopy('src/favicon.ico')
 
   // Recognize CSS as a "template language"
diff --git a/package-lock.json b/package-lock.json
index cce929c..fef3d3b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,8 @@
         "@11ty/eleventy": "^3.0.0",
         "browserslist": "^4.24.4",
         "lightningcss": "^1.29.3",
+        "nanoid": "^5.1.5",
+        "puppeteer-html-pdf": "^4.0.8",
         "sass": "^1.87.0"
       }
     },
@@ -334,6 +336,31 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/@babel/code-frame": {
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -807,6 +834,29 @@
         "node": ">=14"
       }
     },
+    "node_modules/@puppeteer/browsers": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.3.0.tgz",
+      "integrity": "sha512-ioXoq9gPxkss4MYhD+SFaU9p1IHFUX0ILAWFPyjGaBdjLsYAlZw6j1iLA0N/m12uVHLFDfSYNF7EQccjinIMDA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^4.3.5",
+        "extract-zip": "^2.0.1",
+        "progress": "^2.0.3",
+        "proxy-agent": "^6.4.0",
+        "semver": "^7.6.3",
+        "tar-fs": "^3.0.6",
+        "unbzip2-stream": "^1.4.3",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "browsers": "lib/cjs/main-cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sindresorhus/slugify": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@sindresorhus/slugify/-/slugify-2.2.1.tgz",
@@ -840,6 +890,35 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@tootallnate/quickjs-emscripten": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
+      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.14.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.14.1.tgz",
+      "integrity": "sha512-u0HuPQwe/dHrItgHHpmw3N2fYCR6x4ivMNbPHRkBVP4CvN+kiRrKHWk3i8tXiO/joPwXLMYvF9TTF0eqgHIuOw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/a-sync-waterfall": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/a-sync-waterfall/-/a-sync-waterfall-1.0.1.tgz",
@@ -872,6 +951,16 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
+      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -954,12 +1043,140 @@
       "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
       "dev": true
     },
+    "node_modules/ast-types": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
+      "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/b4a": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.7.tgz",
+      "integrity": "sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/bare-events": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.5.4.tgz",
+      "integrity": "sha512-+gFfDkR8pj4/TrWCGUGWmJIkBwuxPS5F+a5yWjOHQt2hHvNZd5YLzadjmDUtFmMM4y429bnKLa8bYBMHcYdnQA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true
+    },
+    "node_modules/bare-fs": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.1.2.tgz",
+      "integrity": "sha512-8wSeOia5B7LwD4+h465y73KOdj5QHsbbuoUfPBi+pXgFJIPuG7SsiOdJuijWMyfid49eD+WivpfY7KT8gbAzBA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4"
+      },
+      "engines": {
+        "bare": ">=1.16.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-os": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.6.1.tgz",
+      "integrity": "sha512-uaIjxokhFidJP+bmmvKSgiMzj2sV5GPHaZVAIktcxcpCyBFFWO+YlikVAdhmUo2vYFvFhOXIAlldqV29L8126g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "bare": ">=1.14.0"
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
+      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "node_modules/bare-stream": {
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.6.5.tgz",
+      "integrity": "sha512-jSmxKJNJmHySi6hC42zlZnq00rga4jjxcgNZjY9N5WlOe/iOoGRtdwGsHzQv2RlH2KOYMwGUXhf2zXd32BA9RA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "streamx": "^2.21.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/basic-ftp": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.0.5.tgz",
+      "integrity": "sha512-4Bcg1P8xhUuqcii/S0Z9wiHIrQVPMermM1any+MX5GeGD7faD3/msQUDGLol9wOcz4/jbg/WJnGqoJF6LiBdtg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/bcp-47": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/bcp-47/-/bcp-47-2.1.0.tgz",
@@ -1067,6 +1284,51 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001715",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001715.tgz",
@@ -1120,6 +1382,36 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/chromium-bidi": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-0.6.3.tgz",
+      "integrity": "sha512-qXlsCmpCZJAnoTYI83Iu6EdYQpMYdVkCfq08KDh2pmlVqK5t5IA9mGs4/LwCwp4fqisSOMXZxP3HIh8w8aRn0A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "mitt": "3.0.1",
+        "urlpattern-polyfill": "10.0.0",
+        "zod": "3.23.8"
+      },
+      "peerDependencies": {
+        "devtools-protocol": "*"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -1154,6 +1446,53 @@
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
       "dev": true
     },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/cosmiconfig/node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/cosmiconfig/node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -1169,6 +1508,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/data-uri-to-buffer": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
+      "integrity": "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
@@ -1187,6 +1536,21 @@
         }
       }
     },
+    "node_modules/degenerator": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
+      "integrity": "sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ast-types": "^0.13.4",
+        "escodegen": "^2.1.0",
+        "esprima": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -1217,6 +1581,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/devtools-protocol": {
+      "version": "0.0.1312386",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1312386.tgz",
+      "integrity": "sha512-DPnhUXvmvKT2dFA/j7B+riVLUt9Q6RKJlcppojL5CoRywJJKLDYnRlw0gTFKfgDPHP5E04UoB71SxoJlVZy8FA==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
     "node_modules/dom-serializer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -1318,6 +1689,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
     "node_modules/entities": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
@@ -1330,6 +1711,16 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/errno": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
@@ -1343,6 +1734,16 @@
         "errno": "cli.js"
       }
     },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
     "node_modules/escalade": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
@@ -1373,6 +1774,28 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
     "node_modules/esm-import-transformer": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/esm-import-transformer/-/esm-import-transformer-3.0.3.tgz",
@@ -1396,6 +1819,26 @@
         "node": ">=4"
       }
     },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
@@ -1428,6 +1871,34 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/fast-glob": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
@@ -1454,6 +1925,16 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
     "node_modules/filesize": {
       "version": "10.1.6",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-10.1.6.tgz",
@@ -1567,6 +2048,47 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-uri": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.4.tgz",
+      "integrity": "sha512-E1b1lFFLvLgak2whF2xDBcOy6NLVGZBqqjJjsIhvopKfWWEi64pLVTWWehV8KlLerZkfNTA95sTe2OdJKm1OzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "basic-ftp": "^5.0.2",
+        "data-uri-to-buffer": "^6.0.2",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -1646,6 +2168,55 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
     "node_modules/immutable": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.1.tgz",
@@ -1653,12 +2224,50 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "dev": true
     },
+    "node_modules/ip-address": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-9.0.5.tgz",
+      "integrity": "sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jsbn": "1.1.0",
+        "sprintf-js": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/ip-address/node_modules/sprintf-js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
+      "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
     "node_modules/is-alphabetical": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
@@ -1685,6 +2294,13 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -1795,6 +2411,13 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/js-yaml": {
       "version": "3.14.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
@@ -1808,6 +2431,20 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsbn": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
+      "integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/junk": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/junk/-/junk-1.0.3.tgz",
@@ -2075,6 +2712,13 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/linkify-it": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
@@ -2294,6 +2938,13 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/moo": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz",
@@ -2314,6 +2965,35 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/nanoid": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.5.tgz",
+      "integrity": "sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
+      },
+      "engines": {
+        "node": "^18 || >=20"
+      }
+    },
+    "node_modules/netmask": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
+      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/node-addon-api": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -2397,6 +3077,50 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/pac-proxy-agent": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
+      "integrity": "sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tootallnate/quickjs-emscripten": "^0.23.0",
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "get-uri": "^6.0.1",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.6",
+        "pac-resolver": "^7.0.1",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/pac-resolver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
+      "integrity": "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "degenerator": "^5.0.0",
+        "netmask": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/package-json-from-dist": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
@@ -2404,6 +3128,38 @@
       "dev": true,
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/parse-srcset": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
@@ -2447,6 +3203,13 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -2535,6 +3298,16 @@
         "node": ">=12"
       }
     },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/promise": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
@@ -2545,6 +3318,43 @@
         "asap": "~2.0.3"
       }
     },
+    "node_modules/proxy-agent": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
+      "integrity": "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "http-proxy-agent": "^7.0.1",
+        "https-proxy-agent": "^7.0.6",
+        "lru-cache": "^7.14.1",
+        "pac-proxy-agent": "^7.1.0",
+        "proxy-from-env": "^1.1.0",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -2552,6 +3362,17 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/pump": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
+      "integrity": "sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "node_modules/punycode.js": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
@@ -2562,6 +3383,53 @@
         "node": ">=6"
       }
     },
+    "node_modules/puppeteer": {
+      "version": "22.15.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-22.15.0.tgz",
+      "integrity": "sha512-XjCY1SiSEi1T7iSYuxS82ft85kwDJUS7wj1Z0eGVXKdtr5g4xnVcbjwxhq5xBnpK/E7x1VZZoJDxpjAOasHT4Q==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@puppeteer/browsers": "2.3.0",
+        "cosmiconfig": "^9.0.0",
+        "devtools-protocol": "0.0.1312386",
+        "puppeteer-core": "22.15.0"
+      },
+      "bin": {
+        "puppeteer": "lib/esm/puppeteer/node/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/puppeteer-core": {
+      "version": "22.15.0",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-22.15.0.tgz",
+      "integrity": "sha512-cHArnywCiAAVXa3t4GGL2vttNxh7GqXtIYGym99egkNJ3oG//wL9LkvO4WE8W1TJe95t1F1ocu9X4xWaGsOKOA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@puppeteer/browsers": "2.3.0",
+        "chromium-bidi": "0.6.3",
+        "debug": "^4.3.6",
+        "devtools-protocol": "0.0.1312386",
+        "ws": "^8.18.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/puppeteer-html-pdf": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/puppeteer-html-pdf/-/puppeteer-html-pdf-4.0.8.tgz",
+      "integrity": "sha512-UcNTZ6sdERr0PC9pwjhhkqbXGeBtNSxxfBCc3Cku7U+Z8xNEVLj4TFpq1/oYNknYXBijd8+aORZAQpLEvM5q2w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "puppeteer": "^22.7.1"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -2604,6 +3472,26 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -2791,6 +3679,58 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.4",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.4.tgz",
+      "integrity": "sha512-D3YaD0aRxR3mEcqnidIs7ReYJFVzWdd6fXJYUM8ixcQcJRGTka/b3saV0KflYhyVJXKhb947GndU35SxYNResQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^9.0.5",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
+      "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "socks": "^2.8.3"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
@@ -2829,6 +3769,20 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/streamx": {
+      "version": "2.22.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.22.0.tgz",
+      "integrity": "sha512-sLh1evHOzBy/iWRiR6d1zRcLao4gGZr3C1kzNz4fopCOKJb6xD9ub8Mpi9Mr1R6id5o43S+d93fI48UC5uM9aw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      },
+      "optionalDependencies": {
+        "bare-events": "^2.2.0"
+      }
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -2894,6 +3848,50 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/tar-fs": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.8.tgz",
+      "integrity": "sha512-ZoROL70jptorGAlgAYiLoBLItEKw/fUxg9BSYK/dF/GAGYFJOJJJMvjPAKDJraCXFwadD456FCuvLWgfhMsPwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      },
+      "optionalDependencies": {
+        "bare-fs": "^4.0.1",
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
+      "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "node_modules/text-decoder": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz",
+      "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -2917,6 +3915,13 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
     "node_modules/uc.micro": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
@@ -2924,6 +3929,25 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/unbzip2-stream": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz",
+      "integrity": "sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.2.1",
+        "through": "^2.3.8"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -2987,6 +4011,24 @@
         "node": ">= 8"
       }
     },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/wrap-ansi-cjs": {
       "name": "wrap-ansi",
       "version": "7.0.0",
@@ -3006,6 +4048,13 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/ws": {
       "version": "8.18.1",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz",
@@ -3027,6 +4076,66 @@
           "optional": true
         }
       }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.23.8",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
+      "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index b2e9d26..84ec8cd 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,8 @@
     "@11ty/eleventy": "^3.0.0",
     "browserslist": "^4.24.4",
     "lightningcss": "^1.29.3",
-    "sass": "^1.87.0"
+    "sass": "^1.87.0",
+    "nanoid": "^5.1.5",
+    "puppeteer-html-pdf": "^4.0.8"
   }
 }

From 03314d4c1cf6743a3cd122363b0e8bb5c40a7b81 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Thu, 24 Apr 2025 14:25:31 +0200
Subject: [PATCH 2/5] Add template for the pdf file

---
 eleventy.config.js                 |   1 +
 src/_includes/layouts/pdf.html     | 217 +++++++++++++++++++++++++++++
 src/pages/sections/download.liquid |   1 +
 src/pages/sections/hero.liquid     |   1 +
 src/pdf.liquid                     |  26 ++++
 5 files changed, 246 insertions(+)
 create mode 100644 src/_includes/layouts/pdf.html
 create mode 100644 src/pdf.liquid

diff --git a/eleventy.config.js b/eleventy.config.js
index d918af2..6468c28 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -11,6 +11,7 @@ export default async function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({"./src/_includes/js/" : "/js"});
 
   eleventyConfig.addLayoutAlias('base', 'layouts/base.html');
+  eleventyConfig.addLayoutAlias('pdf', 'layouts/pdf.html');
 
   eleventyConfig.addCollection("sections", (collectionApi) => {
     const sections = collectionApi.getFilteredByGlob("./src/pages/sections/**")
diff --git a/src/_includes/layouts/pdf.html b/src/_includes/layouts/pdf.html
new file mode 100644
index 0000000..dbc7dcb
--- /dev/null
+++ b/src/_includes/layouts/pdf.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang={{ site.lang }} >
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ title }}</title>
+
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <section>
+        <h1>{{ title }}</h1>
+        <ul class="list-inline justify-center">
+            <li><a href="https://google.com">Lorem ipsum dolor sit</a></li>
+            <li>Lorem ipsum</li>
+            <li><a href="https://google.com">Lorem ipsum dolor sit</a></li>
+            <li>Lorem ipsum</li>
+        </ul>
+    </section>
+
+    {% block content %}
+        {{ content }}
+    {% endblock %}
+
+    <section>
+        <div class="title">
+            <h2>Lorem</h2>
+            <hr>
+        </div>
+        <ul>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum.</p></li>
+        </ul>
+    </section>
+
+    <section>
+        <div class="title">
+            <h2>Lorem</h2>
+            <hr>
+        </div>
+        <div class="subtitle">
+            <h3>Lorem ipsum</h3>
+            <p class="underline">
+                <strong>Lorem ipsum</strong>
+            </p>
+            <div class="timeSection">
+                <span>Lorem ipsum</span>
+                <strong>01/1999 - 02/1999</strong>
+            </div>
+        </div>
+        <ul>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
+        </ul>
+        <div class="subtitle">
+            <h3>Lorem ipsum</h3>
+            <p class="underline">
+                <strong>Lorem ipsum</strong>
+            </p>
+            <div class="timeSection">
+                <span>Lorem ipsum</span>
+                <strong>01/1999 - 02/1999</strong>
+            </div>
+        </div>
+        <ul>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
+        </ul>
+        <div class="subtitle">
+            <h3>Lorem ipsum</h3>
+            <p class="underline">
+                <strong>Lorem ipsum</strong>
+            </p>
+            <div class="timeSection">
+                <span>Lorem ipsum</span>
+                <strong>01/1999 - 02/1999</strong>
+            </div>
+        </div>
+        <ul>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum.</p></li>
+        </ul>
+    </section>
+
+    <section>
+        <div class="title">
+            <h2>Lorem</h2>
+            <hr>
+        </div>
+        <div class="subtitle">
+            <h3>Lorem ipsum 2</h3>
+            <p class="underline">
+                <strong>Lorem ipsum</strong>
+            </p>
+            <div class="timeSection">
+                <span>Lorem ipsum</span>
+                <strong>01/1999 - 02/1999</strong>
+            </div>
+        </div>
+        <ul>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
+        </ul>
+    </section>
+
+    <section>
+        <div class="title">
+            <h2>Lorem</h2>
+            <hr>
+        </div>
+        <ul>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
+            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum.</p></li>
+        </ul>
+    </section>
+
+    <style>
+:root {
+  --accent-color: blue;
+  --font-body: Arial, sans-serif;
+  --font-display: 'Times New Roman', Times, serif;
+}
+
+html {
+  font-family: var(--font-body, Arial, sans-serif);
+  margin: 0;
+}
+body {
+  margin: 0;
+}
+
+*, ::before, ::after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+h1 {
+  text-align:center;
+  font-family: var(--font-display, 'Times New Roman', Times, serif);
+  font-size: 2rem;
+  margin: 0;
+  line-height: 1.6;
+}
+h2 {
+  color : var(--accent-color, blue);
+}
+p {
+  margin: 0;
+}
+ul {
+  margin: 0;
+}
+li::marker {
+  color: var(--accent-color, blue);
+}
+section {margin-bottom: 1.2rem;}
+
+.justify-center {
+  justify-content: center;
+}
+.underline {
+  text-decoration: underline;
+}
+.list-inline {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+  gap: .8rem;
+}
+.list-inline li {
+  display: contents;
+}
+.list-inline li + li::before {
+  content: '|';
+}
+
+.title {
+  display: flex;
+  gap: .8rem;
+  margin-bottom: .6rem;
+}
+.title h2 {
+  margin: 0;
+}
+.title hr {
+  align-self: center;
+  flex: 1 0 auto;
+}
+
+section ul {padding: 0;margin-left: 1.2rem;}
+.subtitle {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  justify-content: space-between;
+  align-items: center;
+  justify-items: center;
+  margin-inline: 1rem;
+  margin-bottom: .4rem;
+}
+.subtitle .timeSection { font-size: .9rem; }
+.subtitle h3,
+.subtitle p { margin: 0; }
+.subtitle > :first-child {justify-self: start;}
+.subtitle > :last-child {justify-self: end;}
+.subtitle + ul {font-size: .9rem;}
+.subtitle ~ .subtitle {margin-top: 1rem;}
+    </style>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/pages/sections/download.liquid b/src/pages/sections/download.liquid
index 5ac90e6..e454d8f 100644
--- a/src/pages/sections/download.liquid
+++ b/src/pages/sections/download.liquid
@@ -1,6 +1,7 @@
 ---
 title: Téléchargement
 showTitle: false
+excludeFromPdf: true
 order: 4
 ---
 
diff --git a/src/pages/sections/hero.liquid b/src/pages/sections/hero.liquid
index 887610f..d2db8e3 100644
--- a/src/pages/sections/hero.liquid
+++ b/src/pages/sections/hero.liquid
@@ -2,6 +2,7 @@
 title: A propos
 order: 0
 template: 'hero'
+excludeFromPdf: true
 eleventyComputed:
     description: "{{ author.about }}"
     displayedTitle: "Moi c'est {{ author.firstName }}<br>Et je suis {{ author.occupation }}"
diff --git a/src/pdf.liquid b/src/pdf.liquid
new file mode 100644
index 0000000..68c183a
--- /dev/null
+++ b/src/pdf.liquid
@@ -0,0 +1,26 @@
+---
+layout: pdf
+title: Test PDF
+permalink: "pdf.pdf"
+---
+
+<h1>Hello</h1>
+
+<p>
+<img src="https://place-hold.it/400x400">
+</p>
+
+<p>
+The time is {{ "now" | date: "%Y-%m-%d %H:%M" }}
+
+</p>
+
+{% for section in collections.sections %}
+    {% if section.data.excludeFromPdf != true %}
+      {% if section.data.template == 'hero' %}
+        {% include 'hero' %}
+      {% else %}
+        {% include 'page' %}
+      {% endif %}
+    {% endif %}
+  {% endfor %}
\ No newline at end of file

From 666a8f643eb02f074f7b745aededb1200507be4c Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Fri, 25 Apr 2025 16:35:34 +0200
Subject: [PATCH 3/5] Create templates for the pdf file

---
 src/_includes/layouts/pdf.html                | 108 ------------------
 .../partials/components/pdf/section.liquid    |  33 ++++++
 src/pdf.liquid                                |  38 +++---
 3 files changed, 57 insertions(+), 122 deletions(-)
 create mode 100644 src/_includes/partials/components/pdf/section.liquid

diff --git a/src/_includes/layouts/pdf.html b/src/_includes/layouts/pdf.html
index dbc7dcb..d25b2ef 100644
--- a/src/_includes/layouts/pdf.html
+++ b/src/_includes/layouts/pdf.html
@@ -8,118 +8,10 @@
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-    <section>
-        <h1>{{ title }}</h1>
-        <ul class="list-inline justify-center">
-            <li><a href="https://google.com">Lorem ipsum dolor sit</a></li>
-            <li>Lorem ipsum</li>
-            <li><a href="https://google.com">Lorem ipsum dolor sit</a></li>
-            <li>Lorem ipsum</li>
-        </ul>
-    </section>
-
     {% block content %}
         {{ content }}
     {% endblock %}
 
-    <section>
-        <div class="title">
-            <h2>Lorem</h2>
-            <hr>
-        </div>
-        <ul>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum.</p></li>
-        </ul>
-    </section>
-
-    <section>
-        <div class="title">
-            <h2>Lorem</h2>
-            <hr>
-        </div>
-        <div class="subtitle">
-            <h3>Lorem ipsum</h3>
-            <p class="underline">
-                <strong>Lorem ipsum</strong>
-            </p>
-            <div class="timeSection">
-                <span>Lorem ipsum</span>
-                <strong>01/1999 - 02/1999</strong>
-            </div>
-        </div>
-        <ul>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
-        </ul>
-        <div class="subtitle">
-            <h3>Lorem ipsum</h3>
-            <p class="underline">
-                <strong>Lorem ipsum</strong>
-            </p>
-            <div class="timeSection">
-                <span>Lorem ipsum</span>
-                <strong>01/1999 - 02/1999</strong>
-            </div>
-        </div>
-        <ul>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
-        </ul>
-        <div class="subtitle">
-            <h3>Lorem ipsum</h3>
-            <p class="underline">
-                <strong>Lorem ipsum</strong>
-            </p>
-            <div class="timeSection">
-                <span>Lorem ipsum</span>
-                <strong>01/1999 - 02/1999</strong>
-            </div>
-        </div>
-        <ul>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum.</p></li>
-        </ul>
-    </section>
-
-    <section>
-        <div class="title">
-            <h2>Lorem</h2>
-            <hr>
-        </div>
-        <div class="subtitle">
-            <h3>Lorem ipsum 2</h3>
-            <p class="underline">
-                <strong>Lorem ipsum</strong>
-            </p>
-            <div class="timeSection">
-                <span>Lorem ipsum</span>
-                <strong>01/1999 - 02/1999</strong>
-            </div>
-        </div>
-        <ul>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
-        </ul>
-    </section>
-
-    <section>
-        <div class="title">
-            <h2>Lorem</h2>
-            <hr>
-        </div>
-        <ul>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum. Nemo illum amet voluptatibus assumenda sunt eaque quas, ipsa officia ut mollitia veniam.</p></li>
-            <li><p><strong>Lorem:</strong> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iste minus molestiae facere inventore cum.</p></li>
-        </ul>
-    </section>
-
     <style>
 :root {
   --accent-color: blue;
diff --git a/src/_includes/partials/components/pdf/section.liquid b/src/_includes/partials/components/pdf/section.liquid
new file mode 100644
index 0000000..38c303b
--- /dev/null
+++ b/src/_includes/partials/components/pdf/section.liquid
@@ -0,0 +1,33 @@
+<section>
+    {% if section.data.showTitle != false %}
+        <div class="title">
+            <h2>
+                {% if section.data.displayedTitle %}
+                    {{ section.data.displayedTitle }}
+                {% else %}
+                    {{ section.data.title }}
+                {% endif %}
+            </h2>
+            <hr>
+        </div>
+    {% endif %}
+
+    {% for item in items %}
+        <div class="subtitle">
+            <h3>{{ item.data.title }}</h3>
+            <p class="underline">
+                <strong>{{ item.data.role }}</strong>
+            </p>
+            {% if item.data.dates %}
+                <div class="timeSection">
+                    <span>{{ item.data.location }}</span>
+                    <strong>{{ item.data.dates.start }} - {{ item.data.dates.end }}</strong>
+                </div>
+            {% endif %}
+        </div>
+
+        <ul>
+            <li>{{ item.data.description }}</li>
+        </ul>
+    {% endfor %}
+</section>
\ No newline at end of file
diff --git a/src/pdf.liquid b/src/pdf.liquid
index 68c183a..311fb63 100644
--- a/src/pdf.liquid
+++ b/src/pdf.liquid
@@ -1,14 +1,27 @@
 ---
 layout: pdf
-title: Test PDF
 permalink: "pdf.pdf"
+eleventyComputed:
+  title: "{{author.firstName}} {{author.name}}, {{author.occupation}}"
+links:
+  - value: "thomas@amstutz.it"
+  - type: "link"
+    value: "github.com/TheThomaas"
+  - value: "123 123 12 12"
 ---
 
-<h1>Hello</h1>
-
-<p>
-<img src="https://place-hold.it/400x400">
-</p>
+<section>
+  <h1>{{ title }}</h1>
+  <ul class="list-inline justify-center">
+    {% for item in links %}
+      {% if item.type == "link" %}
+        <li><a href="{{item.value}}">{{item.value}}</a></li>
+      {% else %}
+        <li>{{item.value}}</li>
+      {% endif %}
+    {% endfor %}
+  </ul>
+</section>
 
 <p>
 The time is {{ "now" | date: "%Y-%m-%d %H:%M" }}
@@ -16,11 +29,8 @@ The time is {{ "now" | date: "%Y-%m-%d %H:%M" }}
 </p>
 
 {% for section in collections.sections %}
-    {% if section.data.excludeFromPdf != true %}
-      {% if section.data.template == 'hero' %}
-        {% include 'hero' %}
-      {% else %}
-        {% include 'page' %}
-      {% endif %}
-    {% endif %}
-  {% endfor %}
\ No newline at end of file
+  {% if section.data.excludeFromPdf != true %}
+    {% assign items = collections[section.data.collection] %}
+    {% include 'partials/components/pdf/section' %}
+  {% endif %}
+{% endfor %}

From 945575a4d5d61bac15c5910475f44f18f2309894 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Fri, 25 Apr 2025 16:36:01 +0200
Subject: [PATCH 4/5] Update content to fit the new templates

---
 src/experiences/artionet-stage.md     | 4 ++++
 src/experiences/artionet.md           | 4 ++++
 src/experiences/emt.md                | 4 ++++
 src/pages/sections/experiences.liquid | 3 ++-
 src/pages/sections/projects.liquid    | 3 ++-
 5 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/experiences/artionet-stage.md b/src/experiences/artionet-stage.md
index 472d906..d2abece 100644
--- a/src/experiences/artionet-stage.md
+++ b/src/experiences/artionet-stage.md
@@ -1,8 +1,12 @@
 ---
 title: Artionet - Web Agency
+role: Stagiaire
 description: Stage de 4ème année de CFC, développement web
 location: Delémont
 link: https://www.artionet.ch
+dates:
+  start: 2021
+  end: 2022
 startDate: 2021
 endDate: 2022
 ---
\ No newline at end of file
diff --git a/src/experiences/artionet.md b/src/experiences/artionet.md
index 12d7f2e..3346695 100644
--- a/src/experiences/artionet.md
+++ b/src/experiences/artionet.md
@@ -1,8 +1,12 @@
 ---
 title: Artionet - Web Agency
+role: Développeur
 description: Développeur Front-End et Support Client
 location: Delémont
 link: https://www.artionet.ch
+dates:
+  start: 2022
+  end: Present
 startDate: 2022
 endDate: 2024
 ---
\ No newline at end of file
diff --git a/src/experiences/emt.md b/src/experiences/emt.md
index 7564e89..0242987 100644
--- a/src/experiences/emt.md
+++ b/src/experiences/emt.md
@@ -1,7 +1,11 @@
 ---
 title: Ecole des métiers Technique
+role: Etudiant
 description: CFC d'informaticien d'entreprise
 location: Porrentruy
+dates:
+  start: 2018
+  end: 2022
 startDate: 2018
 endDate: 2022
 ---
\ No newline at end of file
diff --git a/src/pages/sections/experiences.liquid b/src/pages/sections/experiences.liquid
index 65d6103..894be1b 100644
--- a/src/pages/sections/experiences.liquid
+++ b/src/pages/sections/experiences.liquid
@@ -1,8 +1,9 @@
 ---
 title: Expériences
 displayedTitle: Mes expériences
+collection: experiences
 order: 3
 ---
 
-{% assign experiences = collections.experiences %}
+{% assign experiences = collections[collection] %}
 {% render 'partials/components/timeline', timeline: experiences %}
\ No newline at end of file
diff --git a/src/pages/sections/projects.liquid b/src/pages/sections/projects.liquid
index c2275f1..594755f 100644
--- a/src/pages/sections/projects.liquid
+++ b/src/pages/sections/projects.liquid
@@ -1,8 +1,9 @@
 ---
 title: Projets
 displayedTitle: Mes projets
+collection: projects
 order: 2
 ---
 
-{% assign projects = collections.projects %}
+{% assign projects = collections[collection] %}
 {% include 'partials/components/project-grid' %}
\ No newline at end of file

From d8347ec473e5ba3bf87d79b2c18c9570100cad1b Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Tue, 29 Apr 2025 20:50:24 +0200
Subject: [PATCH 5/5] Add link to the website to the pdf

---
 src/pdf.liquid | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pdf.liquid b/src/pdf.liquid
index 311fb63..7e913f2 100644
--- a/src/pdf.liquid
+++ b/src/pdf.liquid
@@ -8,6 +8,8 @@ links:
   - type: "link"
     value: "github.com/TheThomaas"
   - value: "123 123 12 12"
+  - type: "link"
+    value: "amstutz.it"
 ---
 
 <section>