30 lines
864 B
Plaintext
30 lines
864 B
Plaintext
---
|
|
interface Banner {
|
|
editToken?: string,
|
|
homePageLink: string,
|
|
siteName: string,
|
|
}
|
|
|
|
const { editToken, homePageLink, siteName } = Astro.props;
|
|
---
|
|
<h1 class="center" data-squidex-token={editToken||''}><a href={homePageLink}><span class="text-gradient">{siteName}</span></a></h1>
|
|
|
|
<style>
|
|
h1 {
|
|
font-size: 4rem;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
margin-top: .3em;
|
|
margin-bottom: .3em;
|
|
font-family: "Holtwood One SC", sans-serif;
|
|
font-weight: 600;
|
|
text-shadow: -5px -5px 3px rgba(var(--accent-light), 7%), 3px -3px 0 rgba(var(--accent-light), 10%), -2px 2px 0 rgba(var(--accent-light), 5%), 5px 5px 0 rgba(var(--accent-light), 10%);
|
|
}
|
|
.text-gradient {
|
|
background-image: var(--accent-gradient);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-size: 400%;
|
|
background-position: 0%;
|
|
}
|
|
</style> |