chore: Update branch with latest landmark-example changes and submo…

…dule updates

ARIA/apg/patterns/landmarks/landmarks-pattern.md

@@ -27,82 +27,17 @@ 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>
 
 <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"

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;
+}
+

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();