Fixed the h2s. Fixed the chart. Added videos.

.eleventy.js

@@ -102,12 +102,12 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({ "public": "/" });
   eleventyConfig.addPassthroughCopy({ "node_modules/@uswds/uswds/dist/fonts": "/_includes/theme/fonts" });
   eleventyConfig.addPassthroughCopy({ "_includes/theme/fonts": "assets/fonts" });
-  //eleventyConfig.addPassthroughCopy({ "_includes/theme/fonts": "theme/fonts" });
-  //eleventyConfig.addPassthroughCopy({ "node_modules/@uswds/uswds/dist/fonts": "assets/fonts" });
   eleventyConfig.addPassthroughCopy({ "_includes/theme/images": "assets/images" });
   eleventyConfig.addPassthroughCopy({ "reports/pdfs": "impact" });
   eleventyConfig.addPassthroughCopy({ "node_modules/@uswds/uswds/img": "assets/uswds/img" });
-  // eleventyConfig.addPassthroughCopy({ "_includes/theme/uswds-2.10.1-dist/js": "assets/theme/uswds/js" });
+  eleventyConfig.addPassthroughCopy({ "node_modules/jquery/dist/jquery.min.js": "assets/js/jquery.min.js" });
+  eleventyConfig.addPassthroughCopy({ "node_modules/js-cookie/dist/js.cookie.min.js": "assets/js/js.cookie.min.js" });
+  eleventyConfig.addPassthroughCopy({ "_includes/theme/ableplayer": "assets/ableplayer" });
 
   // Copy USWDS init JS so we can load it in HEAD to prevent banner flashing
   eleventyConfig.addPassthroughCopy({

_data/assetPaths.json

@@ -85,6 +85,6 @@
   "warning.svg": "/assets/assets/warning-5OR6W6GJ.svg",
   "app.js": "/assets/js/app-EDZES2YK.js",
   "app.map": "/assets/js/app-EDZES2YK.js.map",
-  "index.css": "/assets/styles/index-NJ3J5FHA.css",
-  "index.map": "/assets/styles/index-NJ3J5FHA.css.map"
+  "index.css": "/assets/styles/index-ULO6TUKG.css",
+  "index.map": "/assets/styles/index-ULO6TUKG.css.map"
 }

_includes/components/head.html

@@ -26,6 +26,7 @@
   <link href="{{ '/favicon/favicon-16x16.png' | url }}" rel="icon" sizes="16x16" type="image/png">
   <link href="{{ '/favicon/favicon.ico' | url }}" rel="shortcut icon">
 
+  <link rel="stylesheet" href="{{ '/assets/ableplayer/build/ableplayer.min.css' | url }}" type="text/css" />
   <link rel="preload" href="{{ assetPaths['Poppins-Bold.woff2'] }}" as="font" type="font/woff2" crossorigin>
   <link rel="stylesheet" href="{{ assetPaths['index.css'] }}" type="text/css" />
   {% capture js %}
@@ -48,4 +49,7 @@
   <script src="{{ '/assets/uswds/js/uswds-init.js' | url }}"></script>
 
   <script async="" src="{{ assetPaths['app.js'] }} "></script>
+  <script src="{{ '/assets/js/jquery.min.js' | url }}"></script>
+  <script src="{{ '/assets/js/js.cookie.min.js' | url }}"></script>
+  <script src="{{ '/assets/ableplayer/build/ableplayer.min.js' | url }}"></script>
 </head>

_includes/components/miscellaneous-bar-chart.html

@@ -53,6 +53,8 @@ <h5 class="fy__wrapper-label font-sans-sm" id="{{- fy.name -}}_label">
   </ul>
 </figure>
 
+
+<style>
 {% for item in chartLegend %}
 .bg--{{- item[0] }} {
   background: {{ item[1].color }}

_includes/theme/ableplayer/LICENSE

@@ -0,0 +1,26 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 University of Washington
+
+Able Player development is supported in part by The AccessComputing project, 
+with financial support from the National Science Foundation 
+(grant #CNS-0540615, CNS-0837508, and CNS-1042260); 
+and by the Committee on Institutional Cooperation (CIC).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.