Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/emilyhunt/website. My personal website, built from scratch with SvelteKit. emily.space
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142<script> let { href, target, style = '', short, alt, children } = $props(); const finalStyle = short ? 'margin-top: 0px; padding-top: 3px; padding-bottom: 5px; ' + style : style; const mainColor = $derived(alt ? 'var(--emilylightishgrey)' : 'var(--emilyred)'); const hoverColor = $derived(alt ? 'var(--emilygrey)' : 'var(--emilyred-hover)'); const textColor = $derived(alt ? 'white' : 'white');</script>
<a {href} {target}> <button style={finalStyle} style:--mainColor={mainColor} style:--hoverColor={hoverColor} style:--textColor={textColor} > <p> {#if children} {@render children()} {/if} </p> </button></a>
<style> p { margin: 0px; } button { background-color: var(--mainColor); color: var(--textColor); padding: 10px; border: none; border-radius: 10px; margin: 10px 10px 10px 0px; } button:hover { background-color: var(--hoverColor); }</style>