update banner and add note

Author: claviska

README.md

@@ -1,3 +1,11 @@
+# Introducing Web Awesome
+
+Web Awesome is the new name for Shoelace, and version 3 is now in beta! [Come check it out!](https://webawesome.com/) 🧡
+
+**Heads up!** Most of the project's activity is now happening [in the new repo](https://github.com/shoelace-style/webawesome).
+
+---
+
 # Shoelace
 
 A forward-thinking library of web components.
@@ -9,8 +17,6 @@ A forward-thinking library of web components.
 - Built with accessibility in mind ♿️
 - Open source 😸
 
-Designed in New Hampshire by [Cory LaViska](https://twitter.com/cory_laviska).
-
 ---
 
 Documentation: [shoelace.style](https://shoelace.style)
@@ -77,6 +83,6 @@ Shoelace is an open source project and contributions are encouraged! If you're i
 
 ## License
 
-Shoelace was created by [Cory LaViska](https://twitter.com/cory_laviska) and is available under the terms of the MIT license.
+Shoelace is available under the terms of the MIT license.
 
 Whether you're building Shoelace or building something _with_ Shoelace — have fun creating! 🥾

docs/_includes/default.njk

@@ -97,19 +97,19 @@
 
     <a
       class="ks-banner{% if toc %} with-toc{% endif %}"
-      href="https://www.kickstarter.com/projects/fontawesome/web-awesome?ref=71ihfk"
+      href="https://webawesome.com/"
       target="_blank"
     >
       <span>
         <svg viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg">
-          <path fill="#f36944" 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"/>
+          <path fill="white" 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>
         <span>
-          <strong style="white-space: nowrap;">Get ready for more awesome!</strong>
-          Web Awesome, the next iteration of Shoelace, is on Kickstarter.
+          <strong style="white-space: nowrap;">Web Awesome</strong> is the new name for Shoelace!
+          Come see the next iteration, now in beta.
         </span>
       </span>
-      <span class="faux-button">Read Our Story</span>
+      <span class="faux-button">Show me what's new!</span>
     </a>
 
     <aside id="sidebar" data-preserve-scroll>

docs/assets/styles/docs.css

@@ -1424,7 +1424,10 @@ body[data-page^='/tokens/'] .table-wrapper td:first-child code {
   font-size: 0.9375rem;
   align-items: center;
   justify-content: space-between;
-  background: #1a3256;
+  background: #f36a44;
+  background-image: linear-gradient(color-mix(in oklab, #f36a44, orangered 40%) 1px, transparent 1px),
+    linear-gradient(90deg, color-mix(in oklab, #f36a44, orangered 40%) 1px, transparent 1px);
+  background-size: 2rem 2rem;
   border-radius: var(--sl-border-radius-large);
   padding: 1rem 1.25rem;
   color: #fdfdfd;
@@ -1455,11 +1458,11 @@ body[data-page^='/tokens/'] .table-wrapper td:first-child code {
   align-items: center;
   height: 30px;
   background: white;
-  border: solid 1px #d4d4d4;
   border-radius: var(--sl-border-radius-medium);
   font-size: 0.8375rem;
+  font-weight: 500;
   color: #353439;
-  padding: 0.5rem 1rem;
+  padding: 1.125rem;
   white-space: nowrap;
 }