Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: migrate media.prod.mdn.mozit.cloud URLs #26809

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ document.addEventListener("afterscriptexecute", finished, true);
document.onafterscriptexecute = finished;
```

[View Live Example](https://media.prod.mdn.mozit.cloud/samples/html/currentScript.html)
[View Live Example](https://mdn.dev/archives/media/samples/html/currentScript.html)

## Browser compatibility

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ document.addEventListener("beforescriptexecute", starting, true);
document.onbeforescriptexecute = starting;
```

[View Live Example](https://media.prod.mdn.mozit.cloud/samples/html/currentScript.html)
[View Live Example](https://mdn.dev/archives/media/samples/html/currentScript.html)

## Browser compatibility

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/document/currentscript/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ if (document.currentScript.async) {
}
```

[View Live Examples](https://media.prod.mdn.mozit.cloud/samples/html/currentScript.html)
[View Live Examples](https://mdn.dev/archives/media/samples/html/currentScript.html)

## Specifications

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/document/mozsetimageelement/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ None ({{jsxref("undefined")}}).
This example changes the background of a {{ HTMLElement("div") }} block each time the
block is clicked by the user.

[View this example live](https://media.prod.mdn.mozit.cloud/samples/domref/mozSetImageElement.html).
[View this example live](https://mdn.dev/archives/media/samples/domref/mozSetImageElement.html).

```html
<style>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ which we'll be injecting the new content. The next two lines handle importing th
contents of our new document into the new document's context. Finally, line 20 actually
replaces the contents of the frame with the new document's contents.

[View Live Examples](https://media.prod.mdn.mozit.cloud/samples/domref/createHTMLDocument.html)
[View Live Examples](https://mdn.dev/archives/media/samples/domref/createHTMLDocument.html)

The returned document is pre-constructed with the following HTML:

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/element/setcapture/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ clicking and holding down on an element.
</html>
```

[View Live Examples](https://media.prod.mdn.mozit.cloud/samples/domref/mousecapture.html)
[View Live Examples](https://mdn.dev/archives/media/samples/domref/mousecapture.html)

## Notes

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/fullscreen_api/guide/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ In addition, navigating to another page, changing tabs, or switching to another

In this example, a video is presented in a web page. Pressing the <kbd>Return</kbd> or <kbd>Enter</kbd> key lets the user toggle between windowed and fullscreen presentation of the video.

[View Live Examples](https://media.prod.mdn.mozit.cloud/samples/domref/fullscreen.html)
[View Live Examples](https://mdn.dev/archives/media/samples/domref/fullscreen.html)

### Watching for the Enter key

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/background-position-x/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ div {
width: 300px;
height: 300px;
background-color: skyblue;
background-image: url(https://media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png);
background-image: url(https://mdn.dev/archives/media/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom 10px;
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/background-position-y/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ div {
width: 300px;
height: 300px;
background-color: skyblue;
background-image: url(https://media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png);
background-image: url(https://mdn.dev/archives/media/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom 10px;
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/blend-mode/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -386,7 +386,7 @@ In the following example, we have a `<div>` with two background images set on it
div {
width: 300px;
height: 300px;
background: url(https://media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png)
background: url(https://mdn.dev/archives/media/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png)
no-repeat center, linear-gradient(to bottom, blue, orange);
}
```
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/css/box-decoration-break/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -92,13 +92,13 @@ This one results in:

![A screenshot of the rendering of an inline element styled with box-decoration-break:clone and styles given in the example](box-decoration-break-inline-clone.png)

You can [try the two inline examples above](https://media.prod.mdn.mozit.cloud/attachments/2014/07/12/8179/df096e9eb57177d8b7fdcd0c8f64ef18/box-decoration-break-inline.html) in your browser.
You can [try the two inline examples above](https://mdn.dev/archives/media/attachments/2014/07/12/8179/df096e9eb57177d8b7fdcd0c8f64ef18/box-decoration-break-inline.html) in your browser.

Here's an example of an inline element using a large `border-radius` value. The second `"iM"` has a line-break between the `"i"` and the `"M"`. For comparison, the first `"iM"` is without line breaks. Note that if you stack the rendering of the two fragments horizontally next to each other it will result in the non-fragmented rendering.

![A screenshot of the rendering of the second inline element example.](box-decoration-break-slice-inline-2.png)

[Try the above example](https://media.prod.mdn.mozit.cloud/attachments/2014/07/12/8191/7a067e5731355081e856ea02b978ea2e/box-decoration-break-inline-extreme.html) in your browser.
[Try the above example](https://mdn.dev/archives/media/attachments/2014/07/12/8191/7a067e5731355081e856ea02b978ea2e/box-decoration-break-inline-extreme.html) in your browser.

### Block box fragments

Expand All @@ -118,7 +118,7 @@ Now, the same example but styled with `box-decoration-break: clone` results in:

Note here that each fragment has an identical replicated border, box-shadow, and background.

You can [try the block examples above](https://media.prod.mdn.mozit.cloud/attachments/2014/07/12/8187/6288bde9d276d78e203c9f8b9a26ff65/box-decoration-break-block.html) in your browser.
You can [try the block examples above](https://mdn.dev/archives/media/attachments/2014/07/12/8187/6288bde9d276d78e203c9f8b9a26ff65/box-decoration-break-block.html) in your browser.

## Specifications

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/break-inside/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@ By default, it is possible for you to get a break between the image and its capt

<figure>
<img
src="https://media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png" />
src="https://mdn.dev/archives/media/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png" />
<figcaption>The Firefox logo — fox wrapped around the world</figcaption>
</figure>

Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/css/scaling_of_svg_backgrounds/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,15 +33,15 @@ This image is both dimensionless and proportionless. It doesn't care what size i

![no-dimensions-or-ratio.png](no-dimensions-or-ratio.png)

[SVG source](https://media.prod.mdn.mozit.cloud/attachments/2012/07/09/3469/6587a382ffb2c944462a6b110b079496/no-dimensions-or-ratio.svg)
[SVG source](https://mdn.dev/archives/media/attachments/2012/07/09/3469/6587a382ffb2c944462a6b110b079496/no-dimensions-or-ratio.svg)

### One specified dimension and proportionless

This image specifies a width of 100 pixels but no height or intrinsic ratio. This is, basically, a thin strip of wallpaper that could be stretched across the entire height of a block.

![100px-wide-no-height-or-ratio.png](100px-wide-no-height-or-ratio.png)

[SVG source](https://media.prod.mdn.mozit.cloud/attachments/2012/07/09/3468/af73bea307a10ffe2559df42fad199e3/100px-wide-no-height-or-ratio.svg)
[SVG source](https://mdn.dev/archives/media/attachments/2012/07/09/3468/af73bea307a10ffe2559df42fad199e3/100px-wide-no-height-or-ratio.svg)

### One specified dimension with intrinsic ratio

Expand All @@ -51,15 +51,15 @@ This is very much like specifying a specific width and height, since once you ha

![100px-height-3x4-ratio.png](100px-height-3x4-ratio.png)

[SVG source](https://media.prod.mdn.mozit.cloud/attachments/2012/07/09/3467/fd0c534c506be06d52f0a954a59863a6/100px-height-3x4-ratio.svg)
[SVG source](https://mdn.dev/archives/media/attachments/2012/07/09/3467/fd0c534c506be06d52f0a954a59863a6/100px-height-3x4-ratio.svg)

### No width or height with intrinsic ratio

This image doesn't specify either a width or a height; instead, it specifies an intrinsic ratio of 1:1. Think of this like a program icon. It's always square, and is usable at any size, such as 32x32, 128x128, or 512x512, for example.

![no-dimensions-1x1-ratio.png](no-dimensions-1x1-ratio.png)

[SVG source](https://media.prod.mdn.mozit.cloud/attachments/2012/07/09/3466/a3398e03c058d99fb2b7837167cdbc26/no-dimensions-1x1-ratio.svg)
[SVG source](https://mdn.dev/archives/media/attachments/2012/07/09/3466/a3398e03c058d99fb2b7837167cdbc26/no-dimensions-1x1-ratio.svg)

## Scaling examples

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ textarea.addEventListener("input", function () {

## Triggering built-in events

This example demonstrates simulating a click (that is programmatically generating a click event) on a checkbox using DOM methods. [View the example in action.](https://media.prod.mdn.mozit.cloud/samples/domref/dispatchEvent.html)
This example demonstrates simulating a click (that is programmatically generating a click event) on a checkbox using DOM methods. [View the example in action.](https://mdn.dev/archives/media/samples/domref/dispatchEvent.html)

```js
function simulateClick() {
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/guide/printing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ If you want to be able to automatically close a [popup window](/en-US/docs/Web/A
</html>
```

[View Live Examples](https://media.prod.mdn.mozit.cloud/samples/domref/printevents.html)
[View Live Examples](https://mdn.dev/archives/media/samples/domref/printevents.html)

### Print an external page without opening it

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ page-type: guide

In this example, we use [XHTML](/en-US/docs/Glossary/XHTML), [SVG](/en-US/docs/Web/SVG), [JavaScript](/en-US/docs/Web/JavaScript), and the [DOM](/en-US/docs/Web/API/Document_Object_Model) to animate a swarm of "motes". These motes are governed by two simple principles. First, each mote tries to move towards the mouse cursor, and second each mote tries to move away from the average mote position. Combined, we get this very natural-looking behavior.

[View the example](https://media.prod.mdn.mozit.cloud/samples/svg/swarm-of-motes.xhtml). The linked example was written with 2006 best practices. The example below has been updated to modern JavaScript best practices. Both work.
[View the example](https://mdn.dev/archives/media/samples/svg/swarm-of-motes.xhtml). The linked example was written with 2006 best practices. The example below has been updated to modern JavaScript best practices. Both work.

```xml
<?xml version='1.0'?>
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/svg_animation_with_smil/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ In this example, a blue circle bounces between the left and right edges of a bla

{{ EmbedLiveSample('Example_1_Linear_motion', '100%', 120) }}

[View live sample](https://media.prod.mdn.mozit.cloud/samples/svg/svganimdemo1.html)
[View live sample](https://mdn.dev/archives/media/samples/svg/svganimdemo1.html)

### Example 2: Curved motion

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/svg/tutorial/getting_started/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ Let us dive straight in with a simple example. Take a look at the following code
</svg>
```

Copy the code and paste it in a file, demo1.svg. Then open the file in a browser. It will render as shown in the following screenshot. (Firefox users: click [here](https://media.prod.mdn.mozit.cloud/attachments/2012/07/09/3075/89b1e0a26e8421e19f907e0522b188bd/svgdemo1.xml))
Copy the code and paste it in a file, demo1.svg. Then open the file in a browser. It will render as shown in the following screenshot. (Firefox users: click [here](https://mdn.dev/archives/media/attachments/2012/07/09/3075/89b1e0a26e8421e19f907e0522b188bd/svgdemo1.xml))

![Red background composed of a centered green circle. White text centered inside the circle is SVG.](svgdemo1.png)

Expand Down