images to svg

2019-07-28 15:42:37 +03:00 · 2019-07-28 15:42:37 +03:00 · 3ba28aa104
commit 3ba28aa104
parent a31e881856
734 changed files with 11682 additions and 245 deletions
--- a/8-web-components/1-webcomponents-intro/article.md
+++ b/8-web-components/1-webcomponents-intro/article.md
@ -44,7 +44,7 @@ Let's take a look at a website, for example Twitter.

 It naturally splits into components:

-![](web-components-twitter.png)
+![](web-components-twitter.svg)

 1. Top navigation.
 2. User info.
--- a/8-web-components/1-webcomponents-intro/web-components-twitter.png
+++ b/8-web-components/1-webcomponents-intro/web-components-twitter.png
--- a/8-web-components/1-webcomponents-intro/web-components-twitter.svg
+++ b/8-web-components/1-webcomponents-intro/web-components-twitter.svg
--- a/8-web-components/1-webcomponents-intro/web-components-twitter@2x.png
+++ b/8-web-components/1-webcomponents-intro/web-components-twitter@2x.png
--- a/8-web-components/5-slots-composition/article.md
+++ b/8-web-components/5-slots-composition/article.md
@ -80,7 +80,7 @@ We created the shadow DOM, so here it is, under `#shadow-root`. Now the element

 For rendering purposes, for each `<slot name="...">` in shadow DOM, the browser looks for `slot="..."` with the same name in the light DOM. These elements are rendered inside the slots:

-![](shadow-dom-user-card.png)
+![](shadow-dom-user-card.svg)

 The result is called "flattened" DOM:

--- a/8-web-components/5-slots-composition/shadow-dom-user-card.png
+++ b/8-web-components/5-slots-composition/shadow-dom-user-card.png
--- a/8-web-components/5-slots-composition/shadow-dom-user-card.svg
+++ b/8-web-components/5-slots-composition/shadow-dom-user-card.svg
--- a/8-web-components/5-slots-composition/shadow-dom-user-card@2x.png
+++ b/8-web-components/5-slots-composition/shadow-dom-user-card@2x.png