Merge branch 'header-refinement' into contexts-build

merge minor header component feature changes

Author: possumbilities

src/context/home-index.html

@@ -23,6 +23,7 @@ <h1><a class="identity-logo" href="#">Creative Commons</a></h1>
                 <li><a href="#">Licenses and Tools</a></li>
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Support Us</a></li>
+                <li><a class="attention" href="https://summit.creativecommons.org/">Global Summit 2023</a></li>
             </ul>
         </nav>
 

src/vocabulary/css/vocabulary.css

@@ -222,9 +222,10 @@ body > header {
 }
 
 .masthead .primary-menu ul li {
+    display: flex;
+    align-items: center;
     margin-top: 5px;
-    margin-left: 20px;
-    
+    margin-left: 20px;  
 }
 
 .masthead .primary-menu ul li a {
@@ -241,6 +242,15 @@ body > header {
     color: black;
 }
 
+.masthead .primary-menu ul li a.attention {
+    display: inline-block;
+    padding: 0.5em;
+
+    background: var(--vocabulary-brand-color-turquoise);
+    color: white;
+    border-radius: 4px;
+}
+
 button.expand-menu {
     display: none;
 }