39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
import Link from 'next/link'
|
|
|
|
export const colors = [
|
|
'red',
|
|
'orange',
|
|
'yellow',
|
|
'lime',
|
|
'green',
|
|
'cyan',
|
|
'blue',
|
|
'indigo',
|
|
'violet',
|
|
'purple',
|
|
]
|
|
|
|
export const InnerWordMark = () => (
|
|
<span style={{ letterSpacing: '-0.1rem' }}>
|
|
<span className="text-red-400 hover:text-purple-400">F</span>
|
|
<span className="text-orange-400 hover:text-violet-400">r</span>
|
|
<span className="text-yellow-400 hover:text-indigo-400">e</span>
|
|
<span className="text-lime-400 hover:text-blue-400">e</span>
|
|
<span className="text-green-400 hover:text-cyan-400">S</span>
|
|
<span className="text-cyan-400 hover:text-green-400">e</span>
|
|
<span className="text-blue-400 hover:text-lime-400">w</span>
|
|
<span className="text-indigo-400 hover:text-yellow-400">i</span>
|
|
<span className="text-violet-400 hover:text-orange-400">n</span>
|
|
<span className="text-purple-400 hover:text-red-400">g</span>
|
|
</span>
|
|
)
|
|
|
|
export const WordMark = () => (
|
|
<Link
|
|
href="/"
|
|
role="button"
|
|
className="btn btn-ghost btn-sm normal-case text-2xl hover:bg-transparent font-bold px-0 -mt-1"
|
|
>
|
|
<InnerWordMark />
|
|
</Link>
|
|
)
|