CodeWithGroup
diff --git a/‎new_site/about.html‎
Lines changed: 9 additions & 3 deletions b/‎new_site/about.html‎
Lines changed: 9 additions & 3 deletions
diff --git a/‎new_site/activities.html‎
Lines changed: 9 additions & 3 deletions b/‎new_site/activities.html‎
Lines changed: 9 additions & 3 deletions
@@ -45,13 +45,14 @@
         <!-- I know scripts aren't supposed to go in the header, but we need this here in order to pick different suffix lists for the typewriter at the top -->
         <script src="./js/suffix-lists.js"></script>
         <script lang="javascript">
-            var suffixOptions = About;
+            var suffixOptions = eval("About".split(" ")[0]).map(function(x) { return x.toUpperCase(); });
         </script>
 
     </head>
 
 
 <body>
+    <a class="sr-only sr-only-focusable" href="#page-content">Skip to main content</a>
     <!-- Google Tag Manager (noscript) -->
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPSF3G7"
                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
@@ -105,6 +106,12 @@
                         <span>Resources</span>
                     </a>
                 </li>
+                <li class="sidebar-dropdown">
+                    <a href="branding.html">
+                        <i class="fas fa-palette"></i>
+                        <span>Branding</span>
+                    </a>
+                </li>
                 <li class="sidebar-dropdown">
                     <a href="people.html">
                         <i class="fa fa-users"></i>
@@ -133,8 +140,7 @@
         </div>
     </div>
 </nav>
-        <main role="main" class="page-content">
-            <a name="top"></a>
+        <main role="main" class="page-content" id="page-content">
             <div class="row">
                 <div class="main-logo">
                     <a href="index.html"><img src="./images/keyboard-green.png"></a>
 
@@ -45,13 +45,14 @@
         <!-- I know scripts aren't supposed to go in the header, but we need this here in order to pick different suffix lists for the typewriter at the top -->
         <script src="./js/suffix-lists.js"></script>
         <script lang="javascript">
-            var suffixOptions = Activities;
+            var suffixOptions = eval("Activities".split(" ")[0]).map(function(x) { return x.toUpperCase(); });
         </script>
 
     </head>
 
 
 <body>
+    <a class="sr-only sr-only-focusable" href="#page-content">Skip to main content</a>
     <!-- Google Tag Manager (noscript) -->
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPSF3G7"
                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
@@ -105,6 +106,12 @@
                         <span>Resources</span>
                     </a>
                 </li>
+                <li class="sidebar-dropdown">
+                    <a href="branding.html">
+                        <i class="fas fa-palette"></i>
+                        <span>Branding</span>
+                    </a>
+                </li>
                 <li class="sidebar-dropdown">
                     <a href="people.html">
                         <i class="fa fa-users"></i>
@@ -133,8 +140,7 @@
         </div>
     </div>
 </nav>
-        <main role="main" class="page-content">
-            <a name="top"></a>
+        <main role="main" class="page-content" id="page-content">
             <div class="row">
                 <div class="main-logo">
                     <a href="index.html"><img src="./images/keyboard-green.png"></a>