-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adding functionality to make the bolt color in as you scroll
- Loading branch information
Showing
2 changed files
with
6 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,9 @@ | ||
<button hx-get="/" hx-target="#site-content" hx-select="#site-content" hx-ext="alpine-morph" hx-swap="morph" hx-push-url="true" @click="active='home'; fullWidth=false" class="h-5 group text-lg flex items-center space-x-1.5 text-white font-semibold"> | ||
<button hx-get="/" hx-target="#site-content" hx-select="#site-content" hx-ext="alpine-morph" hx-swap="morph" hx-push-url="true" @click="active='home'; fullWidth=false" class="flex items-center h-5 text-lg font-semibold text-white group"> | ||
<div id="bolt-yellow" class="absolute bottom-0 left-0 flex items-end justify-end h-0 overflow-hidden"> | ||
<svg class="bottom-0 w-auto h-5 text-yellow-400 duration-300 ease-out absolut group-hover:-rotate-12" viewBox="0 0 55 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m37.437.807-9.399 41.176h24.915c1.044 0 1.64 1.193 1.044 2.088L17.744 99.718c-.298.597-1.193.15-1.044-.447l8.951-43.115H1.781c-1.044 0-1.64-1.194-1.044-2.09L36.542.21c.15-.447 1.044-.149.895.597Z" fill="currentColor"/></svg> | ||
</div> | ||
<!-- Lightning Bolt Logo --> | ||
<svg class="w-auto h-5 duration-300 ease-out group-hover:-rotate-12" viewBox="0 0 55 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m37.437.807-9.399 41.176h24.915c1.044 0 1.64 1.193 1.044 2.088L17.744 99.718c-.298.597-1.193.15-1.044-.447l8.951-43.115H1.781c-1.044 0-1.64-1.194-1.044-2.09L36.542.21c.15-.447 1.044-.149.895.597Z" fill="currentColor"/></svg> | ||
<!-- Logo Text --> | ||
<span class="-translate-y-0.5">static</span> | ||
<span class="-translate-y-0.5 ml-1.5">static</span> | ||
</button> |