diff --git a/astro.config.mjs b/astro.config.mjs
index c198b6c..24bcc02 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,7 +1,10 @@
import { defineConfig } from "astro/config";
+import svelte from "@astrojs/svelte";
+
// https://astro.build/config
export default defineConfig({
site: "https://jsulpis.github.io",
base: "/talk-color-science",
+ integrations: [svelte()],
});
diff --git a/package.json b/package.json
index 3b76d82..d988233 100644
--- a/package.json
+++ b/package.json
@@ -9,10 +9,15 @@
"preview": "astro preview"
},
"dependencies": {
+ "@astrojs/svelte": "5.4.0",
"astro": "4.6.2",
- "reveal.js": "5.1.0"
+ "reveal.js": "5.1.0",
+ "svelte": "4.2.15",
+ "typescript": "5.4.5"
},
"devDependencies": {
- "sass": "1.75.0"
+ "@jaames/iro": "5.5.2",
+ "sass": "1.75.0",
+ "vanilla-colorful": "0.7.2"
}
}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 29f587d..00054a8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,16 +8,31 @@ importers:
.:
dependencies:
+ '@astrojs/svelte':
+ specifier: 5.4.0
+ version: 5.4.0(astro@4.6.2(sass@1.75.0)(typescript@5.4.5))(svelte@4.2.15)(typescript@5.4.5)(vite@5.2.9(sass@1.75.0))
astro:
specifier: 4.6.2
- version: 4.6.2(sass@1.75.0)
+ version: 4.6.2(sass@1.75.0)(typescript@5.4.5)
reveal.js:
specifier: 5.1.0
version: 5.1.0
+ svelte:
+ specifier: 4.2.15
+ version: 4.2.15
+ typescript:
+ specifier: 5.4.5
+ version: 5.4.5
devDependencies:
+ '@jaames/iro':
+ specifier: 5.5.2
+ version: 5.5.2
sass:
specifier: 1.75.0
version: 1.75.0
+ vanilla-colorful:
+ specifier: 0.7.2
+ version: 0.7.2
packages:
@@ -25,6 +40,10 @@ packages:
resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
engines: {node: '>=6.0.0'}
+ '@ampproject/remapping@2.3.0':
+ resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+ engines: {node: '>=6.0.0'}
+
'@astrojs/compiler@2.7.1':
resolution: {integrity: sha512-/POejAYuj8WEw7ZI0J8JBvevjfp9jQ9Wmu/Bg52RiNwGXkMV7JnYpsenVfHvvf1G7R5sXHGKlTcxlQWhoUTiGQ==}
@@ -38,6 +57,14 @@ packages:
resolution: {integrity: sha512-Z9IYjuXSArkAUx3N6xj6+Bnvx8OdUSHA8YoOgyepp3+zJmtVYJIl/I18GozdJVW1p5u/CNpl3Km7/gwTJK85cw==}
engines: {node: ^18.17.1 || ^20.3.0 || >=21.0.0}
+ '@astrojs/svelte@5.4.0':
+ resolution: {integrity: sha512-D9/CVJ+Fy3fu+FzJ7x+0GnRUhHsJKsU6tW/xQQ1QzrFMABuEoM5U4YKTYtxWkqB4B4jNb7gbA4p9ZtEhYZ3/+w==}
+ engines: {node: ^18.17.1 || ^20.3.0 || >=21.0.0}
+ peerDependencies:
+ astro: ^4.0.0
+ svelte: ^4.0.0 || ^5.0.0-next.90
+ typescript: ^5.3.3
+
'@astrojs/telemetry@3.1.0':
resolution: {integrity: sha512-/ca/+D8MIKEC8/A9cSaPUqQNZm+Es/ZinRv0ZAzvu2ios7POQSsVD+VOj7/hypWNsNM3T7RpfgNq7H2TU1KEHA==}
engines: {node: ^18.17.1 || ^20.3.0 || >=21.0.0}
@@ -429,6 +456,12 @@ packages:
cpu: [x64]
os: [win32]
+ '@irojs/iro-core@1.2.1':
+ resolution: {integrity: sha512-p2OvsBSSmidsDsTSkID6jEyXDF7lcyxPrkh3qBzasBZFpjkYd6kZ3yMWai3MlAaQ3F7li/Et7rSJVV09Fpei+A==}
+
+ '@jaames/iro@5.5.2':
+ resolution: {integrity: sha512-Fbi5U4Vdkw6UsF+R3oMlPONqkvUDMkwzh+mX718gQsDFt3+1r1jvGsrfCbedmXAAy0WsjDHOrefK0BkDk99TQg==}
+
'@jridgewell/gen-mapping@0.1.1':
resolution: {integrity: sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==}
engines: {node: '>=6.0.0'}
@@ -556,6 +589,21 @@ packages:
'@shikijs/core@1.3.0':
resolution: {integrity: sha512-7fedsBfuILDTBmrYZNFI8B6ATTxhQAasUHllHmjvSZPnoq4bULWoTpHwmuQvZ8Aq03/tAa2IGo6RXqWtHdWaCA==}
+ '@sveltejs/vite-plugin-svelte-inspector@2.1.0':
+ resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
+ engines: {node: ^18.0.0 || >=20}
+ peerDependencies:
+ '@sveltejs/vite-plugin-svelte': ^3.0.0
+ svelte: ^4.0.0 || ^5.0.0-next.0
+ vite: ^5.0.0
+
+ '@sveltejs/vite-plugin-svelte@3.1.0':
+ resolution: {integrity: sha512-sY6ncCvg+O3njnzbZexcVtUqOBE3iYmQPJ9y+yXSkOwG576QI/xJrBnQSRXFLGwJNBa0T78JEKg5cIR0WOAuUw==}
+ engines: {node: ^18.0.0 || >=20}
+ peerDependencies:
+ svelte: ^4.0.0 || ^5.0.0-next.0
+ vite: ^5.0.0
+
'@types/babel__core@7.20.5':
resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
@@ -744,6 +792,9 @@ packages:
resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==}
engines: {node: '>=6'}
+ code-red@1.0.4:
+ resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
+
color-convert@1.9.3:
resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
@@ -781,6 +832,10 @@ packages:
resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
engines: {node: '>= 8'}
+ css-tree@2.3.1:
+ resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+ engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
cssesc@3.0.0:
resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
engines: {node: '>=4'}
@@ -802,10 +857,17 @@ packages:
resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
engines: {node: '>=10'}
+ dedent-js@1.0.1:
+ resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
+
deep-extend@0.6.0:
resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
engines: {node: '>=4.0.0'}
+ deepmerge@4.3.1:
+ resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+ engines: {node: '>=0.10.0'}
+
dequal@2.0.3:
resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
engines: {node: '>=6'}
@@ -1099,6 +1161,9 @@ packages:
resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
engines: {node: '>=12'}
+ is-reference@3.0.2:
+ resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
+
is-stream@3.0.0:
resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -1151,6 +1216,9 @@ packages:
resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
engines: {node: '>=6'}
+ locate-character@3.0.0:
+ resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+
locate-path@5.0.0:
resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
engines: {node: '>=8'}
@@ -1166,6 +1234,9 @@ packages:
longest-streak@3.0.1:
resolution: {integrity: sha512-cHlYSUpL2s7Fb3394mYxwTYj8niTaNHUCLr0qdiCXQfSjfuA7CKofpX2uSwEfFDQ0EB7JcnMnm+GjbqqoinYYg==}
+ lower-case@2.0.2:
+ resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+
lru-cache@5.1.1:
resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -1173,6 +1244,9 @@ packages:
resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
engines: {node: '>=10'}
+ magic-string@0.30.10:
+ resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
+
magic-string@0.30.5:
resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
engines: {node: '>=12'}
@@ -1219,6 +1293,9 @@ packages:
mdast-util-to-string@4.0.0:
resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+ mdn-data@2.0.30:
+ resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
merge-stream@2.0.0:
resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
@@ -1354,6 +1431,9 @@ packages:
nlcst-to-string@3.1.0:
resolution: {integrity: sha512-Y8HQWKw/zrHTCnu2zcFBN1dV6vN0NUG7s5fkEj380G8tF3R+vA2KG+tDl2QoHVQCTHGHVXwoni2RQkDSFQb1PA==}
+ no-case@3.0.4:
+ resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+
node-abi@3.51.0:
resolution: {integrity: sha512-SQkEP4hmNWjlniS5zdnfIXTk1x7Ome85RDzHlTbBtzE97Gfwz/Ipw4v/Ryk20DWIy3yCNVLVlGKApCnmvYoJbA==}
engines: {node: '>=10'}
@@ -1425,6 +1505,9 @@ packages:
parse5@7.1.2:
resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
+ pascal-case@3.1.2:
+ resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+
path-exists@4.0.0:
resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
engines: {node: '>=8'}
@@ -1443,6 +1526,9 @@ packages:
path-to-regexp@6.2.1:
resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
+ periscopic@3.1.0:
+ resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
+
picocolors@1.0.0:
resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
@@ -1462,6 +1548,9 @@ packages:
resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
engines: {node: ^10 || ^12 || >=14}
+ preact@10.21.0:
+ resolution: {integrity: sha512-aQAIxtzWEwH8ou+OovWVSVNlFImL7xUCwJX3YMqA3U8iKCNC34999fFOnWjYNsylgfPgMexpbk7WYOLtKr/mxg==}
+
prebuild-install@7.1.1:
resolution: {integrity: sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==}
engines: {node: '>=10'}
@@ -1693,6 +1782,22 @@ packages:
resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
engines: {node: '>= 0.4'}
+ svelte-hmr@0.16.0:
+ resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
+ engines: {node: ^12.20 || ^14.13.1 || >= 16}
+ peerDependencies:
+ svelte: ^3.19.0 || ^4.0.0
+
+ svelte2tsx@0.6.27:
+ resolution: {integrity: sha512-E1uPW1o6VsbRz+nUk3fznZ2lSmCITAJoNu8AYefWSvIwE2pSB01i5sId4RMbWNzfcwCQl1DcgGShCPcldl4rvg==}
+ peerDependencies:
+ svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
+ typescript: ^4.9.4 || ^5.0.0
+
+ svelte@4.2.15:
+ resolution: {integrity: sha512-j9KJSccHgLeRERPlhMKrCXpk2TqL2m5Z+k+OBTQhZOhIdCCd3WfqV+ylPWeipEwq17P/ekiSFWwrVQv93i3bsg==}
+ engines: {node: '>=16'}
+
tar-fs@2.1.1:
resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
@@ -1730,6 +1835,9 @@ packages:
typescript:
optional: true
+ tslib@2.6.2:
+ resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+
tunnel-agent@0.6.0:
resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
@@ -1737,6 +1845,11 @@ packages:
resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
engines: {node: '>=12.20'}
+ typescript@5.4.5:
+ resolution: {integrity: sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==}
+ engines: {node: '>=14.17'}
+ hasBin: true
+
unherit@3.0.0:
resolution: {integrity: sha512-UmvIQZGEc9qdLIQ8mv8/61n6PiMgfbOoASPKHpCvII5srShCQSa6jSjBjlZOR4bxt2XnT6uo6csmPKRi+zQ0Jg==}
@@ -1794,6 +1907,9 @@ packages:
util-deprecate@1.0.2:
resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+ vanilla-colorful@0.7.2:
+ resolution: {integrity: sha512-z2YZusTFC6KnLERx1cgoIRX2CjPRP0W75N+3CC6gbvdX5Ch47rZkEMGO2Xnf+IEmi3RiFLxS18gayMA27iU7Kg==}
+
vfile-location@5.0.2:
resolution: {integrity: sha512-NXPYyxyBSH7zB5U6+3uDdd6Nybz6o6/od9rk8bp9H8GR3L+cm/fC0uUTbqBmUTnMCUDslAGBOIKNfvvb+gGlDg==}
@@ -1912,6 +2028,11 @@ snapshots:
'@jridgewell/gen-mapping': 0.1.1
'@jridgewell/trace-mapping': 0.3.17
+ '@ampproject/remapping@2.3.0':
+ dependencies:
+ '@jridgewell/gen-mapping': 0.3.5
+ '@jridgewell/trace-mapping': 0.3.25
+
'@astrojs/compiler@2.7.1': {}
'@astrojs/internal-helpers@0.4.0': {}
@@ -1943,6 +2064,17 @@ snapshots:
dependencies:
prismjs: 1.29.0
+ '@astrojs/svelte@5.4.0(astro@4.6.2(sass@1.75.0)(typescript@5.4.5))(svelte@4.2.15)(typescript@5.4.5)(vite@5.2.9(sass@1.75.0))':
+ dependencies:
+ '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@4.2.15)(vite@5.2.9(sass@1.75.0))
+ astro: 4.6.2(sass@1.75.0)(typescript@5.4.5)
+ svelte: 4.2.15
+ svelte2tsx: 0.6.27(svelte@4.2.15)(typescript@5.4.5)
+ typescript: 5.4.5
+ transitivePeerDependencies:
+ - supports-color
+ - vite
+
'@astrojs/telemetry@3.1.0':
dependencies:
ci-info: 4.0.0
@@ -2245,6 +2377,13 @@ snapshots:
'@esbuild/win32-x64@0.20.2':
optional: true
+ '@irojs/iro-core@1.2.1': {}
+
+ '@jaames/iro@5.5.2':
+ dependencies:
+ '@irojs/iro-core': 1.2.1
+ preact: 10.21.0
+
'@jridgewell/gen-mapping@0.1.1':
dependencies:
'@jridgewell/set-array': 1.1.2
@@ -2338,6 +2477,29 @@ snapshots:
'@shikijs/core@1.3.0': {}
+ '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@4.2.15)(vite@5.2.9(sass@1.75.0)))(svelte@4.2.15)(vite@5.2.9(sass@1.75.0))':
+ dependencies:
+ '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@4.2.15)(vite@5.2.9(sass@1.75.0))
+ debug: 4.3.4
+ svelte: 4.2.15
+ vite: 5.2.9(sass@1.75.0)
+ transitivePeerDependencies:
+ - supports-color
+
+ '@sveltejs/vite-plugin-svelte@3.1.0(svelte@4.2.15)(vite@5.2.9(sass@1.75.0))':
+ dependencies:
+ '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@4.2.15)(vite@5.2.9(sass@1.75.0)))(svelte@4.2.15)(vite@5.2.9(sass@1.75.0))
+ debug: 4.3.4
+ deepmerge: 4.3.1
+ kleur: 4.1.5
+ magic-string: 0.30.10
+ svelte: 4.2.15
+ svelte-hmr: 0.16.0(svelte@4.2.15)
+ vite: 5.2.9(sass@1.75.0)
+ vitefu: 0.2.5(vite@5.2.9(sass@1.75.0))
+ transitivePeerDependencies:
+ - supports-color
+
'@types/babel__core@7.20.5':
dependencies:
'@babel/parser': 7.24.4
@@ -2422,7 +2584,7 @@ snapshots:
array-iterate@1.1.4: {}
- astro@4.6.2(sass@1.75.0):
+ astro@4.6.2(sass@1.75.0)(typescript@5.4.5):
dependencies:
'@astrojs/compiler': 2.7.1
'@astrojs/internal-helpers': 0.4.0
@@ -2478,7 +2640,7 @@ snapshots:
shiki: 1.3.0
string-width: 7.1.0
strip-ansi: 7.1.0
- tsconfck: 3.0.0
+ tsconfck: 3.0.0(typescript@5.4.5)
unist-util-visit: 5.0.0
vfile: 6.0.1
vite: 5.2.9(sass@1.75.0)
@@ -2608,6 +2770,14 @@ snapshots:
clsx@2.0.0: {}
+ code-red@1.0.4:
+ dependencies:
+ '@jridgewell/sourcemap-codec': 1.4.15
+ '@types/estree': 1.0.5
+ acorn: 8.11.3
+ estree-walker: 3.0.3
+ periscopic: 3.1.0
+
color-convert@1.9.3:
dependencies:
color-name: 1.1.3
@@ -2648,6 +2818,11 @@ snapshots:
shebang-command: 2.0.0
which: 2.0.2
+ css-tree@2.3.1:
+ dependencies:
+ mdn-data: 2.0.30
+ source-map-js: 1.2.0
+
cssesc@3.0.0: {}
debug@4.3.4:
@@ -2663,9 +2838,13 @@ snapshots:
mimic-response: 3.1.0
optional: true
+ dedent-js@1.0.1: {}
+
deep-extend@0.6.0:
optional: true
+ deepmerge@4.3.1: {}
+
dequal@2.0.3: {}
detect-libc@2.0.2:
@@ -3011,6 +3190,10 @@ snapshots:
is-plain-obj@4.1.0: {}
+ is-reference@3.0.2:
+ dependencies:
+ '@types/estree': 1.0.5
+
is-stream@3.0.0: {}
is-unicode-supported@1.3.0: {}
@@ -3049,6 +3232,8 @@ snapshots:
pify: 4.0.1
strip-bom: 3.0.0
+ locate-character@3.0.0: {}
+
locate-path@5.0.0:
dependencies:
p-locate: 4.1.0
@@ -3064,6 +3249,10 @@ snapshots:
longest-streak@3.0.1: {}
+ lower-case@2.0.2:
+ dependencies:
+ tslib: 2.6.2
+
lru-cache@5.1.1:
dependencies:
yallist: 3.1.1
@@ -3072,6 +3261,10 @@ snapshots:
dependencies:
yallist: 4.0.0
+ magic-string@0.30.10:
+ dependencies:
+ '@jridgewell/sourcemap-codec': 1.4.15
+
magic-string@0.30.5:
dependencies:
'@jridgewell/sourcemap-codec': 1.4.15
@@ -3196,6 +3389,8 @@ snapshots:
dependencies:
'@types/mdast': 4.0.1
+ mdn-data@2.0.30: {}
+
merge-stream@2.0.0: {}
merge2@1.4.1: {}
@@ -3424,6 +3619,11 @@ snapshots:
dependencies:
'@types/nlcst': 1.0.0
+ no-case@3.0.4:
+ dependencies:
+ lower-case: 2.0.2
+ tslib: 2.6.2
+
node-abi@3.51.0:
dependencies:
semver: 7.5.4
@@ -3504,6 +3704,11 @@ snapshots:
dependencies:
entities: 4.5.0
+ pascal-case@3.1.2:
+ dependencies:
+ no-case: 3.0.4
+ tslib: 2.6.2
+
path-exists@4.0.0: {}
path-key@3.1.1: {}
@@ -3514,6 +3719,12 @@ snapshots:
path-to-regexp@6.2.1: {}
+ periscopic@3.1.0:
+ dependencies:
+ '@types/estree': 1.0.5
+ estree-walker: 3.0.3
+ is-reference: 3.0.2
+
picocolors@1.0.0: {}
picomatch@2.3.1: {}
@@ -3530,6 +3741,8 @@ snapshots:
picocolors: 1.0.0
source-map-js: 1.2.0
+ preact@10.21.0: {}
+
prebuild-install@7.1.1:
dependencies:
detect-libc: 2.0.2
@@ -3858,6 +4071,34 @@ snapshots:
supports-preserve-symlinks-flag@1.0.0: {}
+ svelte-hmr@0.16.0(svelte@4.2.15):
+ dependencies:
+ svelte: 4.2.15
+
+ svelte2tsx@0.6.27(svelte@4.2.15)(typescript@5.4.5):
+ dependencies:
+ dedent-js: 1.0.1
+ pascal-case: 3.1.2
+ svelte: 4.2.15
+ typescript: 5.4.5
+
+ svelte@4.2.15:
+ dependencies:
+ '@ampproject/remapping': 2.3.0
+ '@jridgewell/sourcemap-codec': 1.4.15
+ '@jridgewell/trace-mapping': 0.3.25
+ '@types/estree': 1.0.5
+ acorn: 8.11.3
+ aria-query: 5.3.0
+ axobject-query: 4.0.0
+ code-red: 1.0.4
+ css-tree: 2.3.1
+ estree-walker: 3.0.3
+ is-reference: 3.0.2
+ locate-character: 3.0.0
+ magic-string: 0.30.10
+ periscopic: 3.1.0
+
tar-fs@2.1.1:
dependencies:
chownr: 1.1.4
@@ -3899,7 +4140,11 @@ snapshots:
trough@2.1.0: {}
- tsconfck@3.0.0: {}
+ tsconfck@3.0.0(typescript@5.4.5):
+ optionalDependencies:
+ typescript: 5.4.5
+
+ tslib@2.6.2: {}
tunnel-agent@0.6.0:
dependencies:
@@ -3908,6 +4153,8 @@ snapshots:
type-fest@2.19.0: {}
+ typescript@5.4.5: {}
+
unherit@3.0.0: {}
unified@10.1.2:
@@ -3994,6 +4241,8 @@ snapshots:
util-deprecate@1.0.2: {}
+ vanilla-colorful@0.7.2: {}
+
vfile-location@5.0.2:
dependencies:
'@types/unist': 3.0.0
diff --git a/src/components/Slide.astro b/src/components/Slide.astro
index 7f3a5b4..2fe0bbc 100644
--- a/src/components/Slide.astro
+++ b/src/components/Slide.astro
@@ -14,5 +14,8 @@ const { animate = true, ...attrs } = Astro.props;
---
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index e00b543..c7dbf08 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -27,6 +27,9 @@ const { title } = Astro.props;
controls: false,
autoAnimateDuration: 0.5,
autoAnimateEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
+ width: "100%",
+ height: "100%",
+ margin: 0,
// plugins: [RevealHighlight], // use this if you want to show some code
});
@@ -37,4 +40,32 @@ const { title } = Astro.props;
@import "reveal.js/dist/reveal.css";
@import "reveal.js/dist/theme/night.css";
@import "../../src/styles/highlightjs-theme-vs2015.css";
+
+ :root {
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+ }
+
+ .picker.rgb .IroSlider:nth-of-type(1) .IroSliderGradient {
+ background: linear-gradient(
+ to top,
+ rgb(0, 0, 0) 0%,
+ rgb(255, 0, 0) 100%
+ ) !important;
+ }
+
+ .picker.rgb .IroSlider:nth-of-type(2) .IroSliderGradient {
+ background: linear-gradient(
+ to top,
+ rgb(0, 0, 0) 0%,
+ rgb(0, 255, 0) 100%
+ ) !important;
+ }
+
+ .picker.rgb .IroSlider:nth-of-type(3) .IroSliderGradient {
+ background: linear-gradient(
+ to top,
+ rgb(0, 0, 0) 0%,
+ rgb(0, 0, 255) 100%
+ ) !important;
+ }
diff --git a/src/slides/0-intro/ColorMix.svelte b/src/slides/0-intro/ColorMix.svelte
new file mode 100644
index 0000000..bc6a3a2
--- /dev/null
+++ b/src/slides/0-intro/ColorMix.svelte
@@ -0,0 +1,110 @@
+
+
+
+
+
diff --git a/src/slides/0-intro/ColorPicker.svelte b/src/slides/0-intro/ColorPicker.svelte
new file mode 100644
index 0000000..03b56d6
--- /dev/null
+++ b/src/slides/0-intro/ColorPicker.svelte
@@ -0,0 +1,46 @@
+
+
+
+
+
diff --git a/src/slides/0-intro/Intro.astro b/src/slides/0-intro/Intro.astro
index 26aa10e..81800f8 100644
--- a/src/slides/0-intro/Intro.astro
+++ b/src/slides/0-intro/Intro.astro
@@ -1,11 +1,27 @@
---
import Slide from "../../components/Slide.astro";
+import ColorMix from "./ColorMix.svelte";
+import child from "./assets/child.webp";
+import meme from "./assets/qui-s-en-fout.webp";
+import ColorPicker from "./ColorPicker.svelte";
---
C'est quoi la couleur ? 🤔
+
+
+
+
+
+
+
+
+
+
+
+