diff --git a/ARIA/apg/about/about.md b/ARIA/apg/about/about.md
index 5c100d39e..b6dc9b19b 100644
--- a/ARIA/apg/about/about.md
+++ b/ARIA/apg/about/about.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>About</title>
 
-<script src="../shared/js/highlight.pack.js"></script>
-<script src="../shared/js/app.js"></script>
-<script src="../shared/js/skipto.js"></script>
+<script src="../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -342,5 +342,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/apg-home.md b/ARIA/apg/apg-home.md
index c6a24a1c4..c46d2ca1b 100644
--- a/ARIA/apg/apg-home.md
+++ b/ARIA/apg/apg-home.md
@@ -28,7 +28,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 
@@ -61,7 +61,7 @@ lang: en
       </p>
             <a href="patterns/" class="button-link button-link-white">View Patterns</a>
           </div>
-          <img alt="A laptop screen fills with an accessibility icon and emits a checkmark." src="images/index-1.svg">
+          <img alt="A laptop screen fills with an accessibility icon and emits a checkmark." src="../../content-images/wai-aria-practices/images/index-1.svg">
         </div>
       </div>
       <div class="detail-3"></div>
@@ -86,7 +86,7 @@ lang: en
                   <a href="patterns/" aria-label="Learn more about APG patterns and examples" class="button-link">Learn More</a>
                 </div>
                 <div class="resource-item-img">
-                  <img alt="A menagerie of widgets." src="images/index-2.svg">
+                  <img alt="A menagerie of widgets." src="../../content-images/wai-aria-practices/images/index-2.svg">
                 </div>
               </div><div class="resource-item">
                 <div class="resource-item-content">
@@ -97,7 +97,7 @@ lang: en
                   <a href="practices/landmark-regions/" aria-label="Learn more about ARIA landmarks" class="button-link">Learn More</a>
                 </div>
                 <div class="resource-item-img">
-                  <img alt="A document flies apart into chunks." src="images/index-3.svg">
+                  <img alt="A document flies apart into chunks." src="../../content-images/wai-aria-practices/images/index-3.svg">
                 </div>
               </div><div class="resource-item">
                 <div class="resource-item-content">
@@ -108,7 +108,7 @@ lang: en
                   <a href="practices/names-and-descriptions/" aria-label="Learn more about accessible names and descriptions" class="button-link">Learn More</a>
                 </div>
                 <div class="resource-item-img">
-                  <img alt="Indicators delve inside a document." src="images/index-4.svg">
+                  <img alt="Indicators delve inside a document." src="../../content-images/wai-aria-practices/images/index-4.svg">
                 </div>
               </div><div class="resource-item">
                 <div class="resource-item-content">
@@ -119,7 +119,7 @@ lang: en
                   <a class="button-link" href="practices/" aria-label="Learn more about APG practices">Learn More</a>
                 </div>
                 <div class="resource-item-img">
-                  <img alt="A box with an accessibility label is chock full of widgets and document bits." src="images/index-5.svg">
+                  <img alt="A box with an accessibility label is chock full of widgets and document bits." src="../../content-images/wai-aria-practices/images/index-5.svg">
                 </div>
               </div>
       </div>
@@ -140,7 +140,7 @@ lang: en
       <div class="collaboration-items">
         
                   <div class="collaboration-item">
-                    <img alt="An icon showing three nodes connecting." src="images/index-6.svg">
+                    <img alt="An icon showing three nodes connecting." src="../../content-images/wai-aria-practices/images/index-6.svg">
                     <h3>Join the Task Force</h3>
                     <p>
             To join the APG Task Force, individuals need to first join the W3C ARIA Working Group.
@@ -150,7 +150,7 @@ lang: en
                   </div>
                 
                   <div class="collaboration-item">
-                    <img alt="An icon showing two human shapes carrying a burden." src="images/index-7.svg">
+                    <img alt="An icon showing two human shapes carrying a burden." src="../../content-images/wai-aria-practices/images/index-7.svg">
                     <h3>Contribute via GitHub</h3>
                     <p>
             Many valuable contributions are made by people who find or raise issues of interest in our GitHub repository and then submit proposed changes via a GitHub pull request.
@@ -162,7 +162,7 @@ lang: en
 
         <div class="collaboration-item mailing-list-item">
           <div class="collaboration-detail-4 detail-4"></div>
-          <img alt="A notification bell icon appears over an email icon." src="images/index-8.svg">
+          <img alt="A notification bell icon appears over an email icon." src="../../content-images/wai-aria-practices/images/index-8.svg">
           <div>
             <h3>Mailing Lists</h3>
             <p>
@@ -179,5 +179,5 @@ lang: en
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/index/index.md b/ARIA/apg/index/index.md
index fd8fbeef1..2a5d60013 100644
--- a/ARIA/apg/index/index.md
+++ b/ARIA/apg/index/index.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Index</title>
 
-<script src="../shared/js/examples.js"></script>
-<script src="../shared/js/highlight.pack.js"></script>
-<script src="../shared/js/app.js"></script>
+<script src="../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -952,5 +952,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
 
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/accordion/accordion-pattern.md b/ARIA/apg/patterns/accordion/accordion-pattern.md
index fe56ee8fb..2c94f3857 100644
--- a/ARIA/apg/patterns/accordion/accordion-pattern.md
+++ b/ARIA/apg/patterns/accordion/accordion-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Accordion Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -145,5 +145,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/accordion/examples/accordion.md b/ARIA/apg/patterns/accordion/examples/accordion.md
index 800981b70..8793917e3 100644
--- a/ARIA/apg/patterns/accordion/examples/accordion.md
+++ b/ARIA/apg/patterns/accordion/examples/accordion.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/accordion/examples/accordion/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/8'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,12 +23,15 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Accordion Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/accordion.css" />
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/accordion/examples/css/accordion.css"
+/>
 
 
 <link 
@@ -38,7 +41,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -316,8 +319,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/accordion.css" type="tex/css">accordion.css</a></li>
-          <li>JavaScript: <a href="../js/accordion.js" type="text/javascript">accordion.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/accordion/examples/css/accordion.css" type="tex/css">accordion.css</a></li>
+          <li>JavaScript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/accordion/examples/js/accordion.js" type="text/javascript">accordion.js</a></li>
         </ul>
       </section>
 
@@ -332,9 +335,9 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         </script>
       </section>
     </div>
-    <script src="../js/accordion.js"></script>
+    <script src="../../../../../../content-assets/wai-aria-practices/patterns/accordion/examples/js/accordion.js"></script>
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/alert/alert-pattern.md b/ARIA/apg/patterns/alert/alert-pattern.md
index 3266d6369..d876b487d 100644
--- a/ARIA/apg/patterns/alert/alert-pattern.md
+++ b/ARIA/apg/patterns/alert/alert-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Alert Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -101,5 +101,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/alert/examples/alert.md b/ARIA/apg/patterns/alert/examples/alert.md
index 1686212b2..5823a3dcd 100644
--- a/ARIA/apg/patterns/alert/examples/alert.md
+++ b/ARIA/apg/patterns/alert/examples/alert.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alert/examples/alert/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,19 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Alert Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/alert.css" rel="stylesheet" />
-<script src="../js/alert.js" type="text/javascript"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/alert/examples/css/alert.css"
+  rel="stylesheet"
+/>
+<script
+  src="../../../../../../content-assets/wai-aria-practices/patterns/alert/examples/js/alert.js"
+  type="text/javascript"
+></script>
 
 
 <link 
@@ -39,7 +45,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -192,11 +198,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/alert.css" type="tex/css">alert.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/alert/examples/css/alert.css" type="tex/css">alert.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/alert.js" type="text/javascript">alert.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/alert/examples/js/alert.js" type="text/javascript">alert.js</a>
           </li>
         </ul>
       </section>
@@ -215,5 +221,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/alertdialog/alertdialog-pattern.md b/ARIA/apg/patterns/alertdialog/alertdialog-pattern.md
index e86ba9c43..3699e707e 100644
--- a/ARIA/apg/patterns/alertdialog/alertdialog-pattern.md
+++ b/ARIA/apg/patterns/alertdialog/alertdialog-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Alert and Message Dialogs Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -107,5 +107,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md
index 43b0765e5..6573dbd84 100644
--- a/ARIA/apg/patterns/alertdialog/examples/alertdialog.md
+++ b/ARIA/apg/patterns/alertdialog/examples/alertdialog.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/alertdialog/examples/alertdialog/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/20'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,14 +23,17 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Alert Dialog Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/alertdialog.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/alertdialog.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/alertdialog/examples/css/alertdialog.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/alertdialog/examples/js/alertdialog.js"></script>
 
 
 <link 
@@ -40,7 +43,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -295,8 +298,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2 id="src_label">Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/alertdialog.css" type="text/css">alertdialog.css</a></li>
-          <li>Javascript: <a href="../js/alertdialog.js" type="text/javascript">alertdialog.js</a>, <a href="../../../../shared/js/utils.js">utils.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/alertdialog/examples/css/alertdialog.css" type="text/css">alertdialog.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/alertdialog/examples/js/alertdialog.js" type="text/javascript">alertdialog.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a></li>
         </ul>
       </section>
 
@@ -314,5 +317,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/breadcrumb/breadcrumb-pattern.md b/ARIA/apg/patterns/breadcrumb/breadcrumb-pattern.md
index a9bfeb847..82f2c2ad6 100644
--- a/ARIA/apg/patterns/breadcrumb/breadcrumb-pattern.md
+++ b/ARIA/apg/patterns/breadcrumb/breadcrumb-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Breadcrumb Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -96,5 +96,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md
index 411e21692..68909ed33 100644
--- a/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md
+++ b/ARIA/apg/patterns/breadcrumb/examples/breadcrumb.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/breadcrumb/examples/breadcrumb/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,12 +23,15 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Breadcrumb Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/breadcrumb.css" rel="stylesheet" />
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/breadcrumb/examples/css/breadcrumb.css"
+  rel="stylesheet"
+/>
 
 
 <link 
@@ -38,7 +41,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -189,7 +192,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/breadcrumb.css" type="tex/css">breadcrumb.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/breadcrumb/examples/css/breadcrumb.css" type="tex/css">breadcrumb.css</a>
           </li>
         </ul>
       </section>
@@ -208,5 +211,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/button/button-pattern.md b/ARIA/apg/patterns/button/button-pattern.md
index 60ac098e5..8c5b1df7f 100644
--- a/ARIA/apg/patterns/button/button-pattern.md
+++ b/ARIA/apg/patterns/button/button-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Button Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -153,5 +153,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/button/examples/button.md b/ARIA/apg/patterns/button/examples/button.md
index 33b713828..0e9f78ff9 100644
--- a/ARIA/apg/patterns/button/examples/button.md
+++ b/ARIA/apg/patterns/button/examples/button.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Button Examples</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/button.css" />
-<script src="../js/button.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/button/examples/css/button.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/button/examples/js/button.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -244,11 +247,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/button.css" type="text/css">button.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/button/examples/css/button.css" type="text/css">button.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/button.js" type="text/javascript">button.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/button/examples/js/button.js" type="text/javascript">button.js</a>
           </li>
         </ul>
       </section>
@@ -267,5 +270,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/button/examples/button_idl.md b/ARIA/apg/patterns/button/examples/button_idl.md
index e7fb186ac..d3851bc43 100644
--- a/ARIA/apg/patterns/button/examples/button_idl.md
+++ b/ARIA/apg/patterns/button/examples/button_idl.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/button/examples/button_idl/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Button Examples (IDL Version)</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/button.css" />
-<script src="../js/button_idl.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/button/examples/css/button.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/button/examples/js/button_idl.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -257,11 +260,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/button.css" type="text/css">button.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/button/examples/css/button.css" type="text/css">button.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/button_idl.js" type="text/javascript">button_idl.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/button/examples/js/button_idl.js" type="text/javascript">button_idl.js</a>
           </li>
         </ul>
       </section>
@@ -280,5 +283,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/carousel/carousel-pattern.md b/ARIA/apg/patterns/carousel/carousel-pattern.md
index 8494b6df0..7dc81a5c1 100644
--- a/ARIA/apg/patterns/carousel/carousel-pattern.md
+++ b/ARIA/apg/patterns/carousel/carousel-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Carousel (Slide Show or Image Rotator) Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -232,5 +232,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md
index 9a0d56b9c..2780abdfb 100644
--- a/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md
+++ b/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -25,13 +25,16 @@ lang: en
   Auto-Rotating Image Carousel Example with Buttons for Slide Control
 </title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/carousel-prev-next.css" />
-<script src="../js/carousel-prev-next.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/css/carousel-prev-next.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/js/carousel-prev-next.js"></script>
 
 
 <link 
@@ -41,7 +44,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -124,7 +127,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
 
           <label for="rotation-paused">
             <input type="checkbox" id="rotation-paused" value="paused" aria-describedby="rotation-paused-desc">
