Updated Polymorph Attach Layers page; Enable external links in new tabs

Author: AutomotionTools

docs/Polymorph/Attach-Layers.md

@@ -1,10 +1,23 @@
 # Attach Layers
 
-<video src="../../assets/polymorph/videos/AttachLayers.mp4" width="100%" autoplay loop controls></video>
+<video controls width="100%"><!-- poster="video-thumbnail.jpg"> -->
+  <!-- Video source -->
+  <source src="/docs/assets/polymorph/videos/Polymorph - Attach Layers - COMPRESSED.mp4" type="video/mp4">
+  
+  <!-- SRT subtitle track -->
+  <track 
+    src="/docs/assets/polymorph/videos/Polymorph - Attach Layers.vtt" 
+    kind="subtitles" 
+    srclang="en" 
+    label="English" 
+    default  <!-- Optional: Makes this track default -->
+  >
+  
+  <!-- Fallback for unsupported browsers -->
+  Your browser does not support HTML5 video.
+</video>
 
 ## Required settings
 
 - **Parenting of new layers:** New layer parented to target.
-- **Target visibility:** Show Target layer.
-
-**Note:** The duplicated Source layers will be positioned to match the Anchor Point of each Target layer. In the example above, the anchor points of each the Target layer has been repositioned between each Target's eyes, so that the sunglasses will be placed in the appropriate position.
+- **Target visibility:** Show Target layer.

docs/Polymorph/Inherit-Mask.md

@@ -1,3 +1,5 @@
 # Re-Use Character Rigs
 
-Video here
+!!! note
+    
+    Coming soon

docs/Polymorph/Inherit-Scale-Rotation-Opacity.md

@@ -1,3 +1,5 @@
 # Re-Use Character Rigs
 
-Video here
+!!! note
+    
+    Coming soon

docs/Polymorph/Inherit-Track-Mattes.md

@@ -1,3 +1,5 @@
 # Re-Use Character Rigs
 
-Video here
+!!! note
+    
+    Coming soon

docs/Polymorph/Physics-Sims.md

@@ -1,3 +1,5 @@
 # Re-Use Character Rigs
 
-Video here
+!!! note
+    
+    Coming soon

docs/Polymorph/Replace-2D-with-3D.md

@@ -1,3 +1,5 @@
 # Re-Use Character Rigs
 
-Video here
+!!! note
+    
+    Coming soon

docs/Polymorph/Replace-Layers.md

@@ -1,10 +1,12 @@
 # Replace Layers
 
-Video here:
-
 <div>
   <div style="position:relative;padding-top:56.25%;">
     <iframe src="https://www.youtube.com/embed/yXVATehRxJ4" frameborder="0" allowfullscreen
       style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
   </div>
-</div>
+</div>
+
+!!! note
+    
+    The duplicated Source layers will be positioned to match the Anchor Point of each Target layer.

docs/Polymorph/index.md

@@ -26,7 +26,7 @@ Additionally, transform properties and layer attributes can be applied to speed
 
 Furthermore, if a source layer is masked, there is no native way for that mask to carry across to Alt-dragged replacements. Polymorph is able to do this, as well as retain the source layer's track matte.
 
-## Some use cases:
+## Some use cases
 
 * Replace any number of shape layers with a replacement shape layer.
 
@@ -42,4 +42,8 @@ Furthermore, if a source layer is masked, there is no native way for that mask t
 
 * Replace shape layers sent over from [**Overlord**](https://battleaxe.co/overlord){:target="_blank"} with pre-comps – quickly layout in Illustrator, then use Polymorph to put assets into position.
 
-* Attach layers to multiple existing layers, by retaining the visibility of targets and parenting duplicates to the targets.
+* Attach layers to multiple existing layers, by retaining the visibility of targets and parenting duplicates to the targets.
+
+## Current limitations
+
+If your Source layer has keyframes on inheritable properties (Rotation, Scale, Opacity) or the Position property, they will be removed when applying Polymorph. I plan to add an option to choose to keep Source or Target keyframes in a future update.

docs/assets/javascript/external-links.js

@@ -0,0 +1,8 @@
+document.addEventListener("DOMContentLoaded", function () {
+  document.querySelectorAll('a[href^="http"]').forEach(link => {
+    if (!link.href.includes(window.location.hostname)) {
+      link.setAttribute("target", "_blank");
+      link.setAttribute("rel", "noopener noreferrer");
+    }
+  });
+});