From 2e336537df162ec54b79291ac1e4b6f6d3ae8ef3 Mon Sep 17 00:00:00 2001 From: Danny Hooijer Date: Fri, 10 Jan 2020 14:24:10 +0100 Subject: [PATCH 01/13] Stencil blog post init --- src/_data/people.json | 8 +++++++- src/posts/2020-01-10-stencil-getting-started.md | 12 ++++++++++++ 2 files changed, 19 insertions(+), 1 deletion(-) create mode 100644 src/posts/2020-01-10-stencil-getting-started.md diff --git a/src/_data/people.json b/src/_data/people.json index d6c1cfed..a182d4a9 100644 --- a/src/_data/people.json +++ b/src/_data/people.json @@ -68,5 +68,11 @@ "email": "blherminez@move4mobile.com", "github": "Bartlherminez", "avatar": "https://avatars2.githubusercontent.com/u/15778830?s=80" + }, + "danny": { + "name": "Danny Hooijer", + "email": "dhooyer@move4mobile.com", + "github": "DannyHooyer", + "avatar": "https://avatars0.githubusercontent.com/u/16132824?s=400&u=553104fa325b70ab4d74283612538e138bc02bf8&v=4" } - } \ No newline at end of file +} diff --git a/src/posts/2020-01-10-stencil-getting-started.md b/src/posts/2020-01-10-stencil-getting-started.md new file mode 100644 index 00000000..bf58c865 --- /dev/null +++ b/src/posts/2020-01-10-stencil-getting-started.md @@ -0,0 +1,12 @@ +--- +title: 'Aan de slag met StencilJS' +comments: true +author: danny +date: 2020-01-10 +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec semper libero. Nulla ullamcorper placerat neque, id aliquam urna condimentum in. Donec tincidunt eros eu neque rhoncus feugiat. Suspendisse lobortis libero eget lorem aliquam, id pellentesque nulla accumsan. Ut luctus sollicitudin sapien ac pulvinar. Morbi bibendum luctus tellus, eget commodo felis rhoncus in. Suspendisse vitae gravida tellus, ut viverra velit. Nam imperdiet nisl eu urna congue rutrum. Aenean non nisl non risus volutpat lobortis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus vel sagittis lacus. Ut vestibulum imperdiet varius. + +Phasellus cursus porta velit in elementum. Vestibulum at dui purus. Cras id mauris in sapien venenatis tristique a sit amet purus. Cras non augue molestie, interdum nunc eu, venenatis ante. Suspendisse id arcu interdum, commodo magna eget, sagittis diam. Suspendisse dignissim dignissim lacus at fermentum. Phasellus vel dolor id leo sodales pretium. Curabitur eu purus placerat, congue metus fermentum, finibus nisi. Aliquam massa purus, auctor a enim quis, placerat pretium libero. Ut eros est, egestas in fringilla vel, iaculis et odio. Nullam sagittis dolor tortor, vel tincidunt leo sodales et. Proin elementum lectus turpis, auctor luctus tellus vulputate in. Praesent aliquam odio ac augue ullamcorper, vel condimentum ligula finibus. Morbi quis dictum nulla. Aliquam libero eros, gravida quis massa nec, rhoncus volutpat lorem. + +Etiam vel velit placerat, rhoncus metus ut, faucibus erat. Sed est ligula, rhoncus eu mollis a, pellentesque nec dui. In odio lorem, lacinia a dignissim at, convallis vitae dui. In tincidunt mi odio, at suscipit justo viverra eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam elementum convallis elit id lacinia. Maecenas dignissim, nulla feugiat lacinia rutrum, ex massa ornare turpis, ut pretium velit magna eleifend erat. Cras luctus mollis mi, quis iaculis tortor dignissim cursus. Aliquam erat volutpat. Integer nec purus pharetra, malesuada leo quis, mattis ligula. Curabitur porta lacus a euismod rhoncus. Donec elit sapien, laoreet at eros quis, porttitor hendrerit nisi. Ut finibus iaculis fringilla. Sed scelerisque dui venenatis, lacinia metus varius, porttitor dolor. Phasellus mollis felis ac imperdiet ultrices. Donec interdum vitae quam non aliquet.Ö From 654d5ad7a7b0ac25f1c250a4c0dd1bdb262cd4c6 Mon Sep 17 00:00:00 2001 From: Michael Schilling Date: Fri, 10 Jan 2020 15:05:00 +0100 Subject: [PATCH 02/13] Re-introduce Travis->Slack webhook --- .travis.yml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.travis.yml b/.travis.yml index bd1f7283..29c86522 100644 --- a/.travis.yml +++ b/.travis.yml @@ -12,5 +12,7 @@ cache: - '$(npm config get prefix)/bin/firebase-tools' - node_modules notifications: + slack: + secure: tk9vgxAn/7BjDp7ncXgj8aqbW7OCkhkm5YCOb05cbmmBqQrt4SHEMEFAjJg3oFJgOAsDRfOwGD+rI6wFxOz9hGvPOJGCrfbvaVe+3iNJhDAolzRsKxgQec9hQNRpQ0Nr8kPgOPMi5ikOrbnwXjGbHEL1QR05E/XD1Pl2lhN40BnRWJAmdO/nSAnnqpXL+SwydkW/MgrxWbDpCZ/esqVdTvO6XsNAqbWE/Ottv3x+gGdsGdOM1A6UamxnEcE3HdoRHAsrq/pK/8z3sH1NSzXFWL59sm1vLPNh0cUVkLsYymIRU7JLUNNEudpD57q0+KvvhC/rDJx/eO1iAP4nPPVdbFGTMwuj1wvuojBngEYOAm7SuTC+5hyyEXQZHB84vmn/RK9rsokR7vw9cAObxuASwv6lnHYtbtVsYwCHKVe0pHcMBRXqohnU/LZDXOYQ57N72o3jwRyPgiiITP689p7aK+Sbo7AidzyoRnJmuQ+DCRcP/pZ47rRAB7d3e/hVtMEZ6ghQTkAVFXeA8Y172U+gKtLT9vWIB1zNxjft49XSjR9jr3ogn20CMlbzpmHpJkg4YYusqTaKXVfTTcuYiTrhjn/4SgU+vo+Kl4Fw2jTT3m5uQaKUEL8/pLk6ORLo4FJRcNwiSj4J9XjHWkOSkRPo7NewObkKFNguUfirfguGsXo= email: false webhooks: https://travis.webhooks.m4m.io From 16290c8908303eb846de65623a3473c99ef329b0 Mon Sep 17 00:00:00 2001 From: Michael Schilling Date: Mon, 13 Jan 2020 14:26:36 +0100 Subject: [PATCH 03/13] Improve SASS config --- .eleventy.js | 5 ++++- styles.scss => src/styles.scss | 0 2 files changed, 4 insertions(+), 1 deletion(-) rename styles.scss => src/styles.scss (100%) diff --git a/.eleventy.js b/.eleventy.js index 2e8870ae..4ab97045 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -66,7 +66,10 @@ module.exports = function(eleventyConfig) { }); eleventyConfig.addPlugin(pluginSass, { - watch: ['**/*.{scss,sass}', '!node_modules/**'] + watch: ['src/**/*.{scss,sass}'], + + // Enable sourcemaps for ez debugging + sourcemaps: true }); // You can return your Config object (optional). diff --git a/styles.scss b/src/styles.scss similarity index 100% rename from styles.scss rename to src/styles.scss From 5838ed120b10fbb10ecd7162e1b7794382e1b71e Mon Sep 17 00:00:00 2001 From: "dependabot-preview[bot]" <27856297+dependabot-preview[bot]@users.noreply.github.com> Date: Mon, 27 Jan 2020 05:01:20 +0000 Subject: [PATCH 04/13] Bump luxon from 1.21.3 to 1.22.0 Bumps [luxon](https://github.com/moment/luxon) from 1.21.3 to 1.22.0. - [Release notes](https://github.com/moment/luxon/releases) - [Changelog](https://github.com/moment/luxon/blob/master/changelog.md) - [Commits](https://github.com/moment/luxon/compare/1.21.3...1.22.0) Signed-off-by: dependabot-preview[bot] --- package-lock.json | 6 +++--- package.json | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3582903f..59ee0552 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4399,9 +4399,9 @@ } }, "luxon": { - "version": "1.21.3", - "resolved": "https://registry.npmjs.org/luxon/-/luxon-1.21.3.tgz", - "integrity": "sha512-lLRwNcNnkZLuv13A1FUuZRZmTWF7ro2ricYvb0L9cvBYHPvZhQdKwrYnZzi103D2XKmlVmxWpdn2wfIiOt2YEw==", + "version": "1.22.0", + "resolved": "https://registry.npmjs.org/luxon/-/luxon-1.22.0.tgz", + "integrity": "sha512-3sLvlfbFo+AxVEY3IqxymbumtnlgBwjDExxK60W3d+trrUzErNAz/PfvPT+mva+vEUrdIodeCOs7fB6zHtRSrw==", "dev": true }, "map-cache": { diff --git a/package.json b/package.json index ff77e512..008b3ad8 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,7 @@ "@11ty/eleventy-plugin-rss": "^1.0.7", "@11ty/eleventy-plugin-syntaxhighlight": "^3.0.1", "eleventy-plugin-sass": "^1.0.0", - "luxon": "^1.21.3", + "luxon": "^1.22.0", "rimraf": "^3.0.0" } } From bfa66e1de16b24096924bc98c0e02e1401dba64a Mon Sep 17 00:00:00 2001 From: Danny Hooijer Date: Mon, 27 Jan 2020 16:24:33 +0100 Subject: [PATCH 05/13] Added stenciljs blog post asset, updated date, updated content --- .../stencil-browsersupport.PNG | Bin 0 -> 11162 bytes .../2020-01-10-stencil-getting-started.md | 12 ---- .../2020-01-27-stencil-getting-started.md | 68 ++++++++++++++++++ 3 files changed, 68 insertions(+), 12 deletions(-) create mode 100644 src/assets/stencil-getting-started/stencil-browsersupport.PNG delete mode 100644 src/posts/2020-01-10-stencil-getting-started.md create mode 100644 src/posts/2020-01-27-stencil-getting-started.md diff --git a/src/assets/stencil-getting-started/stencil-browsersupport.PNG b/src/assets/stencil-getting-started/stencil-browsersupport.PNG new file mode 100644 index 0000000000000000000000000000000000000000..317b5190b0731ecf74b625b384dff3c3cad21879 GIT binary patch literal 11162 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 z zESu-hjW(Hy(YX~q)4l3dxdHD_i^pQsg$j3A3o<$1Wh7&IZHzWXVVvo}a>8Ukd&dM01DEhYP?O8>cKoP%B<(V`r}!0g7(`1jLMRf}m*?1TAW zk)iD`_3o7|OGbq4-#F9TeUuB(Tv%rw?&wroue#5*T4=N_C*6veXg=ris_~vuh`QGH z666(OY`MLic8?wEdt@F2q#a*rlWBq8gH{p?KF-@6dEZm`e~)@!nvs409T4?^gj{c> z?=8)_{}f^?1P^yM&(#Z25`o!A=W=589g7=fBUY;e0@Q9jGy84^8TCO-m)qY|mxhR%ab)laxrLTRheiU{LMlkxqu7uJ>##i%Q7cln0Xz7d_3 zio`hmGzbBb%X9Y{{sbW9@$$Ufw`9H<GcZT-yZxAjBcWx literal 0 HcmV?d00001 diff --git a/src/posts/2020-01-10-stencil-getting-started.md b/src/posts/2020-01-10-stencil-getting-started.md deleted file mode 100644 index bf58c865..00000000 --- a/src/posts/2020-01-10-stencil-getting-started.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: 'Aan de slag met StencilJS' -comments: true -author: danny -date: 2020-01-10 ---- - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec semper libero. Nulla ullamcorper placerat neque, id aliquam urna condimentum in. Donec tincidunt eros eu neque rhoncus feugiat. Suspendisse lobortis libero eget lorem aliquam, id pellentesque nulla accumsan. Ut luctus sollicitudin sapien ac pulvinar. Morbi bibendum luctus tellus, eget commodo felis rhoncus in. Suspendisse vitae gravida tellus, ut viverra velit. Nam imperdiet nisl eu urna congue rutrum. Aenean non nisl non risus volutpat lobortis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus vel sagittis lacus. Ut vestibulum imperdiet varius. - -Phasellus cursus porta velit in elementum. Vestibulum at dui purus. Cras id mauris in sapien venenatis tristique a sit amet purus. Cras non augue molestie, interdum nunc eu, venenatis ante. Suspendisse id arcu interdum, commodo magna eget, sagittis diam. Suspendisse dignissim dignissim lacus at fermentum. Phasellus vel dolor id leo sodales pretium. Curabitur eu purus placerat, congue metus fermentum, finibus nisi. Aliquam massa purus, auctor a enim quis, placerat pretium libero. Ut eros est, egestas in fringilla vel, iaculis et odio. Nullam sagittis dolor tortor, vel tincidunt leo sodales et. Proin elementum lectus turpis, auctor luctus tellus vulputate in. Praesent aliquam odio ac augue ullamcorper, vel condimentum ligula finibus. Morbi quis dictum nulla. Aliquam libero eros, gravida quis massa nec, rhoncus volutpat lorem. - -Etiam vel velit placerat, rhoncus metus ut, faucibus erat. Sed est ligula, rhoncus eu mollis a, pellentesque nec dui. In odio lorem, lacinia a dignissim at, convallis vitae dui. In tincidunt mi odio, at suscipit justo viverra eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam elementum convallis elit id lacinia. Maecenas dignissim, nulla feugiat lacinia rutrum, ex massa ornare turpis, ut pretium velit magna eleifend erat. Cras luctus mollis mi, quis iaculis tortor dignissim cursus. Aliquam erat volutpat. Integer nec purus pharetra, malesuada leo quis, mattis ligula. Curabitur porta lacus a euismod rhoncus. Donec elit sapien, laoreet at eros quis, porttitor hendrerit nisi. Ut finibus iaculis fringilla. Sed scelerisque dui venenatis, lacinia metus varius, porttitor dolor. Phasellus mollis felis ac imperdiet ultrices. Donec interdum vitae quam non aliquet.Ö diff --git a/src/posts/2020-01-27-stencil-getting-started.md b/src/posts/2020-01-27-stencil-getting-started.md new file mode 100644 index 00000000..bfcd13ca --- /dev/null +++ b/src/posts/2020-01-27-stencil-getting-started.md @@ -0,0 +1,68 @@ +--- +title: 'Aan de slag met Stenciljs' +comments: true +author: danny +date: 2020-01-27 +--- + +### Wat is Stencil? +[Stencil](https://stenciljs.com/) is een compiler die Web Components (Custom Elements) genereert. Stencil combineert de beste concepten van de meest populaire frameworks in een simpele tool. + +Stencil maakt gebruik van features zoals: +* Virtual DOM +* Async rendering +* Reactive data-binding +* TypeScript +* JSX + +Stencil is ontwikkeld dor het Ionic framework team. + +### Browser Support + +Stencil bouwt Web Components die te gebruiken zijn in de populaire desktop en mobile browsers. Voor de browsers die geen ondersteuning bieden voor Custom Elements v1 (De API waarop Web Components zijn gebaseerd) maakt Stencil gebruik van polyfills. +Stencil maakt hiervoor gebruik van een dynamic loader die de polyfill alleen inlaadt in browsers die het nodig zijn. + +![verbindingen](assets/stencil-getting-started.png) + +### Getting Started + +Stencil vereist een recente LTS versie van NodeJS en npm (npm 6 of hoger). Zorg er dus voor dat deze geïnstalleerd of up to date zijn voordat je verdergaat. + +``` + npm init stencil +``` + +Stencil kan gebruikt worden om losstaande componenten of gehele applicaties te maken. Na het uitvoeren van het hierboven weergegeven script krijg je de optie om het type project te kiezen. +De keuzes zijn hieronder weergegeven, deze blog gaat echter over de optie _component_. + +``` + ionic-pwa Everything you need to build fast, production ready PWAs + app Minimal starter for building a Stencil app or website +> component Collection of web components that can be used anywhere +``` + +#### Updating Stencil +Om gebruik te maken van de laatste versie van Stencil kun je het volgende script uitvoeren: + +``` + npm install @stencil/core@latest --save-exact +``` + +#### Component Generator +Nu beschik je over een standaard component Stencil project met een basic my-first-component. +Nu kan je de basic component verwijderen en je eigen component genereren, dit doe je als volgt: + +``` + npm run generate +``` + +Naast het uitvoeren van het generate script kan je ook de Stencil CLI aanroepen om dit te doen: + +``` + stencil generate +``` + +Alle gegenereerde componenten zijn terug te vinden in de _src/components_ folder. + + +Gefeliciteerd! Je hebt nu een basic component Stencil project opgezet! Voor meer informatie over Stencil klik dan [hier](https://stenciljs.com/docs/getting-started). From d563fc18ededda3e49e8f1e8e6b063a4e031a994 Mon Sep 17 00:00:00 2001 From: "dependabot-preview[bot]" <27856297+dependabot-preview[bot]@users.noreply.github.com> Date: Tue, 28 Jan 2020 05:05:15 +0000 Subject: [PATCH 06/13] Bump rimraf from 3.0.0 to 3.0.1 Bumps [rimraf](https://github.com/isaacs/rimraf) from 3.0.0 to 3.0.1. - [Release notes](https://github.com/isaacs/rimraf/releases) - [Changelog](https://github.com/isaacs/rimraf/blob/master/CHANGELOG.md) - [Commits](https://github.com/isaacs/rimraf/compare/v3.0.0...v3.0.1) Signed-off-by: dependabot-preview[bot] --- package-lock.json | 6 +++--- package.json | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/package-lock.json b/package-lock.json index 59ee0552..b6cf5101 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6067,9 +6067,9 @@ } }, "rimraf": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.0.tgz", - "integrity": "sha512-NDGVxTsjqfunkds7CqsOiEnxln4Bo7Nddl3XhS4pXg5OzwkLqJ971ZVAAnB+DDLnF76N+VnDEiBHaVV8I06SUg==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.1.tgz", + "integrity": "sha512-IQ4ikL8SjBiEDZfk+DFVwqRK8md24RWMEJkdSlgNLkyyAImcjf8SWvU1qFMDOb4igBClbTQ/ugPqXcRwdFTxZw==", "dev": true, "requires": { "glob": "^7.1.3" diff --git a/package.json b/package.json index 008b3ad8..5153748b 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,6 @@ "@11ty/eleventy-plugin-syntaxhighlight": "^3.0.1", "eleventy-plugin-sass": "^1.0.0", "luxon": "^1.22.0", - "rimraf": "^3.0.0" + "rimraf": "^3.0.1" } } From ba5e75255f8c8c795605538da9a13de2f4b80b23 Mon Sep 17 00:00:00 2001 From: Danny Hooijer Date: Wed, 29 Jan 2020 16:22:36 +0100 Subject: [PATCH 07/13] Updated Stencil blog --- package-lock.json | 157 ++++++++++-------- package.json | 4 +- .../2020-01-27-stencil-getting-started.md | 8 +- 3 files changed, 94 insertions(+), 75 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3582903f..3cf37973 100644 --- a/package-lock.json +++ b/package-lock.json @@ -253,12 +253,12 @@ "dev": true }, "ajv": { - "version": "6.10.2", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.2.tgz", - "integrity": "sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==", + "version": "6.11.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.11.0.tgz", + "integrity": "sha512-nCprB/0syFYy9fVYU1ox1l2KN8S9I+tziH8D4zdZuLT3N6RMlGSGt5FSTpAiHB/Whv8Qs1cWHma1aMKZyaHRKA==", "dev": true, "requires": { - "fast-deep-equal": "^2.0.1", + "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" @@ -519,17 +519,17 @@ "dev": true }, "autoprefixer": { - "version": "9.7.3", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.7.3.tgz", - "integrity": "sha512-8T5Y1C5Iyj6PgkPSFd0ODvK9DIleuPKUPYniNxybS47g2k2wFgLZ46lGQHlBuGKIAEV8fbCDfKCCRS1tvOgc3Q==", + "version": "9.7.4", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.7.4.tgz", + "integrity": "sha512-g0Ya30YrMBAEZk60lp+qfX5YQllG+S5W3GYCFvyHTvhOki0AEQJLPEcIuGRsqVwLi8FvXPVtwTGhfr38hVpm0g==", "dev": true, "requires": { - "browserslist": "^4.8.0", - "caniuse-lite": "^1.0.30001012", + "browserslist": "^4.8.3", + "caniuse-lite": "^1.0.30001020", "chalk": "^2.4.2", "normalize-range": "^0.1.2", "num2fraction": "^1.2.2", - "postcss": "^7.0.23", + "postcss": "^7.0.26", "postcss-value-parser": "^4.0.2" }, "dependencies": { @@ -592,9 +592,9 @@ "dev": true }, "aws4": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.9.0.tgz", - "integrity": "sha512-Uvq6hVe90D0B2WEnUqtdgY1bATGz3mw33nH9Y+dmA+w5DHvUmBgkr5rM/KCHpCsiFNRUfokW/szpPPgMK2hm4A==", + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.9.1.tgz", + "integrity": "sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==", "dev": true }, "axios": { @@ -914,14 +914,14 @@ } }, "browserslist": { - "version": "4.8.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.8.3.tgz", - "integrity": "sha512-iU43cMMknxG1ClEZ2MDKeonKE1CCrFVkQK2AqO2YWFmvIrx4JWrvQ4w4hQez6EpVI8rHTtqh/ruHHDHSOKxvUg==", + "version": "4.8.5", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.8.5.tgz", + "integrity": "sha512-4LMHuicxkabIB+n9874jZX/az1IaZ5a+EUuvD7KFOu9x/Bd5YHyO0DIz2ls/Kl8g0ItS4X/ilEgf4T1Br0lgSg==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30001017", - "electron-to-chromium": "^1.3.322", - "node-releases": "^1.1.44" + "caniuse-lite": "^1.0.30001022", + "electron-to-chromium": "^1.3.338", + "node-releases": "^1.1.46" } }, "bs-recipes": { @@ -996,9 +996,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001020", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001020.tgz", - "integrity": "sha512-yWIvwA68wRHKanAVS1GjN8vajAv7MBFshullKCeq/eKpK7pJBVDgFFEqvgWTkcP2+wIDeQGYFRXECjKZnLkUjA==", + "version": "1.0.30001023", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001023.tgz", + "integrity": "sha512-C5TDMiYG11EOhVOA62W1p3UsJ2z4DsHtMBQtjzp3ZsUglcQn62WOUgW0y795c7A5uZ+GCEIvzkMatLIlAsbNTA==", "dev": true }, "caseless": { @@ -1182,9 +1182,9 @@ } }, "clean-css": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz", - "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz", + "integrity": "sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==", "dev": true, "requires": { "source-map": "~0.6.0" @@ -1753,9 +1753,9 @@ }, "dependencies": { "readable-stream": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", - "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==", + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.5.0.tgz", + "integrity": "sha512-gSz026xs2LfxBPudDuI41V1lka8cxg64E66SGe78zJlsUofOg/yqwezdIcdfwik6B4h8LFmWPA9ef9X3FiNFLA==", "dev": true, "requires": { "inherits": "^2.0.3", @@ -1826,9 +1826,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.3.329", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.329.tgz", - "integrity": "sha512-CoyYGbkQLwmOpaWRUZgeSNnEPH5fE5R8T7dhQIWV/rlIt+Kx6NFppQJ2oHELmzw8ZGabOBY5CrjGjyA+74QVoQ==", + "version": "1.3.341", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.341.tgz", + "integrity": "sha512-iezlV55/tan1rvdvt7yg7VHRSkt+sKfzQ16wTDqTbQqtl4+pSUkKPXpQHDvEt0c7gKcUHHwUbffOgXz6bn096g==", "dev": true }, "eleventy-plugin-sass": { @@ -2300,9 +2300,9 @@ } }, "fast-deep-equal": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", - "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz", + "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==", "dev": true }, "fast-glob": { @@ -3375,6 +3375,23 @@ "plugin-error": "1.0.1", "through2": "3.0.1", "vinyl-sourcemaps-apply": "0.2.1" + }, + "dependencies": { + "clean-css": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz", + "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==", + "dev": true, + "requires": { + "source-map": "~0.6.0" + } + }, + "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 + } } }, "gulp-if": { @@ -3540,9 +3557,9 @@ "dev": true }, "handlebars": { - "version": "4.6.0", - "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.6.0.tgz", - "integrity": "sha512-i1ZUP7Qp2JdkMaFon2a+b0m5geE8Z4ZTLaGkgrObkEd+OkUKyRbRWw4KxuFCoHfdETSY1yf9/574eVoNSiK7pw==", + "version": "4.7.2", + "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.2.tgz", + "integrity": "sha512-4PwqDL2laXtTWZghzzCtunQUTLbo31pcCJrd/B/9JP8XbhVzpS5ZXuKqlOzsd1rtcaLo4KqAn8nl8mkknS4MHw==", "dev": true, "requires": { "neo-async": "^2.6.0", @@ -3685,9 +3702,9 @@ }, "dependencies": { "readable-stream": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", - "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==", + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.5.0.tgz", + "integrity": "sha512-gSz026xs2LfxBPudDuI41V1lka8cxg64E66SGe78zJlsUofOg/yqwezdIcdfwik6B4h8LFmWPA9ef9X3FiNFLA==", "dev": true, "requires": { "inherits": "^2.0.3", @@ -4130,9 +4147,9 @@ "dev": true }, "js-beautify": { - "version": "1.10.2", - "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.10.2.tgz", - "integrity": "sha512-ZtBYyNUYJIsBWERnQP0rPN9KjkrDfJcMjuVGcvXOUJrD1zmOGwhRwQ4msG+HJ+Ni/FA7+sRQEMYVzdTQDvnzvQ==", + "version": "1.10.3", + "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.10.3.tgz", + "integrity": "sha512-wfk/IAWobz1TfApSdivH5PJ0miIHgDoYb1ugSqHcODPmaYu46rYe5FVuIEkhjg8IQiv6rDNPyhsqbsohI/C2vQ==", "dev": true, "requires": { "config-chain": "^1.1.12", @@ -4226,9 +4243,9 @@ "dev": true }, "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true }, "lazy-cache": { @@ -4399,9 +4416,9 @@ } }, "luxon": { - "version": "1.21.3", - "resolved": "https://registry.npmjs.org/luxon/-/luxon-1.21.3.tgz", - "integrity": "sha512-lLRwNcNnkZLuv13A1FUuZRZmTWF7ro2ricYvb0L9cvBYHPvZhQdKwrYnZzi103D2XKmlVmxWpdn2wfIiOt2YEw==", + "version": "1.22.0", + "resolved": "https://registry.npmjs.org/luxon/-/luxon-1.22.0.tgz", + "integrity": "sha512-3sLvlfbFo+AxVEY3IqxymbumtnlgBwjDExxK60W3d+trrUzErNAz/PfvPT+mva+vEUrdIodeCOs7fB6zHtRSrw==", "dev": true }, "map-cache": { @@ -4747,9 +4764,9 @@ } }, "node-releases": { - "version": "1.1.45", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.45.tgz", - "integrity": "sha512-cXvGSfhITKI8qsV116u2FTzH5EWZJfgG7d4cpqwF8I8+1tWpD6AsvvGRKq2onR0DNj1jfqsjkXZsm14JMS7Cyg==", + "version": "1.1.47", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.47.tgz", + "integrity": "sha512-k4xjVPx5FpwBUj0Gw7uvFOTF4Ep8Hok1I6qjwL3pLfwe7Y0REQSAqOwwv9TWBCUtMHxcXfY4PgRLRozcChvTcA==", "dev": true, "requires": { "semver": "^6.3.0" @@ -4764,9 +4781,9 @@ } }, "node-sass": { - "version": "4.13.0", - "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.0.tgz", - "integrity": "sha512-W1XBrvoJ1dy7VsvTAS5q1V45lREbTlZQqFbiHb3R3OTTCma0XBtuG6xZ6Z4506nR4lmHPTqVRwxT6KgtWC97CA==", + "version": "4.13.1", + "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.1.tgz", + "integrity": "sha512-TTWFx+ZhyDx1Biiez2nB0L3YrCZ/8oHagaDalbuBSlqXgUPsdkUSzJsVxeDO9LtPB49+Fh3WQl3slABo6AotNw==", "dev": true, "requires": { "async-foreach": "^0.1.3", @@ -5474,9 +5491,9 @@ } }, "prismjs": { - "version": "1.18.0", - "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.18.0.tgz", - "integrity": "sha512-N0r3i/Cto516V8+GKKamhsPVZSFcO0TMUBtIDW6uq6BVqoC3FNtZVZ+cmH16N2XtGQlgRN+sFUTjOdCsEP51qw==", + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.19.0.tgz", + "integrity": "sha512-IVFtbW9mCWm9eOIaEkNyo2Vl4NnEifis2GQ7/MLRG5TQe6t+4Sj9J5QWI9i3v+SS43uZBlCAOn+zYTVYQcPXJw==", "dev": true, "requires": { "clipboard": "^2.0.0" @@ -5995,9 +6012,9 @@ "dev": true }, "resolve": { - "version": "1.14.2", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.14.2.tgz", - "integrity": "sha512-EjlOBLBO1kxsUxsKjLt7TAECyKW6fOh1VRkykQkKGzcBbjjPIxBqGh0jf7GJ3k/f5mxMqW3htMD3WdTUVtW8HQ==", + "version": "1.15.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.15.0.tgz", + "integrity": "sha512-+hTmAldEGE80U2wJJDC1lebb5jWqvTYAfm3YZ1ckk1gBr0MnCqUKlwK1e+anaFljIl+F5tR5IoZcm4ZDA1zMQw==", "dev": true, "requires": { "path-parse": "^1.0.6" @@ -6067,9 +6084,9 @@ } }, "rimraf": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.0.tgz", - "integrity": "sha512-NDGVxTsjqfunkds7CqsOiEnxln4Bo7Nddl3XhS4pXg5OzwkLqJ971ZVAAnB+DDLnF76N+VnDEiBHaVV8I06SUg==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.1.tgz", + "integrity": "sha512-IQ4ikL8SjBiEDZfk+DFVwqRK8md24RWMEJkdSlgNLkyyAImcjf8SWvU1qFMDOb4igBClbTQ/ugPqXcRwdFTxZw==", "dev": true, "requires": { "glob": "^7.1.3" @@ -7229,9 +7246,9 @@ "dev": true }, "uglify-js": { - "version": "3.7.4", - "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.7.4.tgz", - "integrity": "sha512-tinYWE8X1QfCHxS1lBS8yiDekyhSXOO6R66yNOCdUJeojxxw+PX2BHAz/BWyW7PQ7pkiWVxJfIEbiDxyLWvUGg==", + "version": "3.7.6", + "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.7.6.tgz", + "integrity": "sha512-yYqjArOYSxvqeeiYH2VGjZOqq6SVmhxzaPjJC1W2F9e+bqvFL9QXQ2osQuKUFjM2hGjKG2YclQnRKWQSt/nOTQ==", "dev": true, "optional": true, "requires": { @@ -7387,9 +7404,9 @@ "dev": true }, "uuid": { - "version": "3.3.3", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.3.tgz", - "integrity": "sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ==", + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz", + "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==", "dev": true }, "valid-url": { diff --git a/package.json b/package.json index ff77e512..5153748b 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,7 @@ "@11ty/eleventy-plugin-rss": "^1.0.7", "@11ty/eleventy-plugin-syntaxhighlight": "^3.0.1", "eleventy-plugin-sass": "^1.0.0", - "luxon": "^1.21.3", - "rimraf": "^3.0.0" + "luxon": "^1.22.0", + "rimraf": "^3.0.1" } } diff --git a/src/posts/2020-01-27-stencil-getting-started.md b/src/posts/2020-01-27-stencil-getting-started.md index bfcd13ca..808313fe 100644 --- a/src/posts/2020-01-27-stencil-getting-started.md +++ b/src/posts/2020-01-27-stencil-getting-started.md @@ -1,7 +1,9 @@ --- -title: 'Aan de slag met Stenciljs' +title: 'Aan de slag met Stencil' +tags: Stencil, Web Components, Design System comments: true author: danny +min_read: 4 date: 2020-01-27 --- @@ -22,14 +24,14 @@ Stencil is ontwikkeld dor het Ionic framework team. Stencil bouwt Web Components die te gebruiken zijn in de populaire desktop en mobile browsers. Voor de browsers die geen ondersteuning bieden voor Custom Elements v1 (De API waarop Web Components zijn gebaseerd) maakt Stencil gebruik van polyfills. Stencil maakt hiervoor gebruik van een dynamic loader die de polyfill alleen inlaadt in browsers die het nodig zijn. -![verbindingen](assets/stencil-getting-started.png) +![verbindingen](assets/stencil-getting-started/stencil-browsersupport.png) ### Getting Started Stencil vereist een recente LTS versie van NodeJS en npm (npm 6 of hoger). Zorg er dus voor dat deze geïnstalleerd of up to date zijn voordat je verdergaat. ``` - npm init stencil + npm init stencil ``` Stencil kan gebruikt worden om losstaande componenten of gehele applicaties te maken. Na het uitvoeren van het hierboven weergegeven script krijg je de optie om het type project te kiezen. From 1360772ffffa306ca18c73d4810f2c5e021f2120 Mon Sep 17 00:00:00 2001 From: Danny Hooijer Date: Thu, 30 Jan 2020 08:53:53 +0100 Subject: [PATCH 08/13] Limited avatar to 80px and removed the other query params present --- src/_data/people.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_data/people.json b/src/_data/people.json index a182d4a9..b4210dcb 100644 --- a/src/_data/people.json +++ b/src/_data/people.json @@ -73,6 +73,6 @@ "name": "Danny Hooijer", "email": "dhooyer@move4mobile.com", "github": "DannyHooyer", - "avatar": "https://avatars0.githubusercontent.com/u/16132824?s=400&u=553104fa325b70ab4d74283612538e138bc02bf8&v=4" + "avatar": "https://avatars0.githubusercontent.com/u/16132824?s=80" } } From bf67141547b4c14928ac07781a782edba63870e4 Mon Sep 17 00:00:00 2001 From: Danny Hooijer Date: Thu, 30 Jan 2020 09:25:18 +0100 Subject: [PATCH 09/13] Fixed typo and updated 'Wat is Stencil?' section --- src/posts/2020-01-27-stencil-getting-started.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/posts/2020-01-27-stencil-getting-started.md b/src/posts/2020-01-27-stencil-getting-started.md index 808313fe..d936eaac 100644 --- a/src/posts/2020-01-27-stencil-getting-started.md +++ b/src/posts/2020-01-27-stencil-getting-started.md @@ -8,7 +8,7 @@ date: 2020-01-27 --- ### Wat is Stencil? -[Stencil](https://stenciljs.com/) is een compiler die Web Components (Custom Elements) genereert. Stencil combineert de beste concepten van de meest populaire frameworks in een simpele tool. +[Stencil](https://stenciljs.com/) is een compiler die Web Components (Custom Elements v1) genereert. Stencil combineert de beste concepten van de meest populaire frameworks in een simpele tool. Stencil maakt gebruik van features zoals: * Virtual DOM @@ -17,7 +17,7 @@ Stencil maakt gebruik van features zoals: * TypeScript * JSX -Stencil is ontwikkeld dor het Ionic framework team. +Stencil is ontwikkeld door het Ionic framework team. ### Browser Support From e5153c4164bf67d1a51f410a08439722c3bb595b Mon Sep 17 00:00:00 2001 From: Danny Hooijer Date: Thu, 30 Jan 2020 12:41:03 +0100 Subject: [PATCH 10/13] Fixed typo and updated the section about installing Stencil --- src/posts/2020-01-27-stencil-getting-started.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/posts/2020-01-27-stencil-getting-started.md b/src/posts/2020-01-27-stencil-getting-started.md index d936eaac..524af8be 100644 --- a/src/posts/2020-01-27-stencil-getting-started.md +++ b/src/posts/2020-01-27-stencil-getting-started.md @@ -21,14 +21,14 @@ Stencil is ontwikkeld door het Ionic framework team. ### Browser Support -Stencil bouwt Web Components die te gebruiken zijn in de populaire desktop en mobile browsers. Voor de browsers die geen ondersteuning bieden voor Custom Elements v1 (De API waarop Web Components zijn gebaseerd) maakt Stencil gebruik van polyfills. +Stencil bouwt Web Components die te gebruiken zijn in de populaire desktop en mobile browsers. Voor de browsers die geen ondersteuning bieden voor Custom Elements v1 (de API waarop Web Components zijn gebaseerd) maakt Stencil gebruik van polyfills. Stencil maakt hiervoor gebruik van een dynamic loader die de polyfill alleen inlaadt in browsers die het nodig zijn. ![verbindingen](assets/stencil-getting-started/stencil-browsersupport.png) ### Getting Started -Stencil vereist een recente LTS versie van NodeJS en npm (npm 6 of hoger). Zorg er dus voor dat deze geïnstalleerd of up to date zijn voordat je verdergaat. +Stencil vereist een recente LTS versie van NodeJS en npm (npm 6 of hoger). Zorg er dus voor dat deze geïnstalleerd of up to date zijn voordat je verdergaat. Als je dat gedaan hebt initialiseer je een stencil project als volgt: ``` npm init stencil @@ -43,8 +43,8 @@ De keuzes zijn hieronder weergegeven, deze blog gaat echter over de optie _compo > component Collection of web components that can be used anywhere ``` -#### Updating Stencil -Om gebruik te maken van de laatste versie van Stencil kun je het volgende script uitvoeren: +#### Stencil Installation +Zorg ervoor dat je binnen de directory zit van het gegenereerde project, voer daarna het volgende script uit om de laatste versie van Stencil te genereren: ``` npm install @stencil/core@latest --save-exact From 8f1df62a12a5cffd133a1d595f5ce0eed1b2c870 Mon Sep 17 00:00:00 2001 From: Danny Hooijer Date: Thu, 30 Jan 2020 12:44:15 +0100 Subject: [PATCH 11/13] Fixed typo in Stencil Installation --- src/posts/2020-01-27-stencil-getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/posts/2020-01-27-stencil-getting-started.md b/src/posts/2020-01-27-stencil-getting-started.md index 524af8be..4a28e964 100644 --- a/src/posts/2020-01-27-stencil-getting-started.md +++ b/src/posts/2020-01-27-stencil-getting-started.md @@ -44,7 +44,7 @@ De keuzes zijn hieronder weergegeven, deze blog gaat echter over de optie _compo ``` #### Stencil Installation -Zorg ervoor dat je binnen de directory zit van het gegenereerde project, voer daarna het volgende script uit om de laatste versie van Stencil te genereren: +Zorg ervoor dat je binnen de directory zit van het gegenereerde project, voer daarna het volgende script uit om de laatste versie van Stencil te installeren: ``` npm install @stencil/core@latest --save-exact From a6d22b668674d3a1f2adcaa48e7d2b9cd6959a35 Mon Sep 17 00:00:00 2001 From: Danny Hooijer Date: Thu, 30 Jan 2020 14:23:02 +0100 Subject: [PATCH 12/13] Fix stenciljs blog post asset --- ...rowsersupport.PNG => stencil-browsersupport.png} | Bin 1 file changed, 0 insertions(+), 0 deletions(-) rename src/assets/stencil-getting-started/{stencil-browsersupport.PNG => stencil-browsersupport.png} (100%) diff --git a/src/assets/stencil-getting-started/stencil-browsersupport.PNG b/src/assets/stencil-getting-started/stencil-browsersupport.png similarity index 100% rename from src/assets/stencil-getting-started/stencil-browsersupport.PNG rename to src/assets/stencil-getting-started/stencil-browsersupport.png From e908e738766e7b30047a507876825232f5dc7cfb Mon Sep 17 00:00:00 2001 From: DannyHooyer Date: Thu, 30 Jan 2020 14:31:58 +0100 Subject: [PATCH 13/13] Update 2020-01-27-stencil-getting-started.md Once again fixed stencil blog asset link --- src/posts/2020-01-27-stencil-getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/posts/2020-01-27-stencil-getting-started.md b/src/posts/2020-01-27-stencil-getting-started.md index 4a28e964..3f594266 100644 --- a/src/posts/2020-01-27-stencil-getting-started.md +++ b/src/posts/2020-01-27-stencil-getting-started.md @@ -24,7 +24,7 @@ Stencil is ontwikkeld door het Ionic framework team. Stencil bouwt Web Components die te gebruiken zijn in de populaire desktop en mobile browsers. Voor de browsers die geen ondersteuning bieden voor Custom Elements v1 (de API waarop Web Components zijn gebaseerd) maakt Stencil gebruik van polyfills. Stencil maakt hiervoor gebruik van een dynamic loader die de polyfill alleen inlaadt in browsers die het nodig zijn. -![verbindingen](assets/stencil-getting-started/stencil-browsersupport.png) +![verbindingen](/assets/stencil-getting-started/stencil-browsersupport.png) ### Getting Started