js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 02:59:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

update banner and add note

Browse Source
This commit is contained in:
Cory LaViska
2025-08-01 11:39:18 -04:00
parent fb59fda70e
commit 511ec24400
3 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@@ -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! 🥾

10
docs/_includes/default.njk
View File

@@ -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>

9
docs/assets/styles/docs.css
View File

@@ -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;
}