feat(footer): hover-glow links to lyxlimo + karleksguiden (#25)
MainLayout footer now includes attribution: 'Crafting digital experiences for lyxlimo.se & karleksguiden.se' visible on all pages. On index page only: hovering lyxlimo.se tints hero-logo with green (#4fd1c5 teal), hovering karleksguiden.se tints with magenta (#c026d3). Mouseleave restores default white smoky-path animation. Mechanism reuses existing data-logo-tint attribute on #text-wrapper. Removed logo-pulse functionality entirely (threadLogoIn/Out paths, runLogoPulse function, LOGO_PROBABILITY, updateLogoThreadPaths, resize/scroll listeners for logo threads). Hover-based UX replaces the random pulse approach per Linus design preference.
This commit is contained in:
@@ -30,6 +30,12 @@ const { title } = Astro.props;
|
||||
</main>
|
||||
|
||||
<footer class="border-t border-neutral-800 py-8 text-center text-gray-500 text-sm bg-neutral-900 relative z-40">
|
||||
<p class="mb-2">
|
||||
Crafting digital experiences for
|
||||
<a href="https://lyxlimo.se/" target="_blank" rel="noopener noreferrer" data-glow-link="green" class="text-gray-400 hover:text-white transition-colors">lyxlimo.se</a>
|
||||
&
|
||||
<a href="https://karleksguiden.se/" target="_blank" rel="noopener noreferrer" data-glow-link="magenta" class="text-gray-400 hover:text-white transition-colors">karleksguiden.se</a>
|
||||
</p>
|
||||
<p>© {new Date().getFullYear()} Images by Olofsson. All rights reserved.</p>
|
||||
</footer>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user