copilot fixes

Author: chrismoroney

themes/arm-design-system-hugo-theme/layouts/index.html

@@ -66,14 +66,14 @@ <h1 id="homepage-header" class="orchard-breeze-text">Arm Learning Paths</h1>
                 {{ if eq .Title "Servers and Cloud Computing" }}
                     {{ $iconFilename = "Cloud.svg" }}
                 {{ else if eq .Title "Mobile, Graphics, and Gaming" }}
-                    {{ $iconFilename = "Premium%20Phone.svg" }}
+                    {{ $iconFilename = "premium-phone.svg" }}
                 {{ else if eq .Title "Embedded and Microcontrollers" }}
                     {{ $iconFilename = "Microcontroller.svg" }}
                 {{ end }}
                 <a href="{{.Permalink}}">
                 <div class="main-topic-card c-row" style="flex-wrap: nowrap !important;">
                     <div class="c-col-3">
-                        <img alt="Icon for {{.Title}}" aria-hidden="true" src="img/main-topic-icons/{{ $iconFilename }}" width="60" height="45" />
+                        <img alt="" aria-hidden="true" src="img/main-topic-icons/{{ $iconFilename }}" width="60" height="45" />
                     </div>
                     <div class="maintopic-content c-col-9 u-margin-left-1">                       
                         <h3 class="main-topic-title u-margin-top-1/2 u-margin-bottom-1/2">{{ replace .Title "and" "&" }}</h3>   
@@ -87,7 +87,7 @@ <h3 class="main-topic-title u-margin-top-1/2 u-margin-bottom-1/2">{{ replace .Ti
             <a href="/tag/ml/">
             <div class="main-topic-card c-row" style="flex-wrap: nowrap !important;">
                 <div class="c-col-3">
-                    <img alt="Icon for AI" aria-hidden="true" src="img/main-topic-icons/AI_2.svg" width="60" height="45" style="width: 100%;" />
+                    <img alt="" aria-hidden="true" src="img/main-topic-icons/AI_2.svg" width="60" height="45" style="width: 100%;" />
                 </div>
                 <div class="maintopic-content c-col-9 u-margin-left-1">
                     <h3 class="main-topic-title u-margin-top-1/2 u-margin-bottom-1/2">AI</h3> 

themes/arm-design-system-hugo-theme/layouts/partials/header/color-refresh-alert.html

@@ -15,9 +15,13 @@
     (function () {
         var dismissalKey = 'arm-learning-paths-color-refresh-alert-dismissed-v1';
         var container = document.getElementById('color-refresh-alert-container');
-        var alert = document.getElementById('color-refresh-alert');
+        var alertElement = document.getElementById('color-refresh-alert');
         var dismissed = false;
 
+        if (!container || !alertElement) {
+            return;
+        }
+
         try {
             dismissed = window.localStorage.getItem(dismissalKey) === 'true';
         } catch (error) {
@@ -28,7 +32,7 @@
             container.hidden = false;
         }
 
-        alert.addEventListener('visibleChange', function (event) {
+        alertElement.addEventListener('visibleChange', function (event) {
             if (event.detail && event.detail.visible === false) {
                 try {
                     window.localStorage.setItem(dismissalKey, 'true');