Linus OlofssonandClaude Opus 4.8
bafad2c69e
Render logo to square PNG favicons (32/180/512px) and link them in MainLayout.astro head. Previously the active layout had no favicon. Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
46 lines
2.0 KiB
Plaintext
46 lines
2.0 KiB
Plaintext
---
|
|
import "../styles/global.css";
|
|
const { title } = Astro.props;
|
|
---
|
|
|
|
<html lang="sv" class="scroll-smooth"> <head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
|
|
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png" />
|
|
<title>{title}</title>
|
|
</head>
|
|
<body class="bg-neutral-900 text-white font-sans antialiased min-h-screen flex flex-col">
|
|
|
|
<nav class="fixed top-0 w-full z-50 border-b border-white/10 py-6 bg-neutral-900/80 backdrop-blur-md transition-all duration-300">
|
|
<div class="container mx-auto px-4 flex justify-between items-center">
|
|
|
|
<a href="/" class="text-2xl font-bold tracking-wider uppercase hover:text-gray-300 transition relative z-50">
|
|
Images by Olofsson
|
|
</a>
|
|
|
|
<ul class="flex space-x-6 text-sm font-medium text-gray-400">
|
|
<li><a href="/portfolio" class="hover:text-white transition">Portfolio</a></li>
|
|
<li><a href="/about" class="hover:text-white transition">About</a></li>
|
|
<li><a href="/contact" class="hover:text-white transition">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="flex-grow pt-24">
|
|
<slot />
|
|
</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>
|
|
|
|
</body>
|
|
</html> |