-            Pause auto-rotation on load (<a href="javascript:history.go(0)"><img class="reload" src="../images/reload-icon.png" alt>reload needed</a>)
+            Pause auto-rotation on load (<a href="javascript:history.go(0)"><img class="reload" src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/reload-icon.png" alt>reload needed</a>)
           </label>
           <p id="rotation-paused-desc">
             This option controls whether the carousel is paused or playing on page load.
@@ -185,7 +188,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item active" role="group" aria-roledescription="slide" aria-label="1 of 6">
                   <div class="carousel-image">
                     <a href="#">
-                      <img src="../images/amsterdamslide__800x600.jpg" alt="Walking Tour in Amsterdam">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/amsterdamslide__800x600.jpg" alt="Walking Tour in Amsterdam">
                     </a>
                   </div>
 
@@ -205,7 +208,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" role="group" aria-roledescription="slide" aria-label="2 of 6">
                   <div class="carousel-image">
                     <a href="#">
-                      <img src="../images/lands-endslide__800x600.jpg" alt="Land&#039;s End in Cornwall">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/lands-endslide__800x600.jpg" alt="Land&#039;s End in Cornwall">
                     </a>
                   </div>
 
@@ -225,7 +228,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" role="group" aria-roledescription="slide" aria-label="3 of 6">
                   <div class="carousel-image">
                     <a href="#">
-                      <img src="../images/trustslide-2__800x600.jpg" alt="Mom and daughter play Daniel Tiger game on notebook computer.">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/trustslide-2__800x600.jpg" alt="Mom and daughter play Daniel Tiger game on notebook computer.">
                     </a>
                   </div>
 
@@ -243,7 +246,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" role="group" aria-roledescription="slide" aria-label="4 of 6">
                   <div class="carousel-image">
                     <a href="#">
-                      <img src="../images/foyleswarslide__800x600.jpg" alt="A man in a suit and fedora and a woman with coiffed hair look sternly into the camera.">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/foyleswarslide__800x600.jpg" alt="A man in a suit and fedora and a woman with coiffed hair look sternly into the camera.">
                     </a>
                   </div>
 
@@ -263,7 +266,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" role="group" aria-roledescription="slide" aria-label="5 of 6">
                   <div class="carousel-image">
                     <a href="#">
-                      <img src="../images/britcomdavidslide__800x600.jpg" alt="British flag with WILL-TV host David Thiel.">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/britcomdavidslide__800x600.jpg" alt="British flag with WILL-TV host David Thiel.">
                     </a>
                   </div>
 
@@ -281,7 +284,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" role="group" aria-roledescription="slide" aria-label="6 of 6">
                   <div class="carousel-image">
                     <a href="#">
-                      <img src="../images/mag800-2__800x600.jpg" alt="Mid-American Gardener panelists on the set">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/mag800-2__800x600.jpg" alt="Mid-American Gardener panelists on the set">
                     </a>
                   </div>
 
@@ -586,8 +589,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/carousel-prev-next.css" type="text/css">carousel-prev-next.css</a></li>
-          <li>Javascript: <a href="../js/carousel-prev-next.js" type="text/javascript">carousel-prev-next.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/css/carousel-prev-next.css" type="text/css">carousel-prev-next.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/js/carousel-prev-next.js" type="text/javascript">carousel-prev-next.js</a></li>
         </ul>
       </section>
 
@@ -605,5 +608,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md
index 5bfeb7979..0a13631b2 100644
--- a/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md
+++ b/ARIA/apg/patterns/carousel/examples/carousel-2-tablist.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/carousel/examples/carousel-2-tablist/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/10'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Auto-Rotating Image Carousel with Tabs for Slide Control Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/carousel-tablist.css" />
-<script src="../js/carousel-tablist.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/css/carousel-tablist.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/js/carousel-tablist.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -124,7 +127,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
 
           <label for="rotation-paused">
             <input type="checkbox" id="rotation-paused" value="paused" aria-describedby="rotation-paused-desc">
-            Pause auto-rotation on load (<a href="javascript:history.go(0)"><img class="reload" src="../images/reload-icon.png" alt>reload needed</a>)
+            Pause auto-rotation on load (<a href="javascript:history.go(0)"><img class="reload" src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/reload-icon.png" alt>reload needed</a>)
           </label>
           <p id="rotation-paused-desc">
             This option controls whether the carousel is paused or playing on page load.
@@ -217,7 +220,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item active" id="carousel-item-1" role="tabpanel" aria-roledescription="slide" aria-label="1 of 6">
                   <div class="carousel-image">
                     <a href="#" id="carousel-image-1">
-                      <img src="../images/amsterdamslide__800x600.jpg" alt="Walking Tour in Amsterdam">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/amsterdamslide__800x600.jpg" alt="Walking Tour in Amsterdam">
                     </a>
                   </div>
 
@@ -237,7 +240,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" id="carousel-item-2" role="tabpanel" aria-roledescription="slide" aria-label="2 of 6">
                   <div class="carousel-image">
                     <a href="#" id="carousel-image-2">
-                      <img src="../images/lands-endslide__800x600.jpg" alt="Land&#039;s End in Cornwall">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/lands-endslide__800x600.jpg" alt="Land&#039;s End in Cornwall">
                     </a>
                   </div>
 
@@ -257,7 +260,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" id="carousel-item-3" role="tabpanel" aria-roledescription="slide" aria-label="3 of 6">
                   <div class="carousel-image">
                     <a href="#!" id="carousel-image-3">
-                      <img src="../images/trustslide-2__800x600.jpg" alt="Mom and daughter play Daniel Tiger game on notebook computer.">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/trustslide-2__800x600.jpg" alt="Mom and daughter play Daniel Tiger game on notebook computer.">
                     </a>
                   </div>
 
@@ -275,7 +278,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" id="carousel-item-4" role="tabpanel" aria-roledescription="slide" aria-label="4 of 6">
                   <div class="carousel-image">
                     <a href="#" id="carousel-image-4">
-                      <img src="../images/foyleswarslide__800x600.jpg" alt="A man in a suit and fedora and a woman with coiffed hair look sternly into the camera.">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/foyleswarslide__800x600.jpg" alt="A man in a suit and fedora and a woman with coiffed hair look sternly into the camera.">
                     </a>
                   </div>
 
@@ -295,7 +298,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" id="carousel-item-5" role="tabpanel" aria-roledescription="slide" aria-label="5 of 6">
                   <div class="carousel-image">
                     <a href="#" id="carousel-image-5">
-                      <img src="../images/britcomdavidslide__800x600.jpg" alt="British flag with WILL-TV host David Thiel.">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/britcomdavidslide__800x600.jpg" alt="British flag with WILL-TV host David Thiel.">
                     </a>
                   </div>
 
@@ -313,7 +316,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
                 <div class="carousel-item" id="carousel-item-6" role="tabpanel" aria-roledescription="slide" aria-label="6 of 6">
                   <div class="carousel-image">
                     <a href="#" id="carousel-image-6">
-                      <img src="../images/mag800-2__800x600.jpg" alt="Mid-American Gardener panelists on the set">
+                      <img src="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/images/mag800-2__800x600.jpg" alt="Mid-American Gardener panelists on the set">
                     </a>
                   </div>
 
@@ -770,8 +773,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/carousel-tablist.css" type="text/css">carousel-tablist.css</a></li>
-          <li>Javascript: <a href="../js/carousel-tablist.js" type="text/javascript">carousel-tablist.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/css/carousel-tablist.css" type="text/css">carousel-tablist.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/carousel/examples/js/carousel-tablist.js" type="text/javascript">carousel-tablist.js</a></li>
         </ul>
       </section>
 
@@ -789,5 +792,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/checkbox/checkbox-pattern.md b/ARIA/apg/patterns/checkbox/checkbox-pattern.md
index 3b2b97206..32e6e9006 100644
--- a/ARIA/apg/patterns/checkbox/checkbox-pattern.md
+++ b/ARIA/apg/patterns/checkbox/checkbox-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Checkbox Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -121,5 +121,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md
index 240ce4aa3..e866f84fc 100644
--- a/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md
+++ b/ARIA/apg/patterns/checkbox/examples/checkbox-mixed.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox-mixed/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Checkbox Example (Mixed-State)</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/checkbox-mixed.css" rel="stylesheet" />
-<script src="../js/checkbox-mixed.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/checkbox/examples/css/checkbox-mixed.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox-mixed.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -270,8 +273,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/checkbox-mixed.css" type="text/css">checkbox-mixed.css</a></li>
-          <li>Javascript: <a href="../js/checkbox-mixed.js" type="text/javascript">checkbox-mixed.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/checkbox/examples/css/checkbox-mixed.css" type="text/css">checkbox-mixed.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox-mixed.js" type="text/javascript">checkbox-mixed.js</a></li>
         </ul>
       </section>
 
@@ -289,5 +292,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/checkbox/examples/checkbox.md b/ARIA/apg/patterns/checkbox/examples/checkbox.md
index ae0d72eb4..b03bbbfef 100644
--- a/ARIA/apg/patterns/checkbox/examples/checkbox.md
+++ b/ARIA/apg/patterns/checkbox/examples/checkbox.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/checkbox/examples/checkbox/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/9'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Checkbox Example (Two State)</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/checkbox.css" rel="stylesheet" />
-<script src="../js/checkbox.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/checkbox/examples/css/checkbox.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -257,8 +260,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/checkbox.css" type="text/css">checkbox.css</a></li>
-          <li>Javascript: <a href="../js/checkbox.js" type="text/javascript">checkbox.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/checkbox/examples/css/checkbox.css" type="text/css">checkbox.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox.js" type="text/javascript">checkbox.js</a></li>
         </ul>
       </section>
 
@@ -277,5 +280,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/combobox/combobox-pattern.md b/ARIA/apg/patterns/combobox/combobox-pattern.md
index 1c9a92f04..a62a4983b 100644
--- a/ARIA/apg/patterns/combobox/combobox-pattern.md
+++ b/ARIA/apg/patterns/combobox/combobox-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Combobox Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -505,5 +505,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md
index 4ecc1e47a..84f3aaf85 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Editable Combobox With Both List and Inline Autocomplete Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/combobox-autocomplete.css" />
-<script src="../js/combobox-autocomplete.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -589,11 +592,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/combobox-autocomplete.css" type="text/css">combobox-autocomplete.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css" type="text/css">combobox-autocomplete.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/combobox-autocomplete.js" type="text/javascript">combobox-autocomplete.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js" type="text/javascript">combobox-autocomplete.js</a>
           </li>
         </ul>
       </section>
@@ -612,5 +615,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md
index 6812af392..807e120af 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Editable Combobox With List Autocomplete Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/combobox-autocomplete.css" rel="stylesheet" />
-<script src="../js/combobox-autocomplete.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -583,11 +586,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/combobox-autocomplete.css" type="text/css">combobox-autocomplete.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css" type="text/css">combobox-autocomplete.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/combobox-autocomplete.js" type="text/javascript">combobox-autocomplete.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js" type="text/javascript">combobox-autocomplete.js</a>
           </li>
         </ul>
       </section>
@@ -606,5 +609,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md
index 76fabf978..6953616ea 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-autocomplete-none/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Editable Combobox without Autocomplete Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/combobox-autocomplete.css" rel="stylesheet" />
-<script src="../js/combobox-autocomplete.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -525,11 +528,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/combobox-autocomplete.css" type="text/css">combobox-autocomplete.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css" type="text/css">combobox-autocomplete.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/combobox-autocomplete.js" type="text/javascript">combobox-autocomplete.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js" type="text/javascript">combobox-autocomplete.js</a>
           </li>
         </ul>
       </section>
@@ -548,5 +551,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md
index 534117cb4..39e5751b4 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-datepicker.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-datepicker/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,10 +23,10 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Date Picker Combobox Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 <link
   rel="stylesheet"
@@ -34,8 +34,11 @@ lang: en
   integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
   crossorigin="anonymous"
 />
-<link href="../css/combobox-datepicker.css" rel="stylesheet" />
-<script src="../js/combobox-datepicker.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-datepicker.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-datepicker.js"></script>
 
 
 <link 
@@ -45,7 +48,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -773,11 +776,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/combobox-datepicker.css" type="text/css">combobox-datepicker.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-datepicker.css" type="text/css">combobox-datepicker.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/combobox-datepicker.js" type="text/javascript">combobox-datepicker.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-datepicker.js" type="text/javascript">combobox-datepicker.js</a>
           </li>
         </ul>
       </section>
@@ -796,5 +799,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md
index 2acc46a0e..bf09304f6 100644
--- a/ARIA/apg/patterns/combobox/examples/combobox-select-only.md
+++ b/ARIA/apg/patterns/combobox/examples/combobox-select-only.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/combobox-select-only/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Select-Only Combobox Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/select-only.css" rel="stylesheet" />
-<script src="../js/select-only.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/select-only.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/select-only.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -465,11 +468,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/select-only.css" type="text/css">select-only.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/select-only.css" type="text/css">select-only.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/select-only.js" type="text/javascript">select-only.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/select-only.js" type="text/javascript">select-only.js</a>
           </li>
         </ul>
       </section>
@@ -488,5 +491,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/combobox/examples/grid-combo.md b/ARIA/apg/patterns/combobox/examples/grid-combo.md
index 4f4cbc2fc..3197d1dc8 100644
--- a/ARIA/apg/patterns/combobox/examples/grid-combo.md
+++ b/ARIA/apg/patterns/combobox/examples/grid-combo.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/combobox/examples/grid-combo/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/7'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,15 +23,18 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Editable Combobox with Grid Popup Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/grid-combo.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/grid-combo.js"></script>
-<script src="../js/grid-combo-example.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/grid-combo.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/grid-combo.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/grid-combo-example.js"></script>
 
 
 <link 
@@ -41,7 +44,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -448,8 +451,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/grid-combo.css" type="tex/css">grid-combo.css</a></li>
-          <li>Javascript: <a href="../js/grid-combo.js">grid-combo.js</a>, <a href="../js/grid-combo-example.js">grid-combo-example.js</a>, <a href="../../../../shared/js/utils.js">utils.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/css/grid-combo.css" type="tex/css">grid-combo.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/grid-combo.js">grid-combo.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/combobox/examples/js/grid-combo-example.js">grid-combo-example.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a></li>
         </ul>
       </section>
 
@@ -467,5 +470,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/dialog-modal/dialog-modal-pattern.md b/ARIA/apg/patterns/dialog-modal/dialog-modal-pattern.md
index 22d9b0ccc..237899501 100644
--- a/ARIA/apg/patterns/dialog-modal/dialog-modal-pattern.md
+++ b/ARIA/apg/patterns/dialog-modal/dialog-modal-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Dialog (Modal) Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -208,5 +208,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md
index b4ddb6801..5ded31b28 100644
--- a/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md
+++ b/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/27'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,10 +23,10 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Date Picker Dialog Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 <link
   rel="stylesheet"
@@ -34,8 +34,11 @@ lang: en
   integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
   crossorigin="anonymous"
 />
-<link href="../css/datepicker-dialog.css" rel="stylesheet" />
-<script src="../js/datepicker-dialog.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/dialog-modal/examples/css/datepicker-dialog.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/dialog-modal/examples/js/datepicker-dialog.js"></script>
 
 
 <link 
@@ -45,7 +48,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -707,11 +710,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/datepicker-dialog.css" type="text/css">datepicker-dialog.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/dialog-modal/examples/css/datepicker-dialog.css" type="text/css">datepicker-dialog.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/datepicker-dialog.js" type="text/javascript">datepicker-dialog.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/dialog-modal/examples/js/datepicker-dialog.js" type="text/javascript">datepicker-dialog.js</a>
           </li>
         </ul>
       </section>
@@ -730,5 +733,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/dialog-modal/examples/dialog.md b/ARIA/apg/patterns/dialog-modal/examples/dialog.md
index 1a87eaf6a..269f092e9 100644
--- a/ARIA/apg/patterns/dialog-modal/examples/dialog.md
+++ b/ARIA/apg/patterns/dialog-modal/examples/dialog.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/dialog-modal/examples/dialog/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/6'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,14 +23,17 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Modal Dialog Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/dialog.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/dialog.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/dialog-modal/examples/css/dialog.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/dialog-modal/examples/js/dialog.js"></script>
 
 
 <link 
@@ -40,7 +43,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -401,12 +404,12 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/dialog.css" type="text/css">dialog.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/dialog-modal/examples/css/dialog.css" type="text/css">dialog.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/dialog.js" type="text/javascript">dialog.js</a>,
-            <a href="../../../../shared/js/utils.js">utils.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/dialog-modal/examples/js/dialog.js" type="text/javascript">dialog.js</a>,
+            <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a>
           </li>
         </ul>
       </section>
@@ -425,5 +428,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/disclosure/disclosure-pattern.md b/ARIA/apg/patterns/disclosure/disclosure-pattern.md
index b87b7a152..7e6c844de 100644
--- a/ARIA/apg/patterns/disclosure/disclosure-pattern.md
+++ b/ARIA/apg/patterns/disclosure/disclosure-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Disclosure (Show/Hide) Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -108,5 +108,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md
index 88713ed7e..458c7f1cb 100644
--- a/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md
+++ b/ARIA/apg/patterns/disclosure/examples/disclosure-faq.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-faq/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -25,13 +25,16 @@ lang: en
   Example Disclosure (Show/Hide) for Answers to Frequently Asked Questions
 </title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/disclosure-faq.css" rel="stylesheet" />
-<script src="../js/disclosure-button.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-faq.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosure-button.js"></script>
 
 
 <link 
@@ -41,7 +44,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -284,11 +287,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/disclosure-faq.css" type="tex/css">disclosure-faq.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-faq.css" type="tex/css">disclosure-faq.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/disclosure-button.js" type="text/javascript">disclosureButton.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosure-button.js" type="text/javascript">disclosureButton.js</a>
           </li>
         </ul>
       </section>
@@ -307,5 +310,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md
index 41b3331ac..3525adce1 100644
--- a/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md
+++ b/ARIA/apg/patterns/disclosure/examples/disclosure-image-description.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-image-description/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Example Disclosure (Show/Hide) for Image Description</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/disclosure-image-description.css" rel="stylesheet" />
-<script src="../js/disclosure-button.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-image-description.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosure-button.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -119,7 +122,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
         <div id="ex1">
           <figure>
-            <img src="../images/minard.png" alt="Charles Minard's 1869 chart showing the number of men in Napoleon’s 1812 Russian campaign army, their movements, as well as the temperature they encountered on the return path.">
+            <img src="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/images/minard.png" alt="Charles Minard's 1869 chart showing the number of men in Napoleon’s 1812 Russian campaign army, their movements, as well as the temperature they encountered on the return path.">
             <figcaption>
               <p>
                 Figurative Map of the successive losses in men of the French Army in the Russian campaign 1812-1813.
@@ -421,11 +424,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/disclosure-image-description.css" type="tex/css">disclosure-img-long-description.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-image-description.css" type="tex/css">disclosure-img-long-description.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/disclosure-button.js" type="text/javascript">disclosureButton.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosure-button.js" type="text/javascript">disclosureButton.js</a>
           </li>
         </ul>
       </section>
@@ -444,5 +447,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md
index c521ac289..bd76011bc 100644
--- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md
+++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Example Disclosure Navigation Menu with Top-Level Links</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/disclosure-navigation.css" rel="stylesheet" />
-<script src="../js/disclosureMenu.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-navigation.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosureMenu.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -425,11 +428,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/disclosure-navigation.css" type="tex/css">disclosure-navigation.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-navigation.css" type="tex/css">disclosure-navigation.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/disclosureMenu.js" type="text/javascript">disclosureMenu.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosureMenu.js" type="text/javascript">disclosureMenu.js</a>
           </li>
         </ul>
       </section>
@@ -448,5 +451,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md
index 1d7cd6090..d81d338c3 100644
--- a/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md
+++ b/ARIA/apg/patterns/disclosure/examples/disclosure-navigation.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/disclosure/examples/disclosure-navigation/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Example Disclosure Navigation Menu</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/disclosure-navigation.css" rel="stylesheet" />
-<script src="../js/disclosureMenu.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-navigation.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosureMenu.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -419,11 +422,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/disclosure-navigation.css">disclosure-navigation.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-navigation.css">disclosure-navigation.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/disclosureMenu.js">disclosureMenu.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosureMenu.js">disclosureMenu.js</a>
           </li>
         </ul>
       </section>
@@ -442,5 +445,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/feed/examples/feed.md b/ARIA/apg/patterns/feed/examples/feed.md
index f382203f3..089fa52f1 100644
--- a/ARIA/apg/patterns/feed/examples/feed.md
+++ b/ARIA/apg/patterns/feed/examples/feed.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/feed/examples/feed/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/19'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/19'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,10 +23,10 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Feed Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -36,7 +36,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -112,7 +112,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <h2 id="ex_label">Example</h2>
         <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
         <div id="ex1">
-          <p>The example feed experience is presented on a separate <a href="../feedDisplay.html">feed display page.</a></p>
+          <p>The example feed experience is presented on a separate <a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/feedDisplay.html">feed display page.</a></p>
         </div>
         <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
       </section>
@@ -261,18 +261,18 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <h2>Javascript and CSS Source Code</h2>
         <p>The following Javascript and CSS is used by the feedDisplay.html page:</p>
         <ul>
-          <li><a href="../css/feedDisplay.css" type="tex/css">feedDisplay.css</a></li>
-          <li>Javascript: <a href="../js/feed.js" type="text/javascript">feed.js</a>, <a href="../js/feedDisplay.js" type="text/javascript">feedDisplay.js</a>, <a href="../js/main.js" type="text/javascript">main.js</a>, <a href="../../../../shared/js/utils.js">utils.js</a></li>
+          <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/css/feedDisplay.css" type="tex/css">feedDisplay.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/js/feed.js" type="text/javascript">feed.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/js/feedDisplay.js" type="text/javascript">feedDisplay.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/js/main.js" type="text/javascript">main.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a></li>
         </ul>
       </section>
 
       <section>
         <h2 id="sc1_label">HTML Source Code</h2>
-        <p>Please open <a href="../feedDisplay.html">feedDisplay.html</a> and view source.</p>
+        <p>Please open <a href="../../../../../../content-assets/wai-aria-practices/patterns/feed/examples/feedDisplay.html">feedDisplay.html</a> and view source.</p>
       </section>
     </div>
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/feed/feed-pattern.md b/ARIA/apg/patterns/feed/feed-pattern.md
index a355d4ded..275cf3fb1 100644
--- a/ARIA/apg/patterns/feed/feed-pattern.md
+++ b/ARIA/apg/patterns/feed/feed-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Feed Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -179,5 +179,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/grid/examples/LayoutGrids.md b/ARIA/apg/patterns/grid/examples/LayoutGrids.md
index 5390d6176..2d1ea9da1 100644
--- a/ARIA/apg/patterns/grid/examples/LayoutGrids.md
+++ b/ARIA/apg/patterns/grid/examples/LayoutGrids.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/grid/examples/LayoutGrids/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,15 +23,18 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Layout Grid Examples</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/layoutGrids.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/dataGrid.js"></script>
-<script src="../js/layoutGrids.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/css/layoutGrids.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrid.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/layoutGrids.js"></script>
 
 
 <link 
@@ -41,7 +44,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -145,7 +148,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
             <div id="grid-nux" class="grid-nux hidden" role="region" aria-label="Grid Instructions" tabindex="0">
               <p class="grid-nux-header">Move keyboard focus inside a grid with arrow keys.</p>
               <p class="indicator_description">
-                <img src="../imgs/black_keys.png" width="100" alt="Arrow keypad" class="indicator_graphic">
+                <img src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/imgs/black_keys.png" width="100" alt="Arrow keypad" class="indicator_graphic">
               </p>
               <p>
                 This focus ring means arrow key navigation is available.
@@ -719,15 +722,15 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
           <li>
             CSS:
             <ul>
-              <li><a href="../css/layoutGrids.css" type="tex/css">layoutGrids.css</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/css/layoutGrids.css" type="tex/css">layoutGrids.css</a></li>
             </ul>
           </li>
           <li>
             JavaScript:
             <ul>
-              <li><a href="../js/layoutGrids.js" type="text/javascript">layoutGrids.js</a></li>
-              <li><a href="../js/dataGrid.js" type="text/javascript">dataGrid.js</a></li>
-              <li><a href="../../../../shared/js/utils.js">utils.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/layoutGrids.js" type="text/javascript">layoutGrids.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrid.js" type="text/javascript">dataGrid.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a></li>
             </ul>
           </li>
         </ul>
@@ -767,5 +770,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/grid/examples/advancedDataGrid.md b/ARIA/apg/patterns/grid/examples/advancedDataGrid.md
index 472341353..ea4f56334 100644
--- a/ARIA/apg/patterns/grid/examples/advancedDataGrid.md
+++ b/ARIA/apg/patterns/grid/examples/advancedDataGrid.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/grid/examples/advancedDataGrid/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,17 +23,23 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Advanced Data Grid Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/menuButton.css" rel="stylesheet" />
-<link href="../css/dataGrids.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/menuButton.js"></script>
-<script src="../js/dataGrid.js"></script>
-<script src="../js/dataGrids.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/css/menuButton.css"
+  rel="stylesheet"
+/>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/css/dataGrids.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/menuButton.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrid.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrids.js"></script>
 
 
 <link 
@@ -43,7 +49,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -210,5 +216,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/grid/examples/dataGrids.md b/ARIA/apg/patterns/grid/examples/dataGrids.md
index b9bbcf3a7..558c156b3 100644
--- a/ARIA/apg/patterns/grid/examples/dataGrids.md
+++ b/ARIA/apg/patterns/grid/examples/dataGrids.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/grid/examples/dataGrids/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/15'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,17 +23,23 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Data Grid Examples</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/menuButton.css" rel="stylesheet" />
-<link href="../css/dataGrids.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/menuButton.js"></script>
-<script src="../js/dataGrid.js"></script>
-<script src="../js/dataGrids.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/css/menuButton.css"
+  rel="stylesheet"
+/>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/css/dataGrids.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/menuButton.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrid.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrids.js"></script>
 
 
 <link 
@@ -43,7 +49,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -820,17 +826,17 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
           <li>
             CSS:
             <ul>
-              <li><a href="../css/dataGrids.css" type="tex/css">dataGrids.css</a></li>
-              <li><a href="../css/menuButton.css" type="tex/css">menuButton.css</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/css/dataGrids.css" type="tex/css">dataGrids.css</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/css/menuButton.css" type="tex/css">menuButton.css</a></li>
             </ul>
           </li>
           <li>
             JavaScript:
             <ul>
-              <li><a href="../js/dataGrid.js" type="text/javascript">dataGrid.js</a></li>
-              <li><a href="../js/dataGrids.js" type="text/javascript">dataGrids.js</a></li>
-              <li><a href="../js/menuButton.js" type="text/javascript">menuButton.js</a></li>
-              <li><a href="../../../../shared/js/utils.js">utils.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrid.js" type="text/javascript">dataGrid.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrids.js" type="text/javascript">dataGrids.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/grid/examples/js/menuButton.js" type="text/javascript">menuButton.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a></li>
             </ul>
           </li>
         </ul>
@@ -870,5 +876,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/grid/grid-pattern.md b/ARIA/apg/patterns/grid/grid-pattern.md
index 2257724e4..02eac03b5 100644
--- a/ARIA/apg/patterns/grid/grid-pattern.md
+++ b/ARIA/apg/patterns/grid/grid-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Grid (Interactive Tabular Data or Layout Container) Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -467,5 +467,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/link/examples/link.md b/ARIA/apg/patterns/link/examples/link.md
index eefaf635f..9a6e86abb 100644
--- a/ARIA/apg/patterns/link/examples/link.md
+++ b/ARIA/apg/patterns/link/examples/link.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/link/examples/link/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/21'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Link Examples</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/link.css" rel="stylesheet" />
-<script src="../js/link.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/link/examples/css/link.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/link/examples/js/link.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -134,7 +137,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
               </th>
               <td><code>img</code> element with <code>alt</code> attribute.</td>
               <td id="ex2">
-                <img tabindex="0" role="link" onclick="goToLink(event, 'https://www.w3.org/')" onkeydown="goToLink(event, 'https://www.w3.org/')" src="../images/w3c-logo.svg" alt="W3C Website">
+                <img tabindex="0" role="link" onclick="goToLink(event, 'https://www.w3.org/')" onkeydown="goToLink(event, 'https://www.w3.org/')" src="../../../../../../content-assets/wai-aria-practices/patterns/link/examples/images/w3c-logo.svg" alt="W3C Website">
               </td>
             </tr>
             <tr>
@@ -219,11 +222,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/link.css" type="tex/css">link.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/link/examples/css/link.css" type="tex/css">link.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/link.js" type="text/javascript">link.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/link/examples/js/link.js" type="text/javascript">link.js</a>
           </li>
         </ul>
       </section>
@@ -253,5 +256,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/link/link-pattern.md b/ARIA/apg/patterns/link/link-pattern.md
index f6ca63ae0..206c35544 100644
--- a/ARIA/apg/patterns/link/link-pattern.md
+++ b/ARIA/apg/patterns/link/link-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Link Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -97,5 +97,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md
index 20f6c3ef0..bfb978f7f 100644
--- a/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md
+++ b/ARIA/apg/patterns/listbox/examples/listbox-collapsible.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-collapsible/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,15 +23,18 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>(Deprecated) Collapsible Dropdown Listbox Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/listbox.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/listbox.js"></script>
-<script src="../js/listbox-collapsible.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js"></script>
 
 
 <link 
@@ -41,7 +44,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -364,11 +367,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/listbox.css" type="tex/css">listbox.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css" type="tex/css">listbox.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../js/listbox-collapsible.js" type="text/javascript">listbox-collapsible.js</a>, <a href="../../../../shared/js/utils.js">utils.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js" type="text/javascript">listbox-collapsible.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a>
           </li>
         </ul>
       </section>
@@ -387,5 +390,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md
index 924005ba0..67d19e400 100644
--- a/ARIA/apg/patterns/listbox/examples/listbox-grouped.md
+++ b/ARIA/apg/patterns/listbox/examples/listbox-grouped.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-grouped/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,15 +23,18 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Listbox Example with Grouped Options</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/listbox.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/listbox.js"></script>
-<script src="../js/listbox-scrollable.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js"></script>
 
 
 <link 
@@ -41,7 +44,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -288,11 +291,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/listbox.css" type="tex/css">listbox.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css" type="tex/css">listbox.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../js/listbox-scrollable.js" type="text/javascript">listbox-scrollable.js</a>, <a href="../../../../shared/js/utils.js">utils.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js" type="text/javascript">listbox-scrollable.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a>
           </li>
         </ul>
       </section>
@@ -311,5 +314,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md
index e4af07e8e..24ae5a861 100644
--- a/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md
+++ b/ARIA/apg/patterns/listbox/examples/listbox-rearrangeable.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-rearrangeable/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,16 +23,19 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Example Listboxes with Rearrangeable Options</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/listbox.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/listbox.js"></script>
-<script src="../js/toolbar.js"></script>
-<script src="../js/listbox-rearrangeable.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js"></script>
 
 
 <link 
@@ -42,7 +45,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -476,11 +479,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/listbox.css" type="tex/css">listbox.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css" type="tex/css">listbox.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../js/toolbar.js" type="text/javascript">toolbar.js</a>, <a href="../js/listbox-rearrangeable.js" type="text/javascript">listbox-rearrangeable.js</a>, <a href="../../../../shared/js/utils.js">utils.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js" type="text/javascript">toolbar.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js" type="text/javascript">listbox-rearrangeable.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a>
           </li>
         </ul>
       </section>
@@ -510,5 +513,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md
index b1ec442b4..98f49ea31 100644
--- a/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md
+++ b/ARIA/apg/patterns/listbox/examples/listbox-scrollable.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/listbox/examples/listbox-scrollable/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/13'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,15 +23,18 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Scrollable Listbox Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/listbox.css" rel="stylesheet" />
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../js/listbox.js"></script>
-<script src="../js/listbox-scrollable.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js"></script>
 
 
 <link 
@@ -41,7 +44,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -283,11 +286,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/listbox.css" type="tex/css">listbox.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css" type="tex/css">listbox.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../js/listbox-scrollable.js" type="text/javascript">listbox-scrollable.js</a>, <a href="../../../../shared/js/utils.js">utils.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js" type="text/javascript">listbox.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js" type="text/javascript">listbox-scrollable.js</a>, <a href="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js">utils.js</a>
           </li>
         </ul>
       </section>
@@ -306,5 +309,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/listbox/listbox-pattern.md b/ARIA/apg/patterns/listbox/listbox-pattern.md
index a0e3a1241..1c67a7f79 100644
--- a/ARIA/apg/patterns/listbox/listbox-pattern.md
+++ b/ARIA/apg/patterns/listbox/listbox-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Listbox Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -315,5 +315,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md
index b92352492..6aea92a81 100644
--- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md
+++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-descendant.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions-active-de
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Actions Menu Button Example Using aria-activedescendant</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/menu-button-actions.css" rel="stylesheet" />
-<script src="../js/menu-button-actions-active-descendant.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-actions.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-actions-active-descendant.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -404,8 +407,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <h2>Javascript and CSS Source Code</h2>
 
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/menu-button-actions.css" type="text/css">menu-button-actions.css</a></li>
-          <li>Javascript: <a href="../js/menu-button-actions-active-descendant.js" type="text/javascript">menu-button-actions-active-descendant.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-actions.css" type="text/css">menu-button-actions.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-actions-active-descendant.js" type="text/javascript">menu-button-actions-active-descendant.js</a></li>
         </ul>
       </section>
 
@@ -423,5 +426,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md
index 2d8bacd8a..7094e00e4 100644
--- a/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md
+++ b/ARIA/apg/patterns/menu-button/examples/menu-button-actions.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-actions/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Actions Menu Button Example Using element.focus()</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/menu-button-actions.css" rel="stylesheet" />
-<script src="../js/menu-button-actions.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-actions.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-actions.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -383,8 +386,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <h2>Javascript and CSS Source Code</h2>
 
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/menu-button-actions.css" type="text/css">menu-button-actions.css</a></li>
-          <li>Javascript: <a href="../js/menu-button-actions.js" type="text/javascript">menu-button-actions.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-actions.css" type="text/css">menu-button-actions.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-actions.js" type="text/javascript">menu-button-actions.js</a></li>
         </ul>
       </section>
 
@@ -402,5 +405,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md
index 8f1d36d73..dafc4318d 100644
--- a/ARIA/apg/patterns/menu-button/examples/menu-button-links.md
+++ b/ARIA/apg/patterns/menu-button/examples/menu-button-links.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menu-button/examples/menu-button-links/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Navigation Menu Button Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/menu-button-links.css" rel="stylesheet" />
-<script src="../js/menu-button-links.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-links.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-links.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -407,8 +410,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <h2>Javascript and CSS Source Code</h2>
 
         <ul id="cssJsFiles">
-          <li>CSS: <a href="../css/menu-button-links.css" type="text/css">menu-button-links.css</a></li>
-          <li>Javascript: <a href="../js/menu-button-links.js" type="text/javascript">menu-button-links.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-links.css" type="text/css">menu-button-links.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-links.js" type="text/javascript">menu-button-links.js</a></li>
         </ul>
       </section>
 
@@ -426,5 +429,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/menu-button/menu-button-pattern.md b/ARIA/apg/patterns/menu-button/menu-button-pattern.md
index 4562b3f82..632403c8c 100644
--- a/ARIA/apg/patterns/menu-button/menu-button-pattern.md
+++ b/ARIA/apg/patterns/menu-button/menu-button-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Menu Button Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -118,5 +118,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/menubar/examples/menubar-editor.md b/ARIA/apg/patterns/menubar/examples/menubar-editor.md
index 8cb455a89..a6793785a 100644
--- a/ARIA/apg/patterns/menubar/examples/menubar-editor.md
+++ b/ARIA/apg/patterns/menubar/examples/menubar-editor.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-editor/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,14 +23,17 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Editor Menubar Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/menubar-editor.css" rel="stylesheet" />
-<script src="../js/menubar-editor.js"></script>
-<script src="../js/style-manager.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/css/menubar-editor.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/js/menubar-editor.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/js/style-manager.js"></script>
 
 
 <link 
@@ -40,7 +43,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -840,10 +843,10 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/menubar-editor.css" type="tex/css">menubar-editor.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/css/menubar-editor.css" type="tex/css">menubar-editor.css</a>
           </li>
-          <li>Javascript: <a href="../js/menubar-editor.js" type="text/javascript">menubar-editor.js</a></li>
-          <li>Javascript: <a href="../js/style-manager.js" type="text/javascript">style-manager.js</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/js/menubar-editor.js" type="text/javascript">menubar-editor.js</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/js/style-manager.js" type="text/javascript">style-manager.js</a></li>
         </ul>
       </section>
 
@@ -861,5 +864,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md
index 607dab24e..adceb6c9e 100644
--- a/ARIA/apg/patterns/menubar/examples/menubar-navigation.md
+++ b/ARIA/apg/patterns/menubar/examples/menubar-navigation.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/menubar/examples/menubar-navigation/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/5'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Navigation Menubar Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/menubar-navigation.css" rel="stylesheet" />
-<script src="../js/menubar-navigation.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/css/menubar-navigation.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/js/menubar-navigation.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -871,8 +874,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/menubar-navigation.css" type="tex/css">menubar-navigation.css</a></li>
-          <li>Javascript: <a href="../js/menubar-navigation.js" type="text/javascript">menubar-navigation.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/css/menubar-navigation.css" type="tex/css">menubar-navigation.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/menubar/examples/js/menubar-navigation.js" type="text/javascript">menubar-navigation.js</a></li>
         </ul>
       </section>
 
@@ -890,5 +893,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/menubar/menu-and-menubar-pattern.md b/ARIA/apg/patterns/menubar/menu-and-menubar-pattern.md
index f63f6a0eb..6b338b9da 100644
--- a/ARIA/apg/patterns/menubar/menu-and-menubar-pattern.md
+++ b/ARIA/apg/patterns/menubar/menu-and-menubar-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Menu and Menubar Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -291,5 +291,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/meter/examples/meter.md b/ARIA/apg/patterns/meter/examples/meter.md
index 191a4af51..6a9054b36 100644
--- a/ARIA/apg/patterns/meter/examples/meter.md
+++ b/ARIA/apg/patterns/meter/examples/meter.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/meter/examples/meter/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/30'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,10 +23,10 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Meter Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 <link
   rel="stylesheet"
@@ -34,8 +34,11 @@ lang: en
   integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
   crossorigin="anonymous"
 />
-<link rel="stylesheet" href="../css/meter.css" />
-<script src="../js/meter.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/meter/examples/css/meter.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/meter/examples/js/meter.js"></script>
 
 
 <link 
@@ -45,7 +48,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -193,11 +196,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/meter.css" type="text/css">meter.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/meter/examples/css/meter.css" type="text/css">meter.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/meter.js" type="text/javascript">meter.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/meter/examples/js/meter.js" type="text/javascript">meter.js</a>
           </li>
         </ul>
       </section>
@@ -216,5 +219,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/meter/meter-pattern.md b/ARIA/apg/patterns/meter/meter-pattern.md
index d2ad7d372..cbf0ba6e7 100644
--- a/ARIA/apg/patterns/meter/meter-pattern.md
+++ b/ARIA/apg/patterns/meter/meter-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Meter Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -112,5 +112,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/patterns.md b/ARIA/apg/patterns/patterns.md
index 01ede6b45..90e378ead 100644
--- a/ARIA/apg/patterns/patterns.md
+++ b/ARIA/apg/patterns/patterns.md
@@ -28,7 +28,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 
@@ -472,5 +472,5 @@ lang: en
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md
index 474aa0441..38c898b0c 100644
--- a/ARIA/apg/patterns/radio/examples/radio-activedescendant.md
+++ b/ARIA/apg/patterns/radio/examples/radio-activedescendant.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-activedescendant/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Radio Group Example Using aria-activedescendant</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/radio.css" />
-<script src="../js/radio-activedescendant.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/css/radio.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/js/radio-activedescendant.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -315,8 +318,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/radio.css" type="tex/css">radio.css</a></li>
-          <li>Javascript: <a href="../js/radio-activedescendant.js" type="text/javascript">radio-activedescendant.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/css/radio.css" type="tex/css">radio.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/js/radio-activedescendant.js" type="text/javascript">radio-activedescendant.js</a></li>
         </ul>
       </section>
 
@@ -334,5 +337,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/radio/examples/radio-rating.md b/ARIA/apg/patterns/radio/examples/radio-rating.md
index e958e5f3d..ffb639b72 100644
--- a/ARIA/apg/patterns/radio/examples/radio-rating.md
+++ b/ARIA/apg/patterns/radio/examples/radio-rating.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio-rating/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Rating Radio Group Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/radio-rating.css" />
-<script src="../js/radio-rating.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/css/radio-rating.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/js/radio-rating.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -345,8 +348,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/radio-rating.css" type="text/css">radio-rating.css</a></li>
-          <li>Javascript: <a href="../js/radio-rating.js" type="text/javascript">radio-rating.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/css/radio-rating.css" type="text/css">radio-rating.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/js/radio-rating.js" type="text/javascript">radio-rating.js</a></li>
         </ul>
       </section>
 
@@ -364,5 +367,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/radio/examples/radio.md b/ARIA/apg/patterns/radio/examples/radio.md
index 6448d1021..53c64be0f 100644
--- a/ARIA/apg/patterns/radio/examples/radio.md
+++ b/ARIA/apg/patterns/radio/examples/radio.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/radio/examples/radio/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/22'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Radio Group Example Using Roving tabindex</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/radio.css" />
-<script src="../js/radio.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/css/radio.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/js/radio.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -316,8 +319,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/radio.css">radio.css</a></li>
-          <li>Javascript: <a href="../js/radio.js">radio.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/css/radio.css">radio.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/radio/examples/js/radio.js">radio.js</a></li>
         </ul>
       </section>
 
@@ -335,5 +338,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/radio/radio-group-pattern.md b/ARIA/apg/patterns/radio/radio-group-pattern.md
index f38106c4a..8d2b33acc 100644
--- a/ARIA/apg/patterns/radio/radio-group-pattern.md
+++ b/ARIA/apg/patterns/radio/radio-group-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Radio Group Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -180,5 +180,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md
index cad2e4880..1def1b69d 100644
--- a/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md
+++ b/ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider-multithumb/examples/slider-multithumb/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,19 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Horizontal Multi-Thumb Slider Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/slider-multithumb.css" />
-<script src="../js/slider-multithumb.js" type="text/javascript"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/slider-multithumb/examples/css/slider-multithumb.css"
+/>
+<script
+  src="../../../../../../content-assets/wai-aria-practices/patterns/slider-multithumb/examples/js/slider-multithumb.js"
+  type="text/javascript"
+></script>
 
 
 <link 
@@ -39,7 +45,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -322,8 +328,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/slider-multithumb.css" type="tex/css">slider-multithumb.css</a></li>
-          <li>Javascript: <a href="../js/slider-multithumb.js" type="text/javascript">slider-multithumb.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider-multithumb/examples/css/slider-multithumb.css" type="tex/css">slider-multithumb.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider-multithumb/examples/js/slider-multithumb.js" type="text/javascript">slider-multithumb.js</a></li>
         </ul>
       </section>
 
@@ -341,5 +347,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/slider-multithumb/slider-multithumb-pattern.md b/ARIA/apg/patterns/slider-multithumb/slider-multithumb-pattern.md
index b7bf2ecad..61236798b 100644
--- a/ARIA/apg/patterns/slider-multithumb/slider-multithumb-pattern.md
+++ b/ARIA/apg/patterns/slider-multithumb/slider-multithumb-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Slider (Multi-Thumb) Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -128,5 +128,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md
index acf97d8ed..a3f13308e 100644
--- a/ARIA/apg/patterns/slider/examples/slider-color-viewer.md
+++ b/ARIA/apg/patterns/slider/examples/slider-color-viewer.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-color-viewer/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,17 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Color Viewer Slider Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" type="text/css" href="../css/slider-color-viewer.css" />
-<script src="../js/slider-color-viewer.js"></script>
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/css/slider-color-viewer.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/js/slider-color-viewer.js"></script>
 
 
 <link 
@@ -39,7 +43,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -362,8 +366,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/slider-color-viewer.css" type="text/css">slider-color-viewer.css</a></li>
-          <li>Javascript: <a href="../js/slider-color-viewer.js" type="text/javascript">slider-color-viewer.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/css/slider-color-viewer.css" type="text/css">slider-color-viewer.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/js/slider-color-viewer.js" type="text/javascript">slider-color-viewer.js</a></li>
         </ul>
       </section>
 
@@ -381,5 +385,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/slider/examples/slider-rating.md b/ARIA/apg/patterns/slider/examples/slider-rating.md
index c4e590794..0bb31f06a 100644
--- a/ARIA/apg/patterns/slider/examples/slider-rating.md
+++ b/ARIA/apg/patterns/slider/examples/slider-rating.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-rating/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,17 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Rating Slider Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" type="text/css" href="../css/slider-rating.css" />
-<script src="../js/slider-rating.js"></script>
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/css/slider-rating.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/js/slider-rating.js"></script>
 
 
 <link 
@@ -39,7 +43,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -344,8 +348,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/slider-rating.css" type="text/css">slider-rating.css</a></li>
-          <li>Javascript: <a href="../js/slider-rating.js" type="text/javascript">slider-rating.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/css/slider-rating.css" type="text/css">slider-rating.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/js/slider-rating.js" type="text/javascript">slider-rating.js</a></li>
         </ul>
       </section>
 
@@ -363,5 +367,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/slider/examples/slider-seek.md b/ARIA/apg/patterns/slider/examples/slider-seek.md
index 899c91b40..772a33ba6 100644
--- a/ARIA/apg/patterns/slider/examples/slider-seek.md
+++ b/ARIA/apg/patterns/slider/examples/slider-seek.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-seek/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Media Seek Slider Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/slider-seek.css" />
-<script src="../js/slider-seek.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/css/slider-seek.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/js/slider-seek.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -369,8 +372,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/slider-seek.css" type="text/css">slider-seek.css</a></li>
-          <li>Javascript: <a href="../js/slider-seek.js" type="text/javascript">slider-seek.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/css/slider-seek.css" type="text/css">slider-seek.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/js/slider-seek.js" type="text/javascript">slider-seek.js</a></li>
         </ul>
       </section>
 
@@ -388,5 +391,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/slider/examples/slider-temperature.md b/ARIA/apg/patterns/slider/examples/slider-temperature.md
index 4cf030019..bdc85ef8d 100644
--- a/ARIA/apg/patterns/slider/examples/slider-temperature.md
+++ b/ARIA/apg/patterns/slider/examples/slider-temperature.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/slider/examples/slider-temperature/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/3'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Vertical Temperature Slider Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link rel="stylesheet" href="../css/slider-temperature.css" />
-<script src="../js/slider-temperature.js"></script>
+<link
+  rel="stylesheet"
+  href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/css/slider-temperature.css"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/js/slider-temperature.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -350,8 +353,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/slider-temperature.css" type="text/css">slider-temperature.css</a></li>
-          <li>Javascript: <a href="../js/slider-temperature.js" type="text/javascript">slider-temperature.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/css/slider-temperature.css" type="text/css">slider-temperature.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/slider/examples/js/slider-temperature.js" type="text/javascript">slider-temperature.js</a></li>
         </ul>
       </section>
 
@@ -369,5 +372,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/slider/slider-pattern.md b/ARIA/apg/patterns/slider/slider-pattern.md
index 59348af2f..657844f7d 100644
--- a/ARIA/apg/patterns/slider/slider-pattern.md
+++ b/ARIA/apg/patterns/slider/slider-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Slider Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -132,5 +132,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md
index 1ab5c4b8d..b87fbe20a 100644
--- a/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md
+++ b/ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/spinbutton/examples/datepicker-spinbuttons/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/14'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,10 +23,10 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Date Picker Spin Button Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 <link
   rel="stylesheet"
@@ -34,9 +34,12 @@ lang: en
   integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
   crossorigin="anonymous"
 />
-<link href="../css/datepicker-spinbuttons.css" rel="stylesheet" />
-<script src="../js/spinbutton-date.js"></script>
-<script src="../js/datepicker-spinbuttons.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/spinbutton/examples/css/datepicker-spinbuttons.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/spinbutton/examples/js/spinbutton-date.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/spinbutton/examples/js/datepicker-spinbuttons.js"></script>
 
 
 <link 
@@ -46,7 +49,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -383,13 +386,13 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/datepicker-spinbuttons.css" type="text/css">datepicker-spinbuttons.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/spinbutton/examples/css/datepicker-spinbuttons.css" type="text/css">datepicker-spinbuttons.css</a>
           </li>
           <li>
             Javascript:
             <ul>
-              <li><a href="../js/datepicker-spinbuttons.js" type="text/javascript">datepicker-spinbuttons.js</a></li>
-              <li><a href="../js/spinbutton-date.js" type="text/javascript">spinbutton-date.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/spinbutton/examples/js/datepicker-spinbuttons.js" type="text/javascript">datepicker-spinbuttons.js</a></li>
+              <li><a href="../../../../../../content-assets/wai-aria-practices/patterns/spinbutton/examples/js/spinbutton-date.js" type="text/javascript">spinbutton-date.js</a></li>
             </ul>
           </li>
         </ul>
@@ -409,5 +412,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/spinbutton/spinbutton-pattern.md b/ARIA/apg/patterns/spinbutton/spinbutton-pattern.md
index cdaacfa60..5300c5132 100644
--- a/ARIA/apg/patterns/spinbutton/spinbutton-pattern.md
+++ b/ARIA/apg/patterns/spinbutton/spinbutton-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Spinbutton Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -149,5 +149,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/switch/examples/switch-button.md b/ARIA/apg/patterns/switch/examples/switch-button.md
index c8701f184..4b3f1b70b 100644
--- a/ARIA/apg/patterns/switch/examples/switch-button.md
+++ b/ARIA/apg/patterns/switch/examples/switch-button.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-button/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Switch Example Using HTML Button</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/switch-button.css" rel="stylesheet" />
-<script src="../js/switch-button.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/css/switch-button.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/js/switch-button.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -284,11 +287,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/switch-button.css" type="text/css">switch-button.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/css/switch-button.css" type="text/css">switch-button.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/switch-button.js" type="text/javascript">switch-button.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/js/switch-button.js" type="text/javascript">switch-button.js</a>
           </li>
         </ul>
       </section>
@@ -307,5 +310,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/switch/examples/switch-checkbox.md b/ARIA/apg/patterns/switch/examples/switch-checkbox.md
index 92b3da794..15ead1b92 100644
--- a/ARIA/apg/patterns/switch/examples/switch-checkbox.md
+++ b/ARIA/apg/patterns/switch/examples/switch-checkbox.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch-checkbox/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Switch Example Using HTML Checkbox Input</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/switch-checkbox.css" rel="stylesheet" />
-<script src="../js/switch-checkbox.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/css/switch-checkbox.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/js/switch-checkbox.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -242,11 +245,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/switch-checkbox.css" type="tex/css">switch-checkbox.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/css/switch-checkbox.css" type="tex/css">switch-checkbox.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/switch-checkbox.js" type="text/javascript">switch-checkbox.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/js/switch-checkbox.js" type="text/javascript">switch-checkbox.js</a>
           </li>
         </ul>
       </section>
@@ -265,5 +268,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/switch/examples/switch.md b/ARIA/apg/patterns/switch/examples/switch.md
index f3675da81..0ad92abe4 100644
--- a/ARIA/apg/patterns/switch/examples/switch.md
+++ b/ARIA/apg/patterns/switch/examples/switch.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/switch/examples/switch/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/2'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Switch Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/switch.css" rel="stylesheet" />
-<script src="../js/switch.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/css/switch.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/js/switch.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -252,8 +255,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/switch.css" type="tex/css">switch.css</a></li>
-          <li>Javascript: <a href="../js/switch.js" type="text/javascript">switch.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/css/switch.css" type="tex/css">switch.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/switch/examples/js/switch.js" type="text/javascript">switch.js</a></li>
         </ul>
       </section>
 
@@ -271,5 +274,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/switch/switch-pattern.md b/ARIA/apg/patterns/switch/switch-pattern.md
index 41a55730c..5831855eb 100644
--- a/ARIA/apg/patterns/switch/switch-pattern.md
+++ b/ARIA/apg/patterns/switch/switch-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Switch Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -128,5 +128,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/table/examples/sortable-table.md b/ARIA/apg/patterns/table/examples/sortable-table.md
index 438a387f1..496c971a8 100644
--- a/ARIA/apg/patterns/table/examples/sortable-table.md
+++ b/ARIA/apg/patterns/table/examples/sortable-table.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/table/examples/sortable-table/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/16'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/16'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Sortable Table Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/sortable-table.css" rel="stylesheet" />
-<script src="../js/sortable-table.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/table/examples/css/sortable-table.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/table/examples/js/sortable-table.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -265,11 +268,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/sortable-table.css" type="text/css">sortable-table.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/table/examples/css/sortable-table.css" type="text/css">sortable-table.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/sortable-table.js" type="text/javascript">sortable-table.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/table/examples/js/sortable-table.js" type="text/javascript">sortable-table.js</a>
           </li>
         </ul>
       </section>
@@ -288,5 +291,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/table/examples/table.md b/ARIA/apg/patterns/table/examples/table.md
index 874ca3d9e..1a2ba7db8 100644
--- a/ARIA/apg/patterns/table/examples/table.md
+++ b/ARIA/apg/patterns/table/examples/table.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/table/examples/table/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/16'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/16'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,12 +23,15 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Table Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/table.css" rel="stylesheet" />
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/table/examples/css/table.css"
+  rel="stylesheet"
+/>
 
 
 <link 
@@ -38,7 +41,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -232,7 +235,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/table.css" type="tex/css">table.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/table/examples/css/table.css" type="tex/css">table.css</a>
           </li>
           <li>Javascript: Not applicable.</li>
         </ul>
@@ -252,5 +255,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/table/table-pattern.md b/ARIA/apg/patterns/table/table-pattern.md
index 8a2ec42c0..2ea2deeed 100644
--- a/ARIA/apg/patterns/table/table-pattern.md
+++ b/ARIA/apg/patterns/table/table-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Table Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -139,5 +139,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md
index 351517fd6..3f53acb4a 100644
--- a/ARIA/apg/patterns/tabs/examples/tabs-automatic.md
+++ b/ARIA/apg/patterns/tabs/examples/tabs-automatic.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-automatic/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Example of Tabs with Automatic Activation</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/tabs.css" rel="stylesheet" />
-<script src="../js/tabs-automatic.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/tabs/examples/css/tabs.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/tabs/examples/js/tabs-automatic.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -406,8 +409,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/tabs.css" type="tex/css">tabs.css</a></li>
-          <li>Javascript: <a href="../js/tabs-automatic.js" type="text/javascript">tabs-automatic.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/tabs/examples/css/tabs.css" type="tex/css">tabs.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/tabs/examples/js/tabs-automatic.js" type="text/javascript">tabs-automatic.js</a></li>
         </ul>
       </section>
 
@@ -425,5 +428,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/tabs/examples/tabs-manual.md b/ARIA/apg/patterns/tabs/examples/tabs-manual.md
index 32c28081c..cdebe2bdc 100644
--- a/ARIA/apg/patterns/tabs/examples/tabs-manual.md
+++ b/ARIA/apg/patterns/tabs/examples/tabs-manual.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/tabs/examples/tabs-manual/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/11'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Example of Tabs with Manual Activation</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/tabs.css" rel="stylesheet" />
-<script src="../js/tabs-manual.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/tabs/examples/css/tabs.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/tabs/examples/js/tabs-manual.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -399,8 +402,8 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/tabs.css" type="tex/css">tabs.css</a></li>
-          <li>Javascript: <a href="../js/tabs-manual.js" type="text/javascript">tabs-manual.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/tabs/examples/css/tabs.css" type="tex/css">tabs.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/tabs/examples/js/tabs-manual.js" type="text/javascript">tabs-manual.js</a></li>
         </ul>
       </section>
 
@@ -418,5 +421,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/tabs/tabs-pattern.md b/ARIA/apg/patterns/tabs/tabs-pattern.md
index ebd3635f9..425c0e56d 100644
--- a/ARIA/apg/patterns/tabs/tabs-pattern.md
+++ b/ARIA/apg/patterns/tabs/tabs-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Tabs Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -186,5 +186,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/toolbar/examples/toolbar.md b/ARIA/apg/patterns/toolbar/examples/toolbar.md
index 37f3795ad..34a93c4cb 100644
--- a/ARIA/apg/patterns/toolbar/examples/toolbar.md
+++ b/ARIA/apg/patterns/toolbar/examples/toolbar.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/toolbar/examples/toolbar/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/18'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,10 +23,10 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Toolbar Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 <link
   rel="stylesheet"
@@ -34,14 +34,20 @@ lang: en
   integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
   crossorigin="anonymous"
 />
-<link href="../css/toolbar.css" rel="stylesheet" />
-<link href="../css/menuButton.css" rel="stylesheet" />
-<script src="../js/FormatToolbarItem.js"></script>
-<script src="../js/FormatToolbar.js"></script>
-<script src="../js/FontMenuItem.js"></script>
-<script src="../js/FontMenu.js"></script>
-<script src="../js/FontMenuButton.js"></script>
-<script src="../js/SpinButton.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/css/toolbar.css"
+  rel="stylesheet"
+/>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/css/menuButton.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FormatToolbarItem.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FormatToolbar.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenuItem.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenu.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenuButton.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/SpinButton.js"></script>
 
 
 <link 
@@ -51,7 +57,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -192,7 +198,7 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
 
             <div class="group">
               <label class="input"><input id="checkbox" class="item nightmode" type="checkbox" tabindex="-1"> Night Mode</label>
-              <a id="link" class="item link" href="../help.html" tabindex="-1">Help</a>
+              <a id="link" class="item link" href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/help.html" tabindex="-1">Help</a>
             </div>
           </div>
           <label for="textarea1" class="hidden">Text Sample</label><br>
@@ -1016,14 +1022,14 @@ But, in a larger sense, we can not dedicate, we can not consecrate, we can not h
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul id="css_js_files">
-          <li>CSS: <a href="../css/toolbar.css" type="text/css">toolbar.css</a></li>
-          <li>CSS: <a href="../css/menuButton.css" type="text/css">menuButton.css</a></li>
-          <li>Javascript: <a href="../js/FormatToolbar.js" type="text/javascript">FormatToolbar.js</a></li>
-          <li>Javascript: <a href="../js/FormatToolbarItem.js" type="text/javascript">FormatToolbarItem.js</a></li>
-          <li>Javascript: <a href="../js/FontMenuButton.js" type="text/javascript">FontMenuButton.js</a></li>
-          <li>Javascript: <a href="../js/FontMenu.js" type="text/javascript">FontMenu.js</a></li>
-          <li>Javascript: <a href="../js/FontMenuItem.js" type="text/javascript">FontMenuItem.js</a></li>
-          <li>Javascript: <a href="../js/SpinButton.js" type="text/javascript">SpinButton.js</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/css/toolbar.css" type="text/css">toolbar.css</a></li>
+          <li>CSS: <a href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/css/menuButton.css" type="text/css">menuButton.css</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FormatToolbar.js" type="text/javascript">FormatToolbar.js</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FormatToolbarItem.js" type="text/javascript">FormatToolbarItem.js</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenuButton.js" type="text/javascript">FontMenuButton.js</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenu.js" type="text/javascript">FontMenu.js</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenuItem.js" type="text/javascript">FontMenuItem.js</a></li>
+          <li>Javascript: <a href="../../../../../../content-assets/wai-aria-practices/patterns/toolbar/examples/js/SpinButton.js" type="text/javascript">SpinButton.js</a></li>
         </ul>
       </section>
 
@@ -1041,5 +1047,5 @@ But, in a larger sense, we can not dedicate, we can not consecrate, we can not h
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/toolbar/toolbar-pattern.md b/ARIA/apg/patterns/toolbar/toolbar-pattern.md
index 92f50cd90..7fec1e0c2 100644
--- a/ARIA/apg/patterns/toolbar/toolbar-pattern.md
+++ b/ARIA/apg/patterns/toolbar/toolbar-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Toolbar Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -167,5 +167,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/tooltip/tooltip-pattern.md b/ARIA/apg/patterns/tooltip/tooltip-pattern.md
index 3d5f1c5db..34ba9e009 100644
--- a/ARIA/apg/patterns/tooltip/tooltip-pattern.md
+++ b/ARIA/apg/patterns/tooltip/tooltip-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Tooltip Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -109,5 +109,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md
index 8076eeb13..530585e37 100644
--- a/ARIA/apg/patterns/treegrid/examples/treegrid-1.md
+++ b/ARIA/apg/patterns/treegrid/examples/treegrid-1.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treegrid/examples/treegrid-1/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,12 +23,15 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Treegrid Email Inbox Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/treegrid-1.css" rel="stylesheet" />
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/treegrid/examples/css/treegrid-1.css"
+  rel="stylesheet"
+/>
 <style>
   /* Style the current cell focus option so user know what they're getting */
   [aria-current] {
@@ -50,7 +53,10 @@ lang: en
     font-weight: bold;
   }
 </style>
-<script src="../js/treegrid-1.js" type="text/javascript"></script>
+<script
+  src="../../../../../../content-assets/wai-aria-practices/patterns/treegrid/examples/js/treegrid-1.js"
+  type="text/javascript"
+></script>
 
 
 <link 
@@ -60,7 +66,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -513,11 +519,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/treegrid-1.css" type="text/css">treegrid-1.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treegrid/examples/css/treegrid-1.css" type="text/css">treegrid-1.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/treegrid-1.js" type="text/javascript">treegrid-1.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treegrid/examples/js/treegrid-1.js" type="text/javascript">treegrid-1.js</a>
           </li>
         </ul>
       </section>
@@ -536,5 +542,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/treegrid/treegrid-pattern.md b/ARIA/apg/patterns/treegrid/treegrid-pattern.md
index accc89353..61eae5430 100644
--- a/ARIA/apg/patterns/treegrid/treegrid-pattern.md
+++ b/ARIA/apg/patterns/treegrid/treegrid-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Treegrid Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -369,5 +369,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1a.md b/ARIA/apg/patterns/treeview/examples/treeview-1a.md
index 6c8d94a9d..e4b877bc6 100644
--- a/ARIA/apg/patterns/treeview/examples/treeview-1a.md
+++ b/ARIA/apg/patterns/treeview/examples/treeview-1a.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1a/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,11 +23,11 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>File Directory Treeview Example Using Computed Properties</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 <link
   rel="stylesheet"
@@ -35,10 +35,13 @@ lang: en
   integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
   crossorigin="anonymous"
 />
-<link href="../css/tree.css" rel="stylesheet" />
-<script src="../js/tree.js"></script>
-<script src="../js/treeitem.js"></script>
-<script src="../js/treeitemClick.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/css/tree.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/tree.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitem.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitemClick.js"></script>
 
 
 <link 
@@ -48,7 +51,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -472,19 +475,19 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/tree.css" type="text/css">tree.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/css/tree.css" type="text/css">tree.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/tree.js" type="text/javascript">tree.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/tree.js" type="text/javascript">tree.js</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/treeitem.js" type="text/javascript">treeitem.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitem.js" type="text/javascript">treeitem.js</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/treeitemClick.js" type="text/javascript">treeitemClick.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitemClick.js" type="text/javascript">treeitemClick.js</a>
           </li>
         </ul>
       </section>
@@ -503,5 +506,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/treeview/examples/treeview-1b.md b/ARIA/apg/patterns/treeview/examples/treeview-1b.md
index dc572bfbc..b628ceed9 100644
--- a/ARIA/apg/patterns/treeview/examples/treeview-1b.md
+++ b/ARIA/apg/patterns/treeview/examples/treeview-1b.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-1b/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,11 +23,11 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>File Directory Treeview Example Using Declared Properties</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/utils.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/utils.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 <link
   rel="stylesheet"
@@ -35,10 +35,13 @@ lang: en
   integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
   crossorigin="anonymous"
 />
-<link href="../css/tree.css" rel="stylesheet" />
-<script src="../js/tree.js"></script>
-<script src="../js/treeitem.js"></script>
-<script src="../js/treeitemClick.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/css/tree.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/tree.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitem.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitemClick.js"></script>
 
 
 <link 
@@ -48,7 +51,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -498,19 +501,19 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/tree.css" type="text/css">tree.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/css/tree.css" type="text/css">tree.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/tree.js" type="text/javascript">tree.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/tree.js" type="text/javascript">tree.js</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/treeitem.js" type="text/javascript">treeitem.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitem.js" type="text/javascript">treeitem.js</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/treeitemClick.js" type="text/javascript">treeitemClick.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitemClick.js" type="text/javascript">treeitemClick.js</a>
           </li>
         </ul>
       </section>
@@ -529,5 +532,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md
index 5f3a4597b..3a1ecf706 100644
--- a/ARIA/apg/patterns/treeview/examples/treeview-navigation.md
+++ b/ARIA/apg/patterns/treeview/examples/treeview-navigation.md
@@ -12,7 +12,7 @@ permalink: /ARIA/apg/patterns/treeview/examples/treeview-navigation/
 
 sidebar: true
 
-footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p>        <p>Page last updated: 19 December 2022</p>      </div>    "
+footer: "      <div class='example-page-footer'>        <p><a href='https://github.com/w3c/aria-practices/projects/17'>View issues related to this example</a></p>        <p>Page last updated: 7 December 2022</p>      </div>    "
 
 # Context here: https://github.com/w3c/wai-aria-practices/issues/31
 type_of_guidance: APG
@@ -23,13 +23,16 @@ lang: en
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Navigation Treeview Example</title>
 
-<script src="../../../../shared/js/examples.js"></script>
-<script src="../../../../shared/js/highlight.pack.js"></script>
-<script src="../../../../shared/js/app.js"></script>
-<script src="../../../../shared/js/skipto.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/examples.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
-<link href="../css/treeview-navigation.css" rel="stylesheet" />
-<script src="../js/treeview-navigation.js"></script>
+<link
+  href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/css/treeview-navigation.css"
+  rel="stylesheet"
+/>
+<script src="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeview-navigation.js"></script>
 
 
 <link 
@@ -39,7 +42,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -742,11 +745,11 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
         <ul id="css_js_files">
           <li>
             CSS:
-            <a href="../css/treeview-navigation.css" type="text/css">treeview-navigation.css</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/css/treeview-navigation.css" type="text/css">treeview-navigation.css</a>
           </li>
           <li>
             Javascript:
-            <a href="../js/treeview-navigation.js" type="text/javascript">treeview-navigation.js</a>
+            <a href="../../../../../../content-assets/wai-aria-practices/patterns/treeview/examples/js/treeview-navigation.js" type="text/javascript">treeview-navigation.js</a>
           </li>
         </ul>
       </section>
@@ -765,5 +768,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/treeview/treeview-pattern.md b/ARIA/apg/patterns/treeview/treeview-pattern.md
index ee99a2329..0799b2b84 100644
--- a/ARIA/apg/patterns/treeview/treeview-pattern.md
+++ b/ARIA/apg/patterns/treeview/treeview-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Tree View Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -326,5 +326,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/patterns/windowsplitter/windowsplitter-pattern.md b/ARIA/apg/patterns/windowsplitter/windowsplitter-pattern.md
index f359e04f1..e3266129f 100644
--- a/ARIA/apg/patterns/windowsplitter/windowsplitter-pattern.md
+++ b/ARIA/apg/patterns/windowsplitter/windowsplitter-pattern.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Window Splitter Pattern</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -143,5 +143,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/grid-and-table-properties/grid-and-table-properties-practice.md b/ARIA/apg/practices/grid-and-table-properties/grid-and-table-properties-practice.md
index ba7363fdc..1697a5977 100644
--- a/ARIA/apg/practices/grid-and-table-properties/grid-and-table-properties-practice.md
+++ b/ARIA/apg/practices/grid-and-table-properties/grid-and-table-properties-practice.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Grid and Table Properties</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -509,5 +509,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/hiding-semantics/hiding-semantics-practice.md b/ARIA/apg/practices/hiding-semantics/hiding-semantics-practice.md
index 506900f1e..1fc51fdd2 100644
--- a/ARIA/apg/practices/hiding-semantics/hiding-semantics-practice.md
+++ b/ARIA/apg/practices/hiding-semantics/hiding-semantics-practice.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Hiding Semantics with the Presentation Role</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -190,5 +190,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/keyboard-interface/keyboard-interface-practice.md b/ARIA/apg/practices/keyboard-interface/keyboard-interface-practice.md
index ff9b6093f..e9fe66c77 100644
--- a/ARIA/apg/practices/keyboard-interface/keyboard-interface-practice.md
+++ b/ARIA/apg/practices/keyboard-interface/keyboard-interface-practice.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Developing a Keyboard Interface</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -749,5 +749,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/landmark-regions/landmark-regions-practice.md b/ARIA/apg/practices/landmark-regions/landmark-regions-practice.md
index aa0e2e400..ab5d98c2e 100644
--- a/ARIA/apg/practices/landmark-regions/landmark-regions-practice.md
+++ b/ARIA/apg/practices/landmark-regions/landmark-regions-practice.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Landmark Regions</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -473,5 +473,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/names-and-descriptions/names-and-descriptions-practice.md b/ARIA/apg/practices/names-and-descriptions/names-and-descriptions-practice.md
index 2540aec60..6ecd57d98 100644
--- a/ARIA/apg/practices/names-and-descriptions/names-and-descriptions-practice.md
+++ b/ARIA/apg/practices/names-and-descriptions/names-and-descriptions-practice.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Providing Accessible Names and Descriptions</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -1830,5 +1830,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/practices.md b/ARIA/apg/practices/practices.md
index ac4d3f72b..9a8d8d3d1 100644
--- a/ARIA/apg/practices/practices.md
+++ b/ARIA/apg/practices/practices.md
@@ -28,7 +28,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 
@@ -133,5 +133,5 @@ lang: en
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/range-related-properties/range-related-properties-practice.md b/ARIA/apg/practices/range-related-properties/range-related-properties-practice.md
index cf8c9d051..93ff67123 100644
--- a/ARIA/apg/practices/range-related-properties/range-related-properties-practice.md
+++ b/ARIA/apg/practices/range-related-properties/range-related-properties-practice.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Communicating Value and Limits for Range Widgets</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -379,5 +379,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/read-me-first/read-me-first-practice.md b/ARIA/apg/practices/read-me-first/read-me-first-practice.md
index 394834f9f..9b5b7c018 100644
--- a/ARIA/apg/practices/read-me-first/read-me-first-practice.md
+++ b/ARIA/apg/practices/read-me-first/read-me-first-practice.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Read Me First</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -137,5 +137,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/ARIA/apg/practices/structural-roles/structural-roles-practice.md b/ARIA/apg/practices/structural-roles/structural-roles-practice.md
index a4d35a29f..45bddda58 100644
--- a/ARIA/apg/practices/structural-roles/structural-roles-practice.md
+++ b/ARIA/apg/practices/structural-roles/structural-roles-practice.md
@@ -23,9 +23,9 @@ lang: en
 <meta content="width=device-width, initial-scale=1.0" name="viewport" />
 <title>Structural Roles</title>
 
-<script src="../../shared/js/highlight.pack.js"></script>
-<script src="../../shared/js/app.js"></script>
-<script src="../../shared/js/skipto.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/highlight.pack.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/app.js"></script>
+<script src="../../../../content-assets/wai-aria-practices/shared/js/skipto.js"></script>
 
 
 <link 
@@ -35,7 +35,7 @@ lang: en
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 
 <script>
@@ -268,5 +268,5 @@ if (enableSidebar) document.body.classList.add('has-sidebar');
   
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
diff --git a/content b/content
new file mode 120000
index 000000000..9f264d01b
--- /dev/null
+++ b/content
@@ -0,0 +1 @@
+ARIA/apg
\ No newline at end of file
diff --git a/ARIA/apg/patterns/accordion/examples/css/accordion.css b/content-assets/wai-aria-practices/patterns/accordion/examples/css/accordion.css
similarity index 100%
rename from ARIA/apg/patterns/accordion/examples/css/accordion.css
rename to content-assets/wai-aria-practices/patterns/accordion/examples/css/accordion.css
diff --git a/ARIA/apg/patterns/accordion/examples/js/accordion.js b/content-assets/wai-aria-practices/patterns/accordion/examples/js/accordion.js
similarity index 100%
rename from ARIA/apg/patterns/accordion/examples/js/accordion.js
rename to content-assets/wai-aria-practices/patterns/accordion/examples/js/accordion.js
diff --git a/ARIA/apg/patterns/alert/examples/css/alert.css b/content-assets/wai-aria-practices/patterns/alert/examples/css/alert.css
similarity index 100%
rename from ARIA/apg/patterns/alert/examples/css/alert.css
rename to content-assets/wai-aria-practices/patterns/alert/examples/css/alert.css
diff --git a/ARIA/apg/patterns/alert/examples/js/alert.js b/content-assets/wai-aria-practices/patterns/alert/examples/js/alert.js
similarity index 100%
rename from ARIA/apg/patterns/alert/examples/js/alert.js
rename to content-assets/wai-aria-practices/patterns/alert/examples/js/alert.js
diff --git a/ARIA/apg/patterns/alertdialog/examples/css/alertdialog.css b/content-assets/wai-aria-practices/patterns/alertdialog/examples/css/alertdialog.css
similarity index 100%
rename from ARIA/apg/patterns/alertdialog/examples/css/alertdialog.css
rename to content-assets/wai-aria-practices/patterns/alertdialog/examples/css/alertdialog.css
diff --git a/ARIA/apg/patterns/alertdialog/examples/js/alertdialog.js b/content-assets/wai-aria-practices/patterns/alertdialog/examples/js/alertdialog.js
similarity index 100%
rename from ARIA/apg/patterns/alertdialog/examples/js/alertdialog.js
rename to content-assets/wai-aria-practices/patterns/alertdialog/examples/js/alertdialog.js
diff --git a/ARIA/apg/patterns/breadcrumb/examples/css/breadcrumb.css b/content-assets/wai-aria-practices/patterns/breadcrumb/examples/css/breadcrumb.css
similarity index 100%
rename from ARIA/apg/patterns/breadcrumb/examples/css/breadcrumb.css
rename to content-assets/wai-aria-practices/patterns/breadcrumb/examples/css/breadcrumb.css
diff --git a/ARIA/apg/patterns/button/examples/css/button.css b/content-assets/wai-aria-practices/patterns/button/examples/css/button.css
similarity index 100%
rename from ARIA/apg/patterns/button/examples/css/button.css
rename to content-assets/wai-aria-practices/patterns/button/examples/css/button.css
diff --git a/ARIA/apg/patterns/button/examples/js/button.js b/content-assets/wai-aria-practices/patterns/button/examples/js/button.js
similarity index 100%
rename from ARIA/apg/patterns/button/examples/js/button.js
rename to content-assets/wai-aria-practices/patterns/button/examples/js/button.js
diff --git a/ARIA/apg/patterns/button/examples/js/button_idl.js b/content-assets/wai-aria-practices/patterns/button/examples/js/button_idl.js
similarity index 100%
rename from ARIA/apg/patterns/button/examples/js/button_idl.js
rename to content-assets/wai-aria-practices/patterns/button/examples/js/button_idl.js
diff --git a/ARIA/apg/patterns/carousel/examples/css/carousel-prev-next.css b/content-assets/wai-aria-practices/patterns/carousel/examples/css/carousel-prev-next.css
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/css/carousel-prev-next.css
rename to content-assets/wai-aria-practices/patterns/carousel/examples/css/carousel-prev-next.css
diff --git a/ARIA/apg/patterns/carousel/examples/css/carousel-tablist.css b/content-assets/wai-aria-practices/patterns/carousel/examples/css/carousel-tablist.css
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/css/carousel-tablist.css
rename to content-assets/wai-aria-practices/patterns/carousel/examples/css/carousel-tablist.css
diff --git a/ARIA/apg/patterns/carousel/examples/images/amsterdamslide__800x600.jpg b/content-assets/wai-aria-practices/patterns/carousel/examples/images/amsterdamslide__800x600.jpg
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/images/amsterdamslide__800x600.jpg
rename to content-assets/wai-aria-practices/patterns/carousel/examples/images/amsterdamslide__800x600.jpg
diff --git a/ARIA/apg/patterns/carousel/examples/images/britcomdavidslide__800x600.jpg b/content-assets/wai-aria-practices/patterns/carousel/examples/images/britcomdavidslide__800x600.jpg
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/images/britcomdavidslide__800x600.jpg
rename to content-assets/wai-aria-practices/patterns/carousel/examples/images/britcomdavidslide__800x600.jpg
diff --git a/ARIA/apg/patterns/carousel/examples/images/foyleswarslide__800x600.jpg b/content-assets/wai-aria-practices/patterns/carousel/examples/images/foyleswarslide__800x600.jpg
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/images/foyleswarslide__800x600.jpg
rename to content-assets/wai-aria-practices/patterns/carousel/examples/images/foyleswarslide__800x600.jpg
diff --git a/ARIA/apg/patterns/carousel/examples/images/lands-endslide__800x600.jpg b/content-assets/wai-aria-practices/patterns/carousel/examples/images/lands-endslide__800x600.jpg
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/images/lands-endslide__800x600.jpg
rename to content-assets/wai-aria-practices/patterns/carousel/examples/images/lands-endslide__800x600.jpg
diff --git a/ARIA/apg/patterns/carousel/examples/images/mag800-2__800x600.jpg b/content-assets/wai-aria-practices/patterns/carousel/examples/images/mag800-2__800x600.jpg
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/images/mag800-2__800x600.jpg
rename to content-assets/wai-aria-practices/patterns/carousel/examples/images/mag800-2__800x600.jpg
diff --git a/ARIA/apg/patterns/carousel/examples/images/reload-icon.png b/content-assets/wai-aria-practices/patterns/carousel/examples/images/reload-icon.png
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/images/reload-icon.png
rename to content-assets/wai-aria-practices/patterns/carousel/examples/images/reload-icon.png
diff --git a/ARIA/apg/patterns/carousel/examples/images/trustslide-2__800x600.jpg b/content-assets/wai-aria-practices/patterns/carousel/examples/images/trustslide-2__800x600.jpg
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/images/trustslide-2__800x600.jpg
rename to content-assets/wai-aria-practices/patterns/carousel/examples/images/trustslide-2__800x600.jpg
diff --git a/ARIA/apg/patterns/carousel/examples/js/carousel-prev-next.js b/content-assets/wai-aria-practices/patterns/carousel/examples/js/carousel-prev-next.js
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/js/carousel-prev-next.js
rename to content-assets/wai-aria-practices/patterns/carousel/examples/js/carousel-prev-next.js
diff --git a/ARIA/apg/patterns/carousel/examples/js/carousel-tablist.js b/content-assets/wai-aria-practices/patterns/carousel/examples/js/carousel-tablist.js
similarity index 100%
rename from ARIA/apg/patterns/carousel/examples/js/carousel-tablist.js
rename to content-assets/wai-aria-practices/patterns/carousel/examples/js/carousel-tablist.js
diff --git a/ARIA/apg/patterns/checkbox/examples/css/checkbox-mixed.css b/content-assets/wai-aria-practices/patterns/checkbox/examples/css/checkbox-mixed.css
similarity index 100%
rename from ARIA/apg/patterns/checkbox/examples/css/checkbox-mixed.css
rename to content-assets/wai-aria-practices/patterns/checkbox/examples/css/checkbox-mixed.css
diff --git a/ARIA/apg/patterns/checkbox/examples/css/checkbox.css b/content-assets/wai-aria-practices/patterns/checkbox/examples/css/checkbox.css
similarity index 100%
rename from ARIA/apg/patterns/checkbox/examples/css/checkbox.css
rename to content-assets/wai-aria-practices/patterns/checkbox/examples/css/checkbox.css
diff --git a/ARIA/apg/patterns/checkbox/examples/js/checkbox-mixed.js b/content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox-mixed.js
similarity index 100%
rename from ARIA/apg/patterns/checkbox/examples/js/checkbox-mixed.js
rename to content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox-mixed.js
diff --git a/ARIA/apg/patterns/checkbox/examples/js/checkbox.js b/content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox.js
similarity index 100%
rename from ARIA/apg/patterns/checkbox/examples/js/checkbox.js
rename to content-assets/wai-aria-practices/patterns/checkbox/examples/js/checkbox.js
diff --git a/ARIA/apg/patterns/combobox/examples/css/combobox-autocomplete.css b/content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/css/combobox-autocomplete.css
rename to content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-autocomplete.css
diff --git a/ARIA/apg/patterns/combobox/examples/css/combobox-datepicker.css b/content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-datepicker.css
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/css/combobox-datepicker.css
rename to content-assets/wai-aria-practices/patterns/combobox/examples/css/combobox-datepicker.css
diff --git a/ARIA/apg/patterns/combobox/examples/css/grid-combo.css b/content-assets/wai-aria-practices/patterns/combobox/examples/css/grid-combo.css
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/css/grid-combo.css
rename to content-assets/wai-aria-practices/patterns/combobox/examples/css/grid-combo.css
diff --git a/ARIA/apg/patterns/combobox/examples/css/select-only.css b/content-assets/wai-aria-practices/patterns/combobox/examples/css/select-only.css
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/css/select-only.css
rename to content-assets/wai-aria-practices/patterns/combobox/examples/css/select-only.css
diff --git a/ARIA/apg/patterns/combobox/examples/js/combobox-autocomplete.js b/content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/js/combobox-autocomplete.js
rename to content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js
diff --git a/ARIA/apg/patterns/combobox/examples/js/combobox-datepicker.js b/content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-datepicker.js
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/js/combobox-datepicker.js
rename to content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-datepicker.js
diff --git a/ARIA/apg/patterns/combobox/examples/js/grid-combo-example.js b/content-assets/wai-aria-practices/patterns/combobox/examples/js/grid-combo-example.js
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/js/grid-combo-example.js
rename to content-assets/wai-aria-practices/patterns/combobox/examples/js/grid-combo-example.js
diff --git a/ARIA/apg/patterns/combobox/examples/js/grid-combo.js b/content-assets/wai-aria-practices/patterns/combobox/examples/js/grid-combo.js
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/js/grid-combo.js
rename to content-assets/wai-aria-practices/patterns/combobox/examples/js/grid-combo.js
diff --git a/ARIA/apg/patterns/combobox/examples/js/select-only.js b/content-assets/wai-aria-practices/patterns/combobox/examples/js/select-only.js
similarity index 100%
rename from ARIA/apg/patterns/combobox/examples/js/select-only.js
rename to content-assets/wai-aria-practices/patterns/combobox/examples/js/select-only.js
diff --git a/ARIA/apg/patterns/dialog-modal/examples/css/datepicker-dialog.css b/content-assets/wai-aria-practices/patterns/dialog-modal/examples/css/datepicker-dialog.css
similarity index 100%
rename from ARIA/apg/patterns/dialog-modal/examples/css/datepicker-dialog.css
rename to content-assets/wai-aria-practices/patterns/dialog-modal/examples/css/datepicker-dialog.css
diff --git a/ARIA/apg/patterns/dialog-modal/examples/css/dialog.css b/content-assets/wai-aria-practices/patterns/dialog-modal/examples/css/dialog.css
similarity index 100%
rename from ARIA/apg/patterns/dialog-modal/examples/css/dialog.css
rename to content-assets/wai-aria-practices/patterns/dialog-modal/examples/css/dialog.css
diff --git a/ARIA/apg/patterns/dialog-modal/examples/img/CloseIcon.png b/content-assets/wai-aria-practices/patterns/dialog-modal/examples/img/CloseIcon.png
similarity index 100%
rename from ARIA/apg/patterns/dialog-modal/examples/img/CloseIcon.png
rename to content-assets/wai-aria-practices/patterns/dialog-modal/examples/img/CloseIcon.png
diff --git a/ARIA/apg/patterns/dialog-modal/examples/js/datepicker-dialog.js b/content-assets/wai-aria-practices/patterns/dialog-modal/examples/js/datepicker-dialog.js
similarity index 100%
rename from ARIA/apg/patterns/dialog-modal/examples/js/datepicker-dialog.js
rename to content-assets/wai-aria-practices/patterns/dialog-modal/examples/js/datepicker-dialog.js
diff --git a/ARIA/apg/patterns/dialog-modal/examples/js/dialog.js b/content-assets/wai-aria-practices/patterns/dialog-modal/examples/js/dialog.js
similarity index 100%
rename from ARIA/apg/patterns/dialog-modal/examples/js/dialog.js
rename to content-assets/wai-aria-practices/patterns/dialog-modal/examples/js/dialog.js
diff --git a/ARIA/apg/patterns/disclosure/examples/css/disclosure-faq.css b/content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-faq.css
similarity index 100%
rename from ARIA/apg/patterns/disclosure/examples/css/disclosure-faq.css
rename to content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-faq.css
diff --git a/ARIA/apg/patterns/disclosure/examples/css/disclosure-image-description.css b/content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-image-description.css
similarity index 100%
rename from ARIA/apg/patterns/disclosure/examples/css/disclosure-image-description.css
rename to content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-image-description.css
diff --git a/ARIA/apg/patterns/disclosure/examples/css/disclosure-navigation.css b/content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-navigation.css
similarity index 100%
rename from ARIA/apg/patterns/disclosure/examples/css/disclosure-navigation.css
rename to content-assets/wai-aria-practices/patterns/disclosure/examples/css/disclosure-navigation.css
diff --git a/ARIA/apg/patterns/disclosure/examples/images/minard.png b/content-assets/wai-aria-practices/patterns/disclosure/examples/images/minard.png
similarity index 100%
rename from ARIA/apg/patterns/disclosure/examples/images/minard.png
rename to content-assets/wai-aria-practices/patterns/disclosure/examples/images/minard.png
diff --git a/ARIA/apg/patterns/disclosure/examples/js/disclosure-button.js b/content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosure-button.js
similarity index 100%
rename from ARIA/apg/patterns/disclosure/examples/js/disclosure-button.js
rename to content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosure-button.js
diff --git a/ARIA/apg/patterns/disclosure/examples/js/disclosureMenu.js b/content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosureMenu.js
similarity index 100%
rename from ARIA/apg/patterns/disclosure/examples/js/disclosureMenu.js
rename to content-assets/wai-aria-practices/patterns/disclosure/examples/js/disclosureMenu.js
diff --git a/ARIA/apg/patterns/feed/examples/css/feedDisplay.css b/content-assets/wai-aria-practices/patterns/feed/examples/css/feedDisplay.css
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/css/feedDisplay.css
rename to content-assets/wai-aria-practices/patterns/feed/examples/css/feedDisplay.css
diff --git a/ARIA/apg/patterns/feed/examples/feedDisplay.html b/content-assets/wai-aria-practices/patterns/feed/examples/feedDisplay.html
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/feedDisplay.html
rename to content-assets/wai-aria-practices/patterns/feed/examples/feedDisplay.html
diff --git a/ARIA/apg/patterns/feed/examples/imgs/rating-1.png b/content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-1.png
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/imgs/rating-1.png
rename to content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-1.png
diff --git a/ARIA/apg/patterns/feed/examples/imgs/rating-2.png b/content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-2.png
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/imgs/rating-2.png
rename to content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-2.png
diff --git a/ARIA/apg/patterns/feed/examples/imgs/rating-3.png b/content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-3.png
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/imgs/rating-3.png
rename to content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-3.png
diff --git a/ARIA/apg/patterns/feed/examples/imgs/rating-4.png b/content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-4.png
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/imgs/rating-4.png
rename to content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-4.png
diff --git a/ARIA/apg/patterns/feed/examples/imgs/rating-5.png b/content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-5.png
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/imgs/rating-5.png
rename to content-assets/wai-aria-practices/patterns/feed/examples/imgs/rating-5.png
diff --git a/ARIA/apg/patterns/feed/examples/js/feed.js b/content-assets/wai-aria-practices/patterns/feed/examples/js/feed.js
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/js/feed.js
rename to content-assets/wai-aria-practices/patterns/feed/examples/js/feed.js
diff --git a/ARIA/apg/patterns/feed/examples/js/feedDisplay.js b/content-assets/wai-aria-practices/patterns/feed/examples/js/feedDisplay.js
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/js/feedDisplay.js
rename to content-assets/wai-aria-practices/patterns/feed/examples/js/feedDisplay.js
diff --git a/ARIA/apg/patterns/feed/examples/js/main.js b/content-assets/wai-aria-practices/patterns/feed/examples/js/main.js
similarity index 100%
rename from ARIA/apg/patterns/feed/examples/js/main.js
rename to content-assets/wai-aria-practices/patterns/feed/examples/js/main.js
diff --git a/ARIA/apg/patterns/grid/examples/css/dataGrids.css b/content-assets/wai-aria-practices/patterns/grid/examples/css/dataGrids.css
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/css/dataGrids.css
rename to content-assets/wai-aria-practices/patterns/grid/examples/css/dataGrids.css
diff --git a/ARIA/apg/patterns/grid/examples/css/layoutGrids.css b/content-assets/wai-aria-practices/patterns/grid/examples/css/layoutGrids.css
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/css/layoutGrids.css
rename to content-assets/wai-aria-practices/patterns/grid/examples/css/layoutGrids.css
diff --git a/ARIA/apg/patterns/grid/examples/css/menuButton.css b/content-assets/wai-aria-practices/patterns/grid/examples/css/menuButton.css
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/css/menuButton.css
rename to content-assets/wai-aria-practices/patterns/grid/examples/css/menuButton.css
diff --git a/ARIA/apg/patterns/grid/examples/imgs/arrows-group-in-four-directions-2.png b/content-assets/wai-aria-practices/patterns/grid/examples/imgs/arrows-group-in-four-directions-2.png
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/imgs/arrows-group-in-four-directions-2.png
rename to content-assets/wai-aria-practices/patterns/grid/examples/imgs/arrows-group-in-four-directions-2.png
diff --git a/ARIA/apg/patterns/grid/examples/imgs/arrows-group-in-four-directions-3.png b/content-assets/wai-aria-practices/patterns/grid/examples/imgs/arrows-group-in-four-directions-3.png
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/imgs/arrows-group-in-four-directions-3.png
rename to content-assets/wai-aria-practices/patterns/grid/examples/imgs/arrows-group-in-four-directions-3.png
diff --git a/ARIA/apg/patterns/grid/examples/imgs/arrows-group-in-four-directions.png b/content-assets/wai-aria-practices/patterns/grid/examples/imgs/arrows-group-in-four-directions.png
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/imgs/arrows-group-in-four-directions.png
rename to content-assets/wai-aria-practices/patterns/grid/examples/imgs/arrows-group-in-four-directions.png
diff --git a/ARIA/apg/patterns/grid/examples/imgs/black_keys.png b/content-assets/wai-aria-practices/patterns/grid/examples/imgs/black_keys.png
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/imgs/black_keys.png
rename to content-assets/wai-aria-practices/patterns/grid/examples/imgs/black_keys.png
diff --git a/ARIA/apg/patterns/grid/examples/imgs/keys.png b/content-assets/wai-aria-practices/patterns/grid/examples/imgs/keys.png
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/imgs/keys.png
rename to content-assets/wai-aria-practices/patterns/grid/examples/imgs/keys.png
diff --git a/ARIA/apg/patterns/grid/examples/imgs/pencil-icon.png b/content-assets/wai-aria-practices/patterns/grid/examples/imgs/pencil-icon.png
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/imgs/pencil-icon.png
rename to content-assets/wai-aria-practices/patterns/grid/examples/imgs/pencil-icon.png
diff --git a/ARIA/apg/patterns/grid/examples/js/dataGrid.js b/content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrid.js
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/js/dataGrid.js
rename to content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrid.js
diff --git a/ARIA/apg/patterns/grid/examples/js/dataGrids.js b/content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrids.js
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/js/dataGrids.js
rename to content-assets/wai-aria-practices/patterns/grid/examples/js/dataGrids.js
diff --git a/ARIA/apg/patterns/grid/examples/js/layoutGrids.js b/content-assets/wai-aria-practices/patterns/grid/examples/js/layoutGrids.js
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/js/layoutGrids.js
rename to content-assets/wai-aria-practices/patterns/grid/examples/js/layoutGrids.js
diff --git a/ARIA/apg/patterns/grid/examples/js/menuButton.js b/content-assets/wai-aria-practices/patterns/grid/examples/js/menuButton.js
similarity index 100%
rename from ARIA/apg/patterns/grid/examples/js/menuButton.js
rename to content-assets/wai-aria-practices/patterns/grid/examples/js/menuButton.js
diff --git a/ARIA/apg/patterns/landmarks/examples/css/bootstrap-accessibility.css b/content-assets/wai-aria-practices/patterns/landmarks/examples/css/bootstrap-accessibility.css
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/css/bootstrap-accessibility.css
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/css/bootstrap-accessibility.css
diff --git a/ARIA/apg/patterns/landmarks/examples/css/bootstrap-theme.css b/content-assets/wai-aria-practices/patterns/landmarks/examples/css/bootstrap-theme.css
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/css/bootstrap-theme.css
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/css/bootstrap-theme.css
diff --git a/ARIA/apg/patterns/landmarks/examples/css/bootstrap.css b/content-assets/wai-aria-practices/patterns/landmarks/examples/css/bootstrap.css
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/css/bootstrap.css
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/css/bootstrap.css
diff --git a/ARIA/apg/patterns/landmarks/examples/css/common.css b/content-assets/wai-aria-practices/patterns/landmarks/examples/css/common.css
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/css/common.css
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/css/common.css
diff --git a/ARIA/apg/patterns/landmarks/examples/css/visua11y.css b/content-assets/wai-aria-practices/patterns/landmarks/examples/css/visua11y.css
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/css/visua11y.css
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/css/visua11y.css
diff --git a/ARIA/apg/patterns/landmarks/examples/images/landmarks-jaws.png b/content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-jaws.png
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/images/landmarks-jaws.png
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-jaws.png
diff --git a/ARIA/apg/patterns/landmarks/examples/images/landmarks-nvda.png b/content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-nvda.png
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/images/landmarks-nvda.png
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-nvda.png
diff --git a/ARIA/apg/patterns/landmarks/examples/images/landmarks-orca.png b/content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-orca.png
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/images/landmarks-orca.png
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-orca.png
diff --git a/ARIA/apg/patterns/landmarks/examples/images/landmarks-skipto.png b/content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-skipto.png
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/images/landmarks-skipto.png
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-skipto.png
diff --git a/ARIA/apg/patterns/landmarks/examples/images/landmarks-vo.png b/content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-vo.png
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/images/landmarks-vo.png
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/images/landmarks-vo.png
diff --git a/ARIA/apg/patterns/landmarks/examples/images/w3c.png b/content-assets/wai-aria-practices/patterns/landmarks/examples/images/w3c.png
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/images/w3c.png
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/images/w3c.png
diff --git a/ARIA/apg/patterns/landmarks/examples/js/bootstrap-accessibility-2.js b/content-assets/wai-aria-practices/patterns/landmarks/examples/js/bootstrap-accessibility-2.js
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/js/bootstrap-accessibility-2.js
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/js/bootstrap-accessibility-2.js
diff --git a/ARIA/apg/patterns/landmarks/examples/js/bootstrap-accessibility.min.js b/content-assets/wai-aria-practices/patterns/landmarks/examples/js/bootstrap-accessibility.min.js
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/js/bootstrap-accessibility.min.js
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/js/bootstrap-accessibility.min.js
diff --git a/ARIA/apg/patterns/landmarks/examples/js/bootstrap.min.js b/content-assets/wai-aria-practices/patterns/landmarks/examples/js/bootstrap.min.js
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/js/bootstrap.min.js
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/js/bootstrap.min.js
diff --git a/ARIA/apg/patterns/landmarks/examples/js/jquery-2.1.1.min.js b/content-assets/wai-aria-practices/patterns/landmarks/examples/js/jquery-2.1.1.min.js
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/js/jquery-2.1.1.min.js
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/js/jquery-2.1.1.min.js
diff --git a/ARIA/apg/patterns/landmarks/examples/js/show.js b/content-assets/wai-aria-practices/patterns/landmarks/examples/js/show.js
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/js/show.js
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/js/show.js
diff --git a/ARIA/apg/patterns/landmarks/examples/js/skipto.min.js b/content-assets/wai-aria-practices/patterns/landmarks/examples/js/skipto.min.js
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/js/skipto.min.js
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/js/skipto.min.js
diff --git a/ARIA/apg/patterns/landmarks/examples/js/tabs.js b/content-assets/wai-aria-practices/patterns/landmarks/examples/js/tabs.js
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/js/tabs.js
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/js/tabs.js
diff --git a/ARIA/apg/patterns/landmarks/examples/js/visua11y.js b/content-assets/wai-aria-practices/patterns/landmarks/examples/js/visua11y.js
similarity index 100%
rename from ARIA/apg/patterns/landmarks/examples/js/visua11y.js
rename to content-assets/wai-aria-practices/patterns/landmarks/examples/js/visua11y.js
diff --git a/ARIA/apg/patterns/link/examples/css/link.css b/content-assets/wai-aria-practices/patterns/link/examples/css/link.css
similarity index 100%
rename from ARIA/apg/patterns/link/examples/css/link.css
rename to content-assets/wai-aria-practices/patterns/link/examples/css/link.css
diff --git a/ARIA/apg/patterns/link/examples/images/w3c-logo.svg b/content-assets/wai-aria-practices/patterns/link/examples/images/w3c-logo.svg
similarity index 100%
rename from ARIA/apg/patterns/link/examples/images/w3c-logo.svg
rename to content-assets/wai-aria-practices/patterns/link/examples/images/w3c-logo.svg
diff --git a/ARIA/apg/patterns/link/examples/js/link.js b/content-assets/wai-aria-practices/patterns/link/examples/js/link.js
similarity index 100%
rename from ARIA/apg/patterns/link/examples/js/link.js
rename to content-assets/wai-aria-practices/patterns/link/examples/js/link.js
diff --git a/ARIA/apg/patterns/listbox/examples/css/listbox.css b/content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css
similarity index 100%
rename from ARIA/apg/patterns/listbox/examples/css/listbox.css
rename to content-assets/wai-aria-practices/patterns/listbox/examples/css/listbox.css
diff --git a/ARIA/apg/patterns/listbox/examples/imgs/Arrows-Left-icon.png b/content-assets/wai-aria-practices/patterns/listbox/examples/imgs/Arrows-Left-icon.png
similarity index 100%
rename from ARIA/apg/patterns/listbox/examples/imgs/Arrows-Left-icon.png
rename to content-assets/wai-aria-practices/patterns/listbox/examples/imgs/Arrows-Left-icon.png
diff --git a/ARIA/apg/patterns/listbox/examples/imgs/Arrows-Right-icon.png b/content-assets/wai-aria-practices/patterns/listbox/examples/imgs/Arrows-Right-icon.png
similarity index 100%
rename from ARIA/apg/patterns/listbox/examples/imgs/Arrows-Right-icon.png
rename to content-assets/wai-aria-practices/patterns/listbox/examples/imgs/Arrows-Right-icon.png
diff --git a/ARIA/apg/patterns/listbox/examples/js/listbox-collapsible.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js
similarity index 100%
rename from ARIA/apg/patterns/listbox/examples/js/listbox-collapsible.js
rename to content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-collapsible.js
diff --git a/ARIA/apg/patterns/listbox/examples/js/listbox-rearrangeable.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js
similarity index 100%
rename from ARIA/apg/patterns/listbox/examples/js/listbox-rearrangeable.js
rename to content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-rearrangeable.js
diff --git a/ARIA/apg/patterns/listbox/examples/js/listbox-scrollable.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js
similarity index 100%
rename from ARIA/apg/patterns/listbox/examples/js/listbox-scrollable.js
rename to content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox-scrollable.js
diff --git a/ARIA/apg/patterns/listbox/examples/js/listbox.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js
similarity index 100%
rename from ARIA/apg/patterns/listbox/examples/js/listbox.js
rename to content-assets/wai-aria-practices/patterns/listbox/examples/js/listbox.js
diff --git a/ARIA/apg/patterns/listbox/examples/js/toolbar.js b/content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js
similarity index 100%
rename from ARIA/apg/patterns/listbox/examples/js/toolbar.js
rename to content-assets/wai-aria-practices/patterns/listbox/examples/js/toolbar.js
diff --git a/ARIA/apg/patterns/menu-button/examples/css/menu-button-actions.css b/content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-actions.css
similarity index 100%
rename from ARIA/apg/patterns/menu-button/examples/css/menu-button-actions.css
rename to content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-actions.css
diff --git a/ARIA/apg/patterns/menu-button/examples/css/menu-button-links.css b/content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-links.css
similarity index 100%
rename from ARIA/apg/patterns/menu-button/examples/css/menu-button-links.css
rename to content-assets/wai-aria-practices/patterns/menu-button/examples/css/menu-button-links.css
diff --git a/ARIA/apg/patterns/menu-button/examples/js/menu-button-actions-active-descendant.js b/content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-actions-active-descendant.js
similarity index 100%
rename from ARIA/apg/patterns/menu-button/examples/js/menu-button-actions-active-descendant.js
rename to content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-actions-active-descendant.js
diff --git a/ARIA/apg/patterns/menu-button/examples/js/menu-button-actions.js b/content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-actions.js
similarity index 100%
rename from ARIA/apg/patterns/menu-button/examples/js/menu-button-actions.js
rename to content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-actions.js
diff --git a/ARIA/apg/patterns/menu-button/examples/js/menu-button-links.js b/content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-links.js
similarity index 100%
rename from ARIA/apg/patterns/menu-button/examples/js/menu-button-links.js
rename to content-assets/wai-aria-practices/patterns/menu-button/examples/js/menu-button-links.js
diff --git a/ARIA/apg/patterns/menubar/examples/css/menubar-editor.css b/content-assets/wai-aria-practices/patterns/menubar/examples/css/menubar-editor.css
similarity index 100%
rename from ARIA/apg/patterns/menubar/examples/css/menubar-editor.css
rename to content-assets/wai-aria-practices/patterns/menubar/examples/css/menubar-editor.css
diff --git a/ARIA/apg/patterns/menubar/examples/css/menubar-navigation.css b/content-assets/wai-aria-practices/patterns/menubar/examples/css/menubar-navigation.css
similarity index 100%
rename from ARIA/apg/patterns/menubar/examples/css/menubar-navigation.css
rename to content-assets/wai-aria-practices/patterns/menubar/examples/css/menubar-navigation.css
diff --git a/ARIA/apg/patterns/menubar/examples/js/menubar-editor.js b/content-assets/wai-aria-practices/patterns/menubar/examples/js/menubar-editor.js
similarity index 100%
rename from ARIA/apg/patterns/menubar/examples/js/menubar-editor.js
rename to content-assets/wai-aria-practices/patterns/menubar/examples/js/menubar-editor.js
diff --git a/ARIA/apg/patterns/menubar/examples/js/menubar-navigation.js b/content-assets/wai-aria-practices/patterns/menubar/examples/js/menubar-navigation.js
similarity index 100%
rename from ARIA/apg/patterns/menubar/examples/js/menubar-navigation.js
rename to content-assets/wai-aria-practices/patterns/menubar/examples/js/menubar-navigation.js
diff --git a/ARIA/apg/patterns/menubar/examples/js/style-manager.js b/content-assets/wai-aria-practices/patterns/menubar/examples/js/style-manager.js
similarity index 100%
rename from ARIA/apg/patterns/menubar/examples/js/style-manager.js
rename to content-assets/wai-aria-practices/patterns/menubar/examples/js/style-manager.js
diff --git a/ARIA/apg/patterns/meter/examples/css/meter.css b/content-assets/wai-aria-practices/patterns/meter/examples/css/meter.css
similarity index 100%
rename from ARIA/apg/patterns/meter/examples/css/meter.css
rename to content-assets/wai-aria-practices/patterns/meter/examples/css/meter.css
diff --git a/ARIA/apg/patterns/meter/examples/js/meter.js b/content-assets/wai-aria-practices/patterns/meter/examples/js/meter.js
similarity index 100%
rename from ARIA/apg/patterns/meter/examples/js/meter.js
rename to content-assets/wai-aria-practices/patterns/meter/examples/js/meter.js
diff --git a/ARIA/apg/patterns/radio/examples/css/radio-rating.css b/content-assets/wai-aria-practices/patterns/radio/examples/css/radio-rating.css
similarity index 100%
rename from ARIA/apg/patterns/radio/examples/css/radio-rating.css
rename to content-assets/wai-aria-practices/patterns/radio/examples/css/radio-rating.css
diff --git a/ARIA/apg/patterns/radio/examples/css/radio.css b/content-assets/wai-aria-practices/patterns/radio/examples/css/radio.css
similarity index 100%
rename from ARIA/apg/patterns/radio/examples/css/radio.css
rename to content-assets/wai-aria-practices/patterns/radio/examples/css/radio.css
diff --git a/ARIA/apg/patterns/radio/examples/js/radio-activedescendant.js b/content-assets/wai-aria-practices/patterns/radio/examples/js/radio-activedescendant.js
similarity index 100%
rename from ARIA/apg/patterns/radio/examples/js/radio-activedescendant.js
rename to content-assets/wai-aria-practices/patterns/radio/examples/js/radio-activedescendant.js
diff --git a/ARIA/apg/patterns/radio/examples/js/radio-rating.js b/content-assets/wai-aria-practices/patterns/radio/examples/js/radio-rating.js
similarity index 100%
rename from ARIA/apg/patterns/radio/examples/js/radio-rating.js
rename to content-assets/wai-aria-practices/patterns/radio/examples/js/radio-rating.js
diff --git a/ARIA/apg/patterns/radio/examples/js/radio.js b/content-assets/wai-aria-practices/patterns/radio/examples/js/radio.js
similarity index 100%
rename from ARIA/apg/patterns/radio/examples/js/radio.js
rename to content-assets/wai-aria-practices/patterns/radio/examples/js/radio.js
diff --git a/ARIA/apg/patterns/slider-multithumb/examples/css/slider-multithumb.css b/content-assets/wai-aria-practices/patterns/slider-multithumb/examples/css/slider-multithumb.css
similarity index 100%
rename from ARIA/apg/patterns/slider-multithumb/examples/css/slider-multithumb.css
rename to content-assets/wai-aria-practices/patterns/slider-multithumb/examples/css/slider-multithumb.css
diff --git a/ARIA/apg/patterns/slider-multithumb/examples/js/slider-multithumb.js b/content-assets/wai-aria-practices/patterns/slider-multithumb/examples/js/slider-multithumb.js
similarity index 100%
rename from ARIA/apg/patterns/slider-multithumb/examples/js/slider-multithumb.js
rename to content-assets/wai-aria-practices/patterns/slider-multithumb/examples/js/slider-multithumb.js
diff --git a/ARIA/apg/patterns/slider/examples/css/slider-color-viewer.css b/content-assets/wai-aria-practices/patterns/slider/examples/css/slider-color-viewer.css
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/css/slider-color-viewer.css
rename to content-assets/wai-aria-practices/patterns/slider/examples/css/slider-color-viewer.css
diff --git a/ARIA/apg/patterns/slider/examples/css/slider-rating.css b/content-assets/wai-aria-practices/patterns/slider/examples/css/slider-rating.css
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/css/slider-rating.css
rename to content-assets/wai-aria-practices/patterns/slider/examples/css/slider-rating.css
diff --git a/ARIA/apg/patterns/slider/examples/css/slider-seek.css b/content-assets/wai-aria-practices/patterns/slider/examples/css/slider-seek.css
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/css/slider-seek.css
rename to content-assets/wai-aria-practices/patterns/slider/examples/css/slider-seek.css
diff --git a/ARIA/apg/patterns/slider/examples/css/slider-temperature.css b/content-assets/wai-aria-practices/patterns/slider/examples/css/slider-temperature.css
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/css/slider-temperature.css
rename to content-assets/wai-aria-practices/patterns/slider/examples/css/slider-temperature.css
diff --git a/ARIA/apg/patterns/slider/examples/images/arrow-down-a.png b/content-assets/wai-aria-practices/patterns/slider/examples/images/arrow-down-a.png
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/arrow-down-a.png
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/arrow-down-a.png
diff --git a/ARIA/apg/patterns/slider/examples/images/arrow-up-a.png b/content-assets/wai-aria-practices/patterns/slider/examples/images/arrow-up-a.png
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/arrow-up-a.png
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/arrow-up-a.png
diff --git a/ARIA/apg/patterns/slider/examples/images/max-arrow-2.png b/content-assets/wai-aria-practices/patterns/slider/examples/images/max-arrow-2.png
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/max-arrow-2.png
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/max-arrow-2.png
diff --git a/ARIA/apg/patterns/slider/examples/images/max-arrow.paint b/content-assets/wai-aria-practices/patterns/slider/examples/images/max-arrow.paint
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/max-arrow.paint
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/max-arrow.paint
diff --git a/ARIA/apg/patterns/slider/examples/images/max-arrow.png b/content-assets/wai-aria-practices/patterns/slider/examples/images/max-arrow.png
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/max-arrow.png
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/max-arrow.png
diff --git a/ARIA/apg/patterns/slider/examples/images/max-arrow.svg b/content-assets/wai-aria-practices/patterns/slider/examples/images/max-arrow.svg
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/max-arrow.svg
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/max-arrow.svg
diff --git a/ARIA/apg/patterns/slider/examples/images/min-arow.svg b/content-assets/wai-aria-practices/patterns/slider/examples/images/min-arow.svg
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/min-arow.svg
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/min-arow.svg
diff --git a/ARIA/apg/patterns/slider/examples/images/min-arrow-2.png b/content-assets/wai-aria-practices/patterns/slider/examples/images/min-arrow-2.png
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/min-arrow-2.png
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/min-arrow-2.png
diff --git a/ARIA/apg/patterns/slider/examples/images/min-arrow.png b/content-assets/wai-aria-practices/patterns/slider/examples/images/min-arrow.png
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/min-arrow.png
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/min-arrow.png
diff --git a/ARIA/apg/patterns/slider/examples/images/min-arrow.svg b/content-assets/wai-aria-practices/patterns/slider/examples/images/min-arrow.svg
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/images/min-arrow.svg
rename to content-assets/wai-aria-practices/patterns/slider/examples/images/min-arrow.svg
diff --git a/ARIA/apg/patterns/slider/examples/js/slider-color-viewer.js b/content-assets/wai-aria-practices/patterns/slider/examples/js/slider-color-viewer.js
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/js/slider-color-viewer.js
rename to content-assets/wai-aria-practices/patterns/slider/examples/js/slider-color-viewer.js
diff --git a/ARIA/apg/patterns/slider/examples/js/slider-rating.js b/content-assets/wai-aria-practices/patterns/slider/examples/js/slider-rating.js
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/js/slider-rating.js
rename to content-assets/wai-aria-practices/patterns/slider/examples/js/slider-rating.js
diff --git a/ARIA/apg/patterns/slider/examples/js/slider-seek.js b/content-assets/wai-aria-practices/patterns/slider/examples/js/slider-seek.js
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/js/slider-seek.js
rename to content-assets/wai-aria-practices/patterns/slider/examples/js/slider-seek.js
diff --git a/ARIA/apg/patterns/slider/examples/js/slider-temperature.js b/content-assets/wai-aria-practices/patterns/slider/examples/js/slider-temperature.js
similarity index 100%
rename from ARIA/apg/patterns/slider/examples/js/slider-temperature.js
rename to content-assets/wai-aria-practices/patterns/slider/examples/js/slider-temperature.js
diff --git a/ARIA/apg/patterns/spinbutton/examples/css/datepicker-spinbuttons.css b/content-assets/wai-aria-practices/patterns/spinbutton/examples/css/datepicker-spinbuttons.css
similarity index 100%
rename from ARIA/apg/patterns/spinbutton/examples/css/datepicker-spinbuttons.css
rename to content-assets/wai-aria-practices/patterns/spinbutton/examples/css/datepicker-spinbuttons.css
diff --git a/ARIA/apg/patterns/spinbutton/examples/js/datepicker-spinbuttons.js b/content-assets/wai-aria-practices/patterns/spinbutton/examples/js/datepicker-spinbuttons.js
similarity index 100%
rename from ARIA/apg/patterns/spinbutton/examples/js/datepicker-spinbuttons.js
rename to content-assets/wai-aria-practices/patterns/spinbutton/examples/js/datepicker-spinbuttons.js
diff --git a/ARIA/apg/patterns/spinbutton/examples/js/spinbutton-date.js b/content-assets/wai-aria-practices/patterns/spinbutton/examples/js/spinbutton-date.js
similarity index 100%
rename from ARIA/apg/patterns/spinbutton/examples/js/spinbutton-date.js
rename to content-assets/wai-aria-practices/patterns/spinbutton/examples/js/spinbutton-date.js
diff --git a/ARIA/apg/patterns/switch/examples/css/switch-button.css b/content-assets/wai-aria-practices/patterns/switch/examples/css/switch-button.css
similarity index 100%
rename from ARIA/apg/patterns/switch/examples/css/switch-button.css
rename to content-assets/wai-aria-practices/patterns/switch/examples/css/switch-button.css
diff --git a/ARIA/apg/patterns/switch/examples/css/switch-checkbox.css b/content-assets/wai-aria-practices/patterns/switch/examples/css/switch-checkbox.css
similarity index 100%
rename from ARIA/apg/patterns/switch/examples/css/switch-checkbox.css
rename to content-assets/wai-aria-practices/patterns/switch/examples/css/switch-checkbox.css
diff --git a/ARIA/apg/patterns/switch/examples/css/switch.css b/content-assets/wai-aria-practices/patterns/switch/examples/css/switch.css
similarity index 100%
rename from ARIA/apg/patterns/switch/examples/css/switch.css
rename to content-assets/wai-aria-practices/patterns/switch/examples/css/switch.css
diff --git a/ARIA/apg/patterns/switch/examples/js/switch-button.js b/content-assets/wai-aria-practices/patterns/switch/examples/js/switch-button.js
similarity index 100%
rename from ARIA/apg/patterns/switch/examples/js/switch-button.js
rename to content-assets/wai-aria-practices/patterns/switch/examples/js/switch-button.js
diff --git a/ARIA/apg/patterns/switch/examples/js/switch-checkbox.js b/content-assets/wai-aria-practices/patterns/switch/examples/js/switch-checkbox.js
similarity index 100%
rename from ARIA/apg/patterns/switch/examples/js/switch-checkbox.js
rename to content-assets/wai-aria-practices/patterns/switch/examples/js/switch-checkbox.js
diff --git a/ARIA/apg/patterns/switch/examples/js/switch.js b/content-assets/wai-aria-practices/patterns/switch/examples/js/switch.js
similarity index 100%
rename from ARIA/apg/patterns/switch/examples/js/switch.js
rename to content-assets/wai-aria-practices/patterns/switch/examples/js/switch.js
diff --git a/ARIA/apg/patterns/table/examples/css/sortable-table.css b/content-assets/wai-aria-practices/patterns/table/examples/css/sortable-table.css
similarity index 100%
rename from ARIA/apg/patterns/table/examples/css/sortable-table.css
rename to content-assets/wai-aria-practices/patterns/table/examples/css/sortable-table.css
diff --git a/ARIA/apg/patterns/table/examples/css/table.css b/content-assets/wai-aria-practices/patterns/table/examples/css/table.css
similarity index 100%
rename from ARIA/apg/patterns/table/examples/css/table.css
rename to content-assets/wai-aria-practices/patterns/table/examples/css/table.css
diff --git a/ARIA/apg/patterns/table/examples/js/sortable-table.js b/content-assets/wai-aria-practices/patterns/table/examples/js/sortable-table.js
similarity index 100%
rename from ARIA/apg/patterns/table/examples/js/sortable-table.js
rename to content-assets/wai-aria-practices/patterns/table/examples/js/sortable-table.js
diff --git a/ARIA/apg/patterns/tabs/examples/css/tabs.css b/content-assets/wai-aria-practices/patterns/tabs/examples/css/tabs.css
similarity index 100%
rename from ARIA/apg/patterns/tabs/examples/css/tabs.css
rename to content-assets/wai-aria-practices/patterns/tabs/examples/css/tabs.css
diff --git a/ARIA/apg/patterns/tabs/examples/js/tabs-automatic.js b/content-assets/wai-aria-practices/patterns/tabs/examples/js/tabs-automatic.js
similarity index 100%
rename from ARIA/apg/patterns/tabs/examples/js/tabs-automatic.js
rename to content-assets/wai-aria-practices/patterns/tabs/examples/js/tabs-automatic.js
diff --git a/ARIA/apg/patterns/tabs/examples/js/tabs-manual.js b/content-assets/wai-aria-practices/patterns/tabs/examples/js/tabs-manual.js
similarity index 100%
rename from ARIA/apg/patterns/tabs/examples/js/tabs-manual.js
rename to content-assets/wai-aria-practices/patterns/tabs/examples/js/tabs-manual.js
diff --git a/ARIA/apg/patterns/toolbar/examples/css/menuButton.css b/content-assets/wai-aria-practices/patterns/toolbar/examples/css/menuButton.css
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/css/menuButton.css
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/css/menuButton.css
diff --git a/ARIA/apg/patterns/toolbar/examples/css/toolbar.css b/content-assets/wai-aria-practices/patterns/toolbar/examples/css/toolbar.css
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/css/toolbar.css
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/css/toolbar.css
diff --git a/ARIA/apg/patterns/toolbar/examples/help.html b/content-assets/wai-aria-practices/patterns/toolbar/examples/help.html
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/help.html
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/help.html
diff --git a/ARIA/apg/patterns/toolbar/examples/images/menuitemradio-checked.svg b/content-assets/wai-aria-practices/patterns/toolbar/examples/images/menuitemradio-checked.svg
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/images/menuitemradio-checked.svg
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/images/menuitemradio-checked.svg
diff --git a/ARIA/apg/patterns/toolbar/examples/images/menuitemradio-unchecked.svg b/content-assets/wai-aria-practices/patterns/toolbar/examples/images/menuitemradio-unchecked.svg
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/images/menuitemradio-unchecked.svg
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/images/menuitemradio-unchecked.svg
diff --git a/ARIA/apg/patterns/toolbar/examples/images/pulldown-icon-focus.svg b/content-assets/wai-aria-practices/patterns/toolbar/examples/images/pulldown-icon-focus.svg
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/images/pulldown-icon-focus.svg
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/images/pulldown-icon-focus.svg
diff --git a/ARIA/apg/patterns/toolbar/examples/images/pulldown-icon.svg b/content-assets/wai-aria-practices/patterns/toolbar/examples/images/pulldown-icon.svg
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/images/pulldown-icon.svg
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/images/pulldown-icon.svg
diff --git a/ARIA/apg/patterns/toolbar/examples/js/FontMenu.js b/content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenu.js
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/js/FontMenu.js
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenu.js
diff --git a/ARIA/apg/patterns/toolbar/examples/js/FontMenuButton.js b/content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenuButton.js
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/js/FontMenuButton.js
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenuButton.js
diff --git a/ARIA/apg/patterns/toolbar/examples/js/FontMenuItem.js b/content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenuItem.js
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/js/FontMenuItem.js
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/js/FontMenuItem.js
diff --git a/ARIA/apg/patterns/toolbar/examples/js/FormatToolbar.js b/content-assets/wai-aria-practices/patterns/toolbar/examples/js/FormatToolbar.js
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/js/FormatToolbar.js
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/js/FormatToolbar.js
diff --git a/ARIA/apg/patterns/toolbar/examples/js/FormatToolbarItem.js b/content-assets/wai-aria-practices/patterns/toolbar/examples/js/FormatToolbarItem.js
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/js/FormatToolbarItem.js
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/js/FormatToolbarItem.js
diff --git a/ARIA/apg/patterns/toolbar/examples/js/SpinButton.js b/content-assets/wai-aria-practices/patterns/toolbar/examples/js/SpinButton.js
similarity index 100%
rename from ARIA/apg/patterns/toolbar/examples/js/SpinButton.js
rename to content-assets/wai-aria-practices/patterns/toolbar/examples/js/SpinButton.js
diff --git a/ARIA/apg/patterns/treegrid/examples/css/treegrid-1.css b/content-assets/wai-aria-practices/patterns/treegrid/examples/css/treegrid-1.css
similarity index 100%
rename from ARIA/apg/patterns/treegrid/examples/css/treegrid-1.css
rename to content-assets/wai-aria-practices/patterns/treegrid/examples/css/treegrid-1.css
diff --git a/ARIA/apg/patterns/treegrid/examples/js/treegrid-1.js b/content-assets/wai-aria-practices/patterns/treegrid/examples/js/treegrid-1.js
similarity index 100%
rename from ARIA/apg/patterns/treegrid/examples/js/treegrid-1.js
rename to content-assets/wai-aria-practices/patterns/treegrid/examples/js/treegrid-1.js
diff --git a/ARIA/apg/patterns/treeview/examples/css/tree.css b/content-assets/wai-aria-practices/patterns/treeview/examples/css/tree.css
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/css/tree.css
rename to content-assets/wai-aria-practices/patterns/treeview/examples/css/tree.css
diff --git a/ARIA/apg/patterns/treeview/examples/css/treeview-navigation.css b/content-assets/wai-aria-practices/patterns/treeview/examples/css/treeview-navigation.css
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/css/treeview-navigation.css
rename to content-assets/wai-aria-practices/patterns/treeview/examples/css/treeview-navigation.css
diff --git a/ARIA/apg/patterns/treeview/examples/images/aria-current.svg b/content-assets/wai-aria-practices/patterns/treeview/examples/images/aria-current.svg
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/images/aria-current.svg
rename to content-assets/wai-aria-practices/patterns/treeview/examples/images/aria-current.svg
diff --git a/ARIA/apg/patterns/treeview/examples/images/down-arrow-brown.png b/content-assets/wai-aria-practices/patterns/treeview/examples/images/down-arrow-brown.png
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/images/down-arrow-brown.png
rename to content-assets/wai-aria-practices/patterns/treeview/examples/images/down-arrow-brown.png
diff --git a/ARIA/apg/patterns/treeview/examples/images/right-arrow-brown.png b/content-assets/wai-aria-practices/patterns/treeview/examples/images/right-arrow-brown.png
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/images/right-arrow-brown.png
rename to content-assets/wai-aria-practices/patterns/treeview/examples/images/right-arrow-brown.png
diff --git a/ARIA/apg/patterns/treeview/examples/js/tree.js b/content-assets/wai-aria-practices/patterns/treeview/examples/js/tree.js
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/js/tree.js
rename to content-assets/wai-aria-practices/patterns/treeview/examples/js/tree.js
diff --git a/ARIA/apg/patterns/treeview/examples/js/treeitem.js b/content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitem.js
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/js/treeitem.js
rename to content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitem.js
diff --git a/ARIA/apg/patterns/treeview/examples/js/treeitemClick.js b/content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitemClick.js
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/js/treeitemClick.js
rename to content-assets/wai-aria-practices/patterns/treeview/examples/js/treeitemClick.js
diff --git a/ARIA/apg/patterns/treeview/examples/js/treeview-navigation.js b/content-assets/wai-aria-practices/patterns/treeview/examples/js/treeview-navigation.js
similarity index 100%
rename from ARIA/apg/patterns/treeview/examples/js/treeview-navigation.js
rename to content-assets/wai-aria-practices/patterns/treeview/examples/js/treeview-navigation.js
diff --git a/ARIA/apg/shared/css/core.css b/content-assets/wai-aria-practices/shared/css/core.css
similarity index 100%
rename from ARIA/apg/shared/css/core.css
rename to content-assets/wai-aria-practices/shared/css/core.css
diff --git a/ARIA/apg/shared/css/github.css b/content-assets/wai-aria-practices/shared/css/github.css
similarity index 100%
rename from ARIA/apg/shared/css/github.css
rename to content-assets/wai-aria-practices/shared/css/github.css
diff --git a/ARIA/apg/shared/js/app.js b/content-assets/wai-aria-practices/shared/js/app.js
similarity index 100%
rename from ARIA/apg/shared/js/app.js
rename to content-assets/wai-aria-practices/shared/js/app.js
diff --git a/ARIA/apg/shared/js/examples.js b/content-assets/wai-aria-practices/shared/js/examples.js
similarity index 100%
rename from ARIA/apg/shared/js/examples.js
rename to content-assets/wai-aria-practices/shared/js/examples.js
diff --git a/ARIA/apg/shared/js/highlight.pack.js b/content-assets/wai-aria-practices/shared/js/highlight.pack.js
similarity index 100%
rename from ARIA/apg/shared/js/highlight.pack.js
rename to content-assets/wai-aria-practices/shared/js/highlight.pack.js
diff --git a/ARIA/apg/shared/js/skipto.js b/content-assets/wai-aria-practices/shared/js/skipto.js
similarity index 100%
rename from ARIA/apg/shared/js/skipto.js
rename to content-assets/wai-aria-practices/shared/js/skipto.js
diff --git a/ARIA/apg/shared/js/specLinks.mjs b/content-assets/wai-aria-practices/shared/js/specLinks.mjs
similarity index 100%
rename from ARIA/apg/shared/js/specLinks.mjs
rename to content-assets/wai-aria-practices/shared/js/specLinks.mjs
diff --git a/ARIA/apg/shared/js/utils.js b/content-assets/wai-aria-practices/shared/js/utils.js
similarity index 100%
rename from ARIA/apg/shared/js/utils.js
rename to content-assets/wai-aria-practices/shared/js/utils.js
diff --git a/ARIA/apg/shared/templates/example-usage-warning.html b/content-assets/wai-aria-practices/shared/templates/example-usage-warning.html
similarity index 100%
rename from ARIA/apg/shared/templates/example-usage-warning.html
rename to content-assets/wai-aria-practices/shared/templates/example-usage-warning.html
diff --git a/ARIA/apg/images/DHTMLexample.png b/content-images/wai-aria-practices/images/DHTMLexample.png
similarity index 100%
rename from ARIA/apg/images/DHTMLexample.png
rename to content-images/wai-aria-practices/images/DHTMLexample.png
diff --git a/ARIA/apg/images/accessibleJSelement.png b/content-images/wai-aria-practices/images/accessibleJSelement.png
similarity index 100%
rename from ARIA/apg/images/accessibleJSelement.png
rename to content-images/wai-aria-practices/images/accessibleJSelement.png
diff --git a/ARIA/apg/images/accessibleelement.png b/content-images/wai-aria-practices/images/accessibleelement.png
similarity index 100%
rename from ARIA/apg/images/accessibleelement.png
rename to content-images/wai-aria-practices/images/accessibleelement.png
diff --git a/ARIA/apg/images/exampletree.png b/content-images/wai-aria-practices/images/exampletree.png
similarity index 100%
rename from ARIA/apg/images/exampletree.png
rename to content-images/wai-aria-practices/images/exampletree.png
diff --git a/ARIA/apg/images/index-1.svg b/content-images/wai-aria-practices/images/index-1.svg
similarity index 100%
rename from ARIA/apg/images/index-1.svg
rename to content-images/wai-aria-practices/images/index-1.svg
diff --git a/ARIA/apg/images/index-2.svg b/content-images/wai-aria-practices/images/index-2.svg
similarity index 100%
rename from ARIA/apg/images/index-2.svg
rename to content-images/wai-aria-practices/images/index-2.svg
diff --git a/ARIA/apg/images/index-3.svg b/content-images/wai-aria-practices/images/index-3.svg
similarity index 100%
rename from ARIA/apg/images/index-3.svg
rename to content-images/wai-aria-practices/images/index-3.svg
diff --git a/ARIA/apg/images/index-4.svg b/content-images/wai-aria-practices/images/index-4.svg
similarity index 100%
rename from ARIA/apg/images/index-4.svg
rename to content-images/wai-aria-practices/images/index-4.svg
diff --git a/ARIA/apg/images/index-5.svg b/content-images/wai-aria-practices/images/index-5.svg
similarity index 100%
rename from ARIA/apg/images/index-5.svg
rename to content-images/wai-aria-practices/images/index-5.svg
diff --git a/ARIA/apg/images/index-6.svg b/content-images/wai-aria-practices/images/index-6.svg
similarity index 100%
rename from ARIA/apg/images/index-6.svg
rename to content-images/wai-aria-practices/images/index-6.svg
diff --git a/ARIA/apg/images/index-7.svg b/content-images/wai-aria-practices/images/index-7.svg
similarity index 100%
rename from ARIA/apg/images/index-7.svg
rename to content-images/wai-aria-practices/images/index-7.svg
diff --git a/ARIA/apg/images/index-8.svg b/content-images/wai-aria-practices/images/index-8.svg
similarity index 100%
rename from ARIA/apg/images/index-8.svg
rename to content-images/wai-aria-practices/images/index-8.svg
diff --git a/ARIA/apg/images/inspectofpagetab.png b/content-images/wai-aria-practices/images/inspectofpagetab.png
similarity index 100%
rename from ARIA/apg/images/inspectofpagetab.png
rename to content-images/wai-aria-practices/images/inspectofpagetab.png
diff --git a/ARIA/apg/images/navlandmark.jpg b/content-images/wai-aria-practices/images/navlandmark.jpg
similarity index 100%
rename from ARIA/apg/images/navlandmark.jpg
rename to content-images/wai-aria-practices/images/navlandmark.jpg
diff --git a/ARIA/apg/images/taxonomy.png b/content-images/wai-aria-practices/images/taxonomy.png
similarity index 100%
rename from ARIA/apg/images/taxonomy.png
rename to content-images/wai-aria-practices/images/taxonomy.png
diff --git a/scripts/pre-build/library/formatForJekyll.js b/scripts/pre-build/library/formatForJekyll.js
index 4c81e49fc..cec8735ca 100644
--- a/scripts/pre-build/library/formatForJekyll.js
+++ b/scripts/pre-build/library/formatForJekyll.js
@@ -46,7 +46,7 @@ ${/* ${prettier.format(` */ ""}
 <!-- Code highlighting styles -->
 <link 
   rel="stylesheet"
-  href="{{ '/ARIA/apg/shared/css/github.css' | relative_url }}"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
 >
 ${
   !(addBodyClass || enableSidebar)
@@ -77,7 +77,7 @@ ${
 ${content}
 </div>
 <script 
-  src="{{ '/ARIA/apg/shared/js/skipto.js' | relative_url }}"
+  src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"
 ></script>
 ${/* `, { parser: "html" })} */ ""}`;
 };
diff --git a/scripts/pre-build/library/rewritePath.js b/scripts/pre-build/library/rewritePath.js
index b393d0c16..14c395aea 100644
--- a/scripts/pre-build/library/rewritePath.js
+++ b/scripts/pre-build/library/rewritePath.js
@@ -3,6 +3,7 @@ const determineContentType = require("./determineContentType");
 
 const sourceRoot = path.resolve(__dirname, "../../../_external/aria-practices");
 
+const projectRoot = path.resolve(__dirname, "../../../");
 const buildRoot = path.resolve(__dirname, "../../../ARIA/apg");
 
 const dirname = (sitePath) => {
@@ -32,7 +33,20 @@ const rewriteSourcePath = (sourcePath) => {
     buildRelative = buildRelative.replace(/\.html$/, ".md");
   }
 
-  const buildPath = path.resolve(buildRoot, buildRelative);
+  let buildPath = path.resolve(buildRoot, buildRelative);
+  if (buildRelative.match(/^images\//)) {
+    buildPath = path.resolve(projectRoot, `content-images/wai-aria-practices/${buildRelative}`)
+  }
+  if (buildRelative.match(/^shared\//) ||
+      buildRelative.match(/^patterns\/.*\/examples\/js\//) ||
+      buildRelative.match(/^patterns\/.*\/examples\/css\//) ||
+      buildRelative.match(/^patterns\/.*\/examples\/images\//) ||
+      buildRelative.match(/^patterns\/.*\/examples\/img\//) ||
+      buildRelative.match(/^patterns\/.*\/examples\/imgs\//) ||
+      buildRelative.includes('patterns/feed/examples/feedDisplay.html') ||
+      buildRelative.includes('patterns/toolbar/examples/help.html')) {
+    buildPath = path.resolve(projectRoot, `content-assets/wai-aria-practices/${buildRelative}`)
+  }
 
   const sitePath = getSitePath(buildPath, contentType);