diff --git a/ARIA/apg/about/code-guide/code-guide.md b/ARIA/apg/about/code-guide/code-guide.md
new file mode 100644
index 000000000..1b73067de
--- /dev/null
+++ b/ARIA/apg/about/code-guide/code-guide.md
@@ -0,0 +1,59 @@
+---
+# This file was generated by scripts/pre-build/library/formatForJekyll.js
+title: "Code Guide"
+ref: /ARIA/apg/about/code-guide/
+
+github:
+  repository: w3c/aria-practices
+  branch: main
+  path: content/about/code-guide/code-guide.html
+feedbackmail: public-aria-practices@w3.org
+permalink: /ARIA/apg/about/code-guide/
+
+sidebar: false
+
+
+
+# Context here: https://github.com/w3c/wai-aria-practices/issues/31
+type_of_guidance: APG
+
+lang: en
+---
+<meta charset="UTF-8" />
+<meta content="width=device-width, initial-scale=1.0" name="viewport" />
+<title>Code Guide</title>
+
+<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 
+  rel="stylesheet"
+  href="{{ '/content-assets/wai-aria-practices/styles.css' | relative_url }}"
+>
+<!-- Code highlighting styles -->
+<link 
+  rel="stylesheet"
+  href="{{ '/content-assets/wai-aria-practices/shared/css/github.css' | relative_url }}"
+>
+
+
+<script>
+    const parentPage = window.location.pathname.match(
+      /\/(patterns|practices|about)\//
+    )?.[1];
+    if (parentPage) {
+      const parentHref = 'a[href*="' + parentPage + '"]';
+      document.querySelector(parentHref).classList.add('active');
+    }
+  </script>
+<div>
+
+  <div>
+    
+
+  </div>
+
+</div>
+<script src="{{ '/content-assets/wai-aria-practices/shared/js/skipto.js' | relative_url }}"></script>
+
diff --git a/_external/aria-practices b/_external/aria-practices
index 2d60c413e..d1d61c6a9 160000
--- a/_external/aria-practices
+++ b/_external/aria-practices
@@ -1 +1 @@
-Subproject commit 2d60c413ec23875a30162364a7e715b26875d9db
+Subproject commit d1d61c6a9f397d53961e7df2a024fb1bfa92443a