Add the Youtube embedded Policy

docs/learn/architecture/astar-parachain.md

@@ -17,11 +17,31 @@ Astar is a parachain connected to the Polkadot Relay chain, specialized for:
 ## What is Polkadot
 To get started, let's kick it off with two short videos that do a very good job at explaining some core concepts around Polkadot. First, watch Bill Laboon, Director of Education and Support at the Web3 Foundation, explain the basics of Polkadot.
 
-<iframe width="100%" height="500" src="https://www.youtube.com/embed/29Ty-VTDnh4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+<iframe
+  width="100%"
+  height="400"
+  src="https://www.youtube-nocookie.com/embed/29Ty-VTDnh4"
+  title="What is Polkadot"
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+  allowFullScreen
+  referrerPolicy="strict-origin-when-cross-origin"
+  loading="lazy"
+/>
 
 Ok, you can’t learn it all in one minute. But how about in 5 minutes? Have a look at this excellent video from DeFi Teller, explaining how Polkadot works.
 
-<iframe width="100%" height="500" src="https://www.youtube.com/embed/BQ60bTU1bPg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+<iframe
+  width="100%"
+  height="400"
+  src="https://www.youtube-nocookie.com/embed/BQ60bTU1bPg"
+  title="What is Polkadot"
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+  allowFullScreen
+  referrerPolicy="strict-origin-when-cross-origin"
+  loading="lazy"
+/>
 
 ## How the Relay Chain works
 The Polkadot network uses a sharded model where shards - called "parachains", allow transactions to be processed in parallel instead of sequentially. Each parachain in the network has a unique state transition function. Polkadot is a Relay Chain acting as the main chain of the system.

docs/use/get-started/astar-evm-wallet/wallet/metamask/install-metamask.md

@@ -10,7 +10,17 @@ import Figure from "/src/components/figure"
 
 MetaMask is a web browser extension and mobile app that allows you to manage your Ethereum private keys. By doing so, it serves as a wallet for Ether and other tokens such as ASTR on Astar Network EVM, and allows you to interact with decentralized applications, or dapps. Unlike some wallets, MetaMask keeps no information on you: not your email address, not your password, and not your Secret Recovery Phrase or other private keys. You retain all power over your crypto-identity.
 
-<p align="center"><iframe width="600" height="350" src="https://www.youtube.com/embed/YVgfHZMFFFQ?si=b8ijkB7wGCdzeuBK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
+<iframe
+  width="100%"
+  height="400"
+  src="https://www.youtube-nocookie.com/embed/YVgfHZMFFFQ?si=b8ijkB7wGCdzeuBK"
+  title="What is Metamask"
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+  allowFullScreen
+  referrerPolicy="strict-origin-when-cross-origin"
+  loading="lazy"
+/>
 
 ## How to install MetaMask:
 
@@ -22,11 +32,11 @@ MetaMask is a web browser extension and mobile app that allows you to manage you
 
 4. Click `Add to Chrome`;
 
-<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_1.png').default} width="100%" /> 
+<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_1.png').default} width="100%" />
 
 5. On the pop up, click `Add extension`;
 
-<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_2.png').default} width="50%" /> 
+<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_2.png').default} width="50%" />
 
 After adding MetaMask Extension, MetaMask will automatically open. You can also make sure it's easily accessible in your toolbar by clicking the jigsaw icon in the top-right of the screen, and hitting the pin icon.
 
@@ -51,14 +61,14 @@ Don't worry if you're unsure during setup: once your wallet is up and running, y
 Once the browser extension download is completed, you will be taken to a MetaMask wallet setup page.
 
 1. You must agree to the terms and conditions and click `Create a new wallet`;
-<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_3.png').default} width="80%" /> 
+<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_3.png').default} width="80%" />
 2. Next, you will have to agree to MetaMask’s data usage policy to continue;
 3. You will have to create a password for your MetaMask wallet;
-<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_4.png').default} width="80%" /> 
+<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_4.png').default} width="80%" />
 4. On the next page, you will find information and a video tutorial about crypto wallet recovery phrases;
 5. Click on `Secure my wallet`;
 6. On the next page, you will find the 12-word secret recovery phrase. Click `Reveal secret recovery phrase`;
-<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_5.png').default} width="80%" /> 
+<Figure src={require('/docs/use/get-started/astar-evm-wallet/wallet/metamask/img/metamask_5.png').default} width="80%" />
 7. Keep the 12-word secret recovery phrase in a safe place where only you can access it;
 8. In the next step, you will have to confirm the 12-word secret recovery phrase.
 9. Click `Done`. Your MetaMask wallet is now ready to use.

docs/use/how-to-guides/layer-1/dapp-staking/for-stakers/move-staked-tokens/move-staking.md

@@ -85,7 +85,7 @@ Next to the stake you want to shift.
 <Figure caption="" src={require('/docs/use/how-to-guides/layer-1/dapp-staking/for-stakers/move-staked-tokens/images/move-3.png').default} width="100%" />
 
 3. **Enter the amount** you want to shift.
-4. Click on next button. 
+4. Click on next button.
 5. Confirm and sign the transaction.
 
 <Figure caption="" src={require('/docs/use/how-to-guides/layer-1/dapp-staking/for-stakers/move-staked-tokens/images/move-4.png').default} width="100%" />
@@ -109,20 +109,20 @@ After confirmation:
 ## 4. Real-use examples for clarity
 
 1. **One safe move left**: You move 100 ASTR from App A to B during Build & Earn
-    
+
     * App B shows your 100 ASTR and **SafeMovesRemaining = 0**
     * Bonus remains intact.
