docs: improve related docs links in pinning models page

content/en/videos/getting-started/basics/pinning-models-to-dock.md

@@ -8,6 +8,9 @@ categories: [Designer]
 formats: [video]
 tags: [Dock, Pin, Models, designer]
 duration: "0:57"
+relatedDocs:
+  - kanvas/designer/pin-model-to-dock
+  - kanvas/designer/understanding-tool-modes
 ---
 
 {{< youtube id=8lQ6ed_1Tss class="yt-embed-container" >}}
@@ -22,6 +25,3 @@ There is no limit to the number of models that you can pin to the dock.
 When a model is pinned you can still browse all components or search for a specific component. Drag and drop or click to place a new component into your design.
 
 When you no longer want a model pinned to the dock, you can remove the pin by revisiting the model in its original location and choosing to “remove from dock”.
-
-Related Docs:
-1. https://docs.layer5.io/kanvas/designer/understanding-tool-modes/

layouts/_default/content.html

@@ -11,6 +11,7 @@ <h1>{{ .Title }}</h1>
         {{ partial "plan-info.html" (dict "plan" .) }}
     {{ end }}
 	{{ .Content }}
+	{{ partial "related-docs.html" . }}
 	{{ if (.Site.Config.Services.Disqus.Shortname) -}}
 		<br />
 		{{- partial "disqus-comment.html" . -}}

layouts/partials/related-docs.html

@@ -0,0 +1,13 @@
+{{ with .Params.relatedDocs }}
+<section class="related-docs">
+  <p>Related Docs:</p>
+  <ol start="1">
+    {{ range . }}
+    {{ $relatedPage := $.Site.GetPage . }}
+    {{ if $relatedPage }}
+    <li><a href="{{ $relatedPage.RelPermalink }}">{{ $relatedPage.Title }}</a></li>
+    {{ end }}
+    {{ end }}
+  </ol>
+</section>
+{{ end }}

layouts/shortcodes/relatedDocs.html

@@ -0,0 +1 @@
+{{ partial "related-docs.html" . }}