From 0a5e4ab99c53c497a37d8085d0e2d882f2ff6483 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Mon, 9 Dec 2024 11:33:04 -0500
Subject: [PATCH 1/2] Make sidebar headings links whenever an overview is
 available (#241)

---
 docs/_includes/sidebar.njk  | 27 ++++++++++++++++-----------
 docs/assets/styles/docs.css | 36 +++++++++++++++++++++++++++++++++---
 2 files changed, 49 insertions(+), 14 deletions(-)

diff --git a/docs/_includes/sidebar.njk b/docs/_includes/sidebar.njk
index 013aa7637..3c2233cfe 100644
--- a/docs/_includes/sidebar.njk
+++ b/docs/_includes/sidebar.njk
@@ -20,11 +20,12 @@
 </ul>
 
 {# Components #}
-<h2>Components</h2>
+<h2>
+  <a href="/docs/components/" title="Overview">Components
+    <wa-icon name="grid-2"></wa-icon>
+  </a>
+</h2>
 <ul>
-  <li>
-    <a href="/docs/components/">Components Overview</a>
-  </li>
   <li>
     <a href="/docs/components/animated-image">Animated Image</a>
   </li>
@@ -216,9 +217,12 @@
 </ul>
 
 {# Layout #}
-<h2>Layout</h2>
+<h2>
+  <a href="/docs/layout" title="Overview">Layout
+    <wa-icon name="grid-2"></wa-icon>
+  </a>
+</h2>
 <ul>
-  <li><a href="/docs/layout">Layout Overview</a></li>
   <li><a href="/docs/components/page">Page</a></li>
   <li><a href="/docs/layout/cluster">Cluster</a></li>
   <li><a href="/docs/layout/flank">Flank</a></li>
@@ -229,11 +233,12 @@
 </ul>
 
 {# Patterns #}
-<h2>Patterns</h2>
+<h2>
+  <a href="/docs/patterns/" title="Overview">Patterns
+    <wa-icon name="grid-2"></wa-icon>
+  </a>
+</h2>
 <ul>
-  <li>
-    <a href="/docs/patterns/">Pattern Overview</a>
-  </li>
   <li><a href="/docs/patterns/app">Web App</a></li>
   <li><a href="/docs/patterns/ecommerce">E-commerce</a>
     <ul>
@@ -290,4 +295,4 @@
   <li><a href="/docs/style-utilities/border-radius">Border Radius</a></li>
   <li><a href="/docs/style-utilities/gap">Gap</a></li>
   <li><a href="/docs/style-utilities/text">Text</a></li>
-</ul>
\ No newline at end of file
+</ul>
diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index de1d02348..89d38b9e6 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -88,9 +88,10 @@ wa-page > header {
   h2 {
     font-size: var(--wa-font-size-m);
     margin-block-end: var(--wa-space-m);
-  }
-  h2:not(:first-of-type) {
-    margin-block-start: var(--wa-space-xl);
+
+    &:not(:first-of-type) {
+      margin-block-start: var(--wa-space-xl);
+    }
   }
   ul {
     border-inline-start: var(--wa-border-width-s) solid var(--wa-color-surface-border);
@@ -115,6 +116,35 @@ wa-page > header {
   }
 }
 
+#sidebar {
+  h2 {
+    color: var(--wa-color-text-quiet);
+
+    a {
+      display: flex;
+      align-items: center;
+      gap: 0.4em;
+      color: var(--wa-color-text-normal);
+      text-decoration: none;
+
+      wa-icon {
+        margin-block-end: -0.15em;
+        font-size: var(--wa-font-size-s);
+        font-weight: var(--wa-font-weight-action);
+        color: var(--wa-color-gray-70);
+      }
+
+      &:hover {
+        color: var(--wa-color-brand-on-normal);
+
+        wa-icon {
+          color: var(--wa-color-brand-on-quiet);
+        }
+      }
+    }
+  }
+}
+
 #sidebar-close-button {
   display: none;
 }

From a1fc75689e74787254950066bd5ebf3e5932b389 Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Mon, 9 Dec 2024 11:55:24 -0500
Subject: [PATCH 2/2] fix outdated logo

---
 docs/assets/images/webawesome-logo.svg | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/assets/images/webawesome-logo.svg b/docs/assets/images/webawesome-logo.svg
index ca05b787c..1d58e868e 100644
--- a/docs/assets/images/webawesome-logo.svg
+++ b/docs/assets/images/webawesome-logo.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg" fill="#f68a4c">
-<path d="M11.63 1.625C11.63 2.27911 11.2435 2.84296 10.6865 3.10064L14 6L17.2622 5.34755C17.0968 5.10642 17 4.81452 17 4.5C17 3.67157 17.6716 3 18.5 3C19.3284 3 20 3.67157 20 4.5C20 5.31157 19.3555 5.9726 18.5504 5.99917L15.0307 13.8207C14.7077 14.5384 13.9939 15 13.2068 15H6.79317C6.00615 15 5.29229 14.5384 4.96933 13.8207L1.44963 5.99917C0.64452 5.9726 0 5.31157 0 4.5C0 3.67157 0.671573 3 1.5 3C2.32843 3 3 3.67157 3 4.5C3 4.81452 2.9032 5.10642 2.73777 5.34755L6 6L9.31702 3.09761C8.76346 2.83855 8.38 2.27656 8.38 1.625C8.38 0.727537 9.10754 0 10.005 0C10.9025 0 11.63 0.727537 11.63 1.625Z"/>
-</svg>
+<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.63 1.625C11.63 2.27911 11.2435 2.84296 10.6865 3.10064L14 6L17.2622 5.34755C17.0968 5.10642 17 4.81452 17 4.5C17 3.67157 17.6716 3 18.5 3C19.3284 3 20 3.67157 20 4.5C20 5.31157 19.3555 5.9726 18.5504 5.99917L15.0307 13.8207C14.7077 14.5384 13.9939 15 13.2068 15H6.79317C6.00615 15 5.29229 14.5384 4.96933 13.8207L1.44963 5.99917C0.64452 5.9726 0 5.31157 0 4.5C0 3.67157 0.671573 3 1.5 3C2.32843 3 3 3.67157 3 4.5C3 4.81452 2.9032 5.10642 2.73777 5.34755L6 6L9.31702 3.09761C8.76346 2.83855 8.38 2.27656 8.38 1.625C8.38 0.727537 9.10754 0 10.005 0C10.9025 0 11.63 0.727537 11.63 1.625Z" fill="var(--wa-brand-orange, #f36944)"/>
+</svg>
\ No newline at end of file