-    
+
 2. **Second move = bonus lost**: You move again to App C
-    
+
     * App C shows your 100 ASTR but **bonus forfeited**.
-    
+
 3. **Voting period, unlimited moves**: Move anytime freely; safe-move count doesn't change.
 4. **Reward gap after move**: You Move 500 ASTR from App A to App B during Build & Earn
-    
+
     * App B shows 500 ASTR and updated safe move count
-    *  ⚠️ You won’t earn staking rewards for that era due to the **unstake/stake** process. 
-    
+    *  ⚠️ You won’t earn staking rewards for that era due to the **unstake/stake** process.
+
 5. **A combining bonus moves across stakes**:
 
     * You staked on dApps A and B during Voting
@@ -140,12 +140,14 @@ After confirmation:
 
 To wrap up, here’s a video tutorial that will guide you through the step-by-step process of use move on **Astar dApp Staking**. Feel free to ask your questions in our [**official Astar Discord**](https://discord.com/invite/AstarNetwork).
 
-<iframe 
-  width="100%" 
-  height="400" 
-  src="https://www.youtube.com/embed/V4xDk1qvAWo"
-  title="How to use move in Astar dApp Staking" 
-  frameBorder="0" 
-  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+<iframe
+  width="100%"
+  height="400"
+  src="https://www.youtube-nocookie.com/embed/V4xDk1qvAWo"
+  title="Move your ASTR staking"
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
   allowFullScreen
+  referrerPolicy="strict-origin-when-cross-origin"
+  loading="lazy"
 />

docs/use/how-to-guides/layer-1/dapp-staking/for-stakers/staking.md

@@ -153,9 +153,11 @@ To wrap up, here’s a video tutorial that will guide you through the step-by-st
 <iframe
   width="100%"
   height="400"
-  src="https://www.youtube.com/embed/zEioVpgFXQ8"
-  title="How to stake on Astar L1"
+  src="https://www.youtube-nocookie.com/embed/zEioVpgFXQ8"
+  title="How to stake on Astar Portal"
   frameBorder="0"
-  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
   allowFullScreen
+  referrerPolicy="strict-origin-when-cross-origin"
+  loading="lazy"
 />

docs/use/how-to-guides/soneium/dapp-staking/stake-on-soneium.md

@@ -73,9 +73,11 @@ To wrap up, here’s a video tutorial that will guide you through the step-by-st
 <iframe
   width="100%"
   height="400"
-  src="https://www.youtube.com/embed/Es1GGOSmGZw"
+  src="https://www.youtube-nocookie.com/embed/Es1GGOSmGZw"
   title="How to Stake on Soneium using Astake"
   frameBorder="0"
-  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
   allowFullScreen
+  referrerPolicy="strict-origin-when-cross-origin"
+  loading="lazy"
 />

docs/use/how-to-guides/soneium/transfer-tokens/from-astar-to-soneium.md

@@ -130,16 +130,18 @@ Congratulations! You’ve successfully sent tokens from Astar Substrate (L1) to
 
 <Figure caption="" src={require('/docs/use/how-to-guides/soneium/transfer-tokens/images/astar-to-soneium/astar-to-soneium-13.png').default} width="100%" />
 
-## 3. Video tutorial 
+## 3. Video tutorial
 
 To wrap up, here’s a video tutorial that will guide you through the step-by-step process in case anything wasn’t clear. Feel free to ask your questions in our [**official Astar Discord**](https://discord.com/invite/AstarNetwork).
 
-<iframe 
-  width="100%" 
-  height="400" 
-  src="https://www.youtube.com/embed/7caWRXER8pU"
-  title="Transfer ASTR from Astar L1 to Soneium" 
-  frameBorder="0" 
-  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+<iframe
+  width="100%"
+  height="400"
+  src="https://www.youtube-nocookie.com/embed/7caWRXER8pU"
+  title="Transfer ASTR from Astar L1 to Soneium"
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
   allowFullScreen
+  referrerPolicy="strict-origin-when-cross-origin"
+  loading="lazy"
 />

docs/use/how-to-guides/soneium/transfer-tokens/from-soneium-to-astar.md

@@ -164,16 +164,18 @@ After a few seconds, you’ll see your amount reflected in the **available** sec
 
 <Figure caption="" src={require('/docs/use/how-to-guides/soneium/transfer-tokens/images/soneium-to-astar/soneium-to-astar-20.png').default} width="100%" />
 
-## 3. Video tutorial 
+## 3. Video tutorial
 
 To wrap up, here’s a video tutorial that will guide you through the step-by-step process in case anything wasn’t clear. Feel free to ask your questions in our [**official Astar Discord**](https://discord.com/invite/AstarNetwork).
 
-<iframe 
-  width="100%" 
-  height="400" 
-  src="https://www.youtube.com/embed/t31F7EC6PAg"
-  title="Transfer ASTR from Soneium to Astar L1" 
-  frameBorder="0" 
-  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+<iframe
+  width="100%"
+  height="400"
+  src="https://www.youtube-nocookie.com/embed/t31F7EC6PAg"
+  title="Transfer ASTR from Soneium to Astar L1"
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
   allowFullScreen
+  referrerPolicy="strict-origin-when-cross-origin"
+  loading="lazy"
 />

docusaurus.config.ts

@@ -34,6 +34,16 @@ const config: Config = {
     mermaid: true,
   },
 
+  headTags: [
+    {
+      tagName: 'meta',
+      attributes: {
+        name: 'referrer',
+        content: 'strict-origin-when-cross-origin',
+      },
+    },
+  ],
+
   stylesheets: [
     {
       href: 'https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css',