From 4b087ee9e8d9e00247be4d46488ebe7c1354611b Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Thu, 11 Mar 2021 16:59:52 -0500
Subject: [PATCH] fix external image flaws in
 Web/Web_Components/Using_shadow_DOM

---
 .../using_shadow_dom/dom-screenshot.png         | Bin 0 -> 14878 bytes
 .../web_components/using_shadow_dom/index.html  |   4 ++--
 .../using_shadow_dom/shadowdom.svg              |   1 +
 3 files changed, 3 insertions(+), 2 deletions(-)
 create mode 100644 files/en-us/web/web_components/using_shadow_dom/dom-screenshot.png
 create mode 100644 files/en-us/web/web_components/using_shadow_dom/shadowdom.svg

diff --git a/files/en-us/web/web_components/using_shadow_dom/dom-screenshot.png b/files/en-us/web/web_components/using_shadow_dom/dom-screenshot.png
new file mode 100644
index 0000000000000000000000000000000000000000..bab9f5796eb40fb6bcdbeabdf7321b42366c5310
GIT binary patch
literal 14878
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
F{~zn_na%(J

literal 0
HcmV?d00001

diff --git a/files/en-us/web/web_components/using_shadow_dom/index.html b/files/en-us/web/web_components/using_shadow_dom/index.html
index d669f9234f6c95d..fdd2082731551f0 100644
--- a/files/en-us/web/web_components/using_shadow_dom/index.html
+++ b/files/en-us/web/web_components/using_shadow_dom/index.html
@@ -36,11 +36,11 @@ <h2 id="High-level_view">High-level view</h2>
 
 <p>This fragment produces the following DOM structure:</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/14559/dom-screenshot.png" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p>
+<p><img alt="" src="dom-screenshot.png" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p>
 
 <p><em>Shadow</em> DOM allows hidden DOM trees to be attached to elements in the regular DOM tree — this shadow DOM tree starts with a shadow root, underneath which can be attached to any elements you want, in the same way as the normal DOM.</p>
 
-<p><img alt="SVG version of the diagram showing the interaction of document, shadow root and shadow host." src="https://mdn.mozillademos.org/files/17451/shadowdom.svg" style="height: 509px; width: 1107px;"></p>
+<p><img alt="SVG version of the diagram showing the interaction of document, shadow root and shadow host." src="shadowdom.svg"></p>
 
 <p>There are some bits of shadow DOM terminology to be aware of:</p>
 
diff --git a/files/en-us/web/web_components/using_shadow_dom/shadowdom.svg b/files/en-us/web/web_components/using_shadow_dom/shadowdom.svg
new file mode 100644
index 000000000000000..780cd22f68be842
--- /dev/null
+++ b/files/en-us/web/web_components/using_shadow_dom/shadowdom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1107.438" height="509.114" viewBox="0 0 293.01 134.703"><defs><marker orient="auto" refY="0" refX="0" id="a" style="overflow:visible"><path d="m5.77 0-8.65 5V-5z" style="fill:#0e0e0e;fill-opacity:1;fill-rule:evenodd;stroke:#0e0e0e;stroke-width:1.00000003pt;stroke-opacity:1" transform="scale(.8)"/></marker></defs><g transform="translate(111.753 -38.267)"><path style="opacity:1;fill:#ffefcc;fill-opacity:1;stroke:#000;stroke-width:.49999997;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M64.093 38.517h116.914V172.72H64.093z"/><path style="opacity:1;fill:#cbcbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M-30.314 84.388h67.469v88.068h-67.469z"/><path d="m-2.934 111.283-12.294 9.755" style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"/><path style="opacity:1;fill:#fff;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M-111.503 59.631h67.469v95.061h-67.469z"/><circle r="9.354" cy="104.907" cx="3.697" style="opacity:1;fill:#3465a4;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m10.172 111.283 12.294 9.755m-.296 16.834v17.954"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:4.29636812px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#fff;fill-opacity:1;stroke:none;stroke-width:.26458332" x="3.672" y="103.824"><tspan x="3.672" y="103.824" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#fff;stroke-width:.26458332">shadow</tspan><tspan x="3.672" y="109.194" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#fff;stroke-width:.26458332">root</tspan></text><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m-84.123 86.525-12.294 9.756m25.4-9.756 12.294 9.756"/><circle style="opacity:1;fill:#3465a4;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="-77.492" cy="80.15" r="9.354"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:3.5097146px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#fff;fill-opacity:1;stroke:none;stroke-width:.26458332" x="-77.546" y="81.458"><tspan x="-77.546" y="81.458" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#fff;fill-opacity:1;stroke-width:.26458332">document</tspan></text><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M-95.966 113.115v17.953"/><circle r="9.354" cy="104.813" cx="-95.966" style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><circle style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="-95.966" cy="136.563" r="9.354"/><g style="opacity:1"><circle r="9.354" cy="104.813" cx="-59.018" style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:4.29636812px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" x="-59.044" y="103.729"><tspan x="-59.044" y="103.729" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:.26458332">shadow</tspan><tspan x="-59.044" y="109.1" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:.26458332">host</tspan></text></g><text y="65.66" x="-107.948" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728649px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" xml:space="preserve"><tspan style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:start;text-anchor:start;fill:#000;fill-opacity:1;stroke-width:.26458332" y="65.66" x="-107.948">Document Tree</tspan></text><path style="fill:none;stroke:#0e0e0e;stroke-width:.26499999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:2.1199999,1.05999995;stroke-dashoffset:0;stroke-opacity:1;marker-end:url(#a)" d="M-49.496 104.813h42.22"/><circle style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="-14.776" cy="129.57" r="9.354"/><circle r="9.354" cy="161.32" cx="22.171" style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><text y="-30.535" x="-147.139" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728649px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" xml:space="preserve" transform="rotate(-90)"><tspan style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#000;fill-opacity:1;stroke-width:.26458332" y="-30.535" x="-147.139">Shadow Boundary</tspan></text><text y="90.418" x="-26.669" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728649px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" xml:space="preserve"><tspan style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:start;text-anchor:start;fill:#000;fill-opacity:1;stroke-width:.26458332" y="90.418" x="-26.669">Shadow Tree</tspan></text><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m92.259 67.768-12.295 9.755m25.393-9.755 21.097 9.755"/><circle style="opacity:1;fill:#3465a4;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="98.89" cy="61.392" r="9.354"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:3.5097146px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#fff;fill-opacity:1;stroke:none;stroke-width:.26458332" x="98.836" y="62.701"><tspan x="98.836" y="62.701" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;fill:#fff;fill-opacity:1;stroke-width:.26458332">document</tspan></text><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M80.416 94.357v19.157"/><circle r="9.354" cy="86.055" cx="80.416" style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><circle style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="80.416" cy="121.985" r="9.354"/><g transform="translate(188.733 -18.758)" style="opacity:1"><circle r="9.354" cy="104.813" cx="-59.018" style="opacity:1;fill:#4ece98;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:4.29636812px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:middle;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" x="-59.044" y="103.729"><tspan x="-59.044" y="103.729" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:.26458332">shadow</tspan><tspan x="-59.044" y="109.1" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;stroke-width:.26458332">host</tspan></text></g><path style="fill:none;stroke:#000;stroke-width:.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m123.083 92.974-12.294 20.478m25.4-20.478 12.294 20.478m-.295 16.834v17.954"/><circle style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="148.188" cy="153.735" r="9.354"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728649px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" x="67.648" y="44.546"><tspan x="67.648" y="44.546" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:start;text-anchor:start;fill:#000;fill-opacity:1;stroke-width:.26458332">Flattened Tree (for rendering)</tspan></text><path style="opacity:1;fill:none;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:3.00000008,3.00000008;stroke-dashoffset:0;stroke-opacity:1" d="M98.51 108.977h80.832v57.867H98.51z"/><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:5.56728697px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:end;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:end;fill:#000;fill-opacity:1;stroke:none;stroke-width:.26458332" x="177.639" y="114.654"><tspan x="177.639" y="114.654" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:end;text-anchor:end;fill:#000;fill-opacity:1;stroke-width:.26458332">Shadow</tspan><tspan x="177.639" y="121.614" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:sans-serif;text-align:end;text-anchor:end;fill:#000;fill-opacity:1;stroke-width:.26458332">Tree</tspan></text><path style="opacity:1;fill:#fff72c;fill-opacity:.50196078;stroke:#0e0e0e;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M56.25 66.474v3.28H40.023v6.414H56.25v3.28l6.443-6.487z"/><circle r="9.354" cy="129.57" cx="22.171" style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><circle r="9.354" cy="121.985" cx="148.188" style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/><circle style="opacity:1;fill:#f8cbcb;fill-opacity:1;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" cx="111.241" cy="121.985" r="9.354"/></g></svg>
\ No newline at end of file