From 40313c94a49ab791313c5bf4fc3c1e2ef2f11b71 Mon Sep 17 00:00:00 2001
From: w3cgruntbot <w3cgruntbot@users.noreply.github.com>
Date: Wed, 29 Jan 2025 01:49:28 +0000
Subject: [PATCH] chore: Update branch with latest `landmark-example` changes
 and submodule updates

---
 .../patterns/landmarks/landmarks-pattern.md   | 73 +------------------
 _external/aria-practices                      |  2 +-
 .../landmarks/css/landmarks-pattern.css       | 68 +++++++++++++++++
 .../patterns/landmarks/js/image-resizing.js   | 16 +++-
 4 files changed, 86 insertions(+), 73 deletions(-)
 create mode 100644 content-assets/wai-aria-practices/patterns/landmarks/css/landmarks-pattern.css

diff --git a/ARIA/apg/patterns/landmarks/landmarks-pattern.md b/ARIA/apg/patterns/landmarks/landmarks-pattern.md
index c66988a31..b4c29a2e1 100644
--- a/ARIA/apg/patterns/landmarks/landmarks-pattern.md
+++ b/ARIA/apg/patterns/landmarks/landmarks-pattern.md
@@ -27,6 +27,10 @@ lang: en
   rel="stylesheet"
   href="../../../../content-assets/wai-aria-practices/patterns/landmarks/css/tabs.css"
 />
+<link
+  rel="stylesheet"
+  href="../../../../content-assets/wai-aria-practices/patterns/landmarks/css/landmarks-pattern.css"
+/>
 
 <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>
@@ -34,75 +38,6 @@ lang: en
 <script src="../../../../content-assets/wai-aria-practices/patterns/landmarks/js/tabs-automatic.js"></script>
 <script src="../../../../content-assets/wai-aria-practices/patterns/landmarks/js/image-resizing.js"></script>
 
-<style>
-  .landmark h3 {
-    margin: 0;
-    padding: 0;
-  }
-  .landmark [role="tabpanel"] h3 {
-    margin: 0;
-    padding: 0;
-    margin-top: 1em;
-  }
-
-  [role="tabpanel"] pre {
-    margin: 0;
-    padding: 0;
-  }
-  pre code.hljs {
-    background-color: #eee;
-  }
-
-  fieldset {
-    margin-top: 1em;
-    max-width: 15em;
-  }
-
-  label {
-    margin-top: 0.5em;
-    display: block;
-  }
-
-  input[type="text"] {
-    margin: 0;
-    padding: 0;
-    display: block;
-  }
-
-  input[type="submit"] {
-    margin-top: 1em;
-    display: block;
-  }
-
-  #at figure {
-    margin: 0;
-    padding: 0;
-    margin-top: 2em;
-    border: 2px solid #005a9c;
-    border-radius: 5px;
-    background-color: #ddd;
-    width: auto;
-    max-width: 760px;
-    overflow: clip;
-  }
-
-  #at figure figcaption {
-    margin: 0;
-    padding: 0.5em;
-    background-color: #ddd;
-    text-align: center;
-    font-weight: bold;
-    font-size: 110%;
-  }
-
-  #at figure img {
-    margin: 0;
-    padding: 2px;
-    border: none;
-    width: auto;
-  }
-</style>
-
 
 <link 
   rel="stylesheet"
diff --git a/_external/aria-practices b/_external/aria-practices
index 0a85ae922..0a88462a5 160000
--- a/_external/aria-practices
+++ b/_external/aria-practices
@@ -1 +1 @@
-Subproject commit 0a85ae922cea23f5b48b847229dea2240212c45f
+Subproject commit 0a88462a542eb0d5d60b129041ed5b51b013a470
diff --git a/content-assets/wai-aria-practices/patterns/landmarks/css/landmarks-pattern.css b/content-assets/wai-aria-practices/patterns/landmarks/css/landmarks-pattern.css
new file mode 100644
index 000000000..1a7e1b68b
--- /dev/null
+++ b/content-assets/wai-aria-practices/patterns/landmarks/css/landmarks-pattern.css
@@ -0,0 +1,68 @@
+.landmark h3 {
+  margin: 0;
+  padding: 0;
+}
+
+.landmark [role=tabpanel] h3 {
+  margin: 0;
+  padding: 0;
+  margin-top: 1em;
+}
+
+[role=tabpanel] pre {
+  margin: 0;
+  padding: 0;
+}
+
+pre code.hljs {
+  background-color: #eee;
+}
+
+fieldset {
+  margin-top: 1em;
+  max-width: 15em;
+}
+
+label {
+  margin-top: 0.5em;
+  display: block;
+}
+
+input[type=text] {
+  margin: 0;
+  padding: 0;
+  display: block;
+}
+
+input[type=submit] {
+  margin-top: 1em;
+  display: block;
+}
+
+#at figure {
+  margin: 0;
+  padding: 0;
+  margin-top: 2em;
+  border: 2px solid #005a9c;
+  border-radius: 5px;
+  background-color: #ddd;
+  width: auto;
+  max-width: 760px;
+}
+
+#at figure figcaption {
+  margin: 0;
+  padding: 0.5em;
+  background-color: #ddd;
+  text-align: center;
+  font-weight: bold;
+  font-size: 110%;
+}
+
+#at figure img {
+  margin: 0;
+  padding: 2px;
+  border: none;
+  width: auto;
+}
+
diff --git a/content-assets/wai-aria-practices/patterns/landmarks/js/image-resizing.js b/content-assets/wai-aria-practices/patterns/landmarks/js/image-resizing.js
index 80b9d4fad..91d52660b 100644
--- a/content-assets/wai-aria-practices/patterns/landmarks/js/image-resizing.js
+++ b/content-assets/wai-aria-practices/patterns/landmarks/js/image-resizing.js
@@ -1,7 +1,17 @@
-/* image-resizing.js */
-function resizeImagesInFigures () {
+/*
+ *   This content is licensed according to the W3C Software License at
+ *   https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
+ *
+ *   File:  image-resizing.js
+ *
+ *   Desc:   Resizes images to fit in figure elements
+ */
+
+'use strict';
+
+function resizeImagesInFigures() {
   const figures = document.querySelectorAll('#at figure');
-  for(let i = 0; i < figures.length; i += 1) {
+  for(let i = 0; i < figures.length; i++) {
     const image = figures[i].querySelector('img');
     if (image) {
       const rect = figures[i].getBoundingClientRect();