34 lines
1.9 KiB
PHP
34 lines
1.9 KiB
PHP
<?php
|
|
$isLoggedIn = isset($_SESSION['username']);
|
|
?>
|
|
<footer class="border-t border-gray-200 bg-amber-50">
|
|
<div class="max-w-[1400px] mx-auto px-6 py-10 flex flex-col sm:flex-row sm:items-start sm:justify-between gap-8">
|
|
<div>
|
|
<a href="/" class="inline-flex items-center">
|
|
<img src="assets/logo.png" alt="OurApp" class="h-6 w-auto">
|
|
</a>
|
|
<p class="mt-1 text-sm text-gray-500">Imaginary creatures. Real fun.</p>
|
|
</div>
|
|
|
|
<div class="flex flex-col sm:items-end gap-4">
|
|
<div class="flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-gray-600">
|
|
<?php if ($isLoggedIn): ?>
|
|
<a href="/?status=favorited" class="hover:text-gray-900 hover:underline">Favorites</a>
|
|
<?php else: ?>
|
|
<a href="/" class="hover:text-gray-900 hover:underline">Home</a>
|
|
<a href="login.php" class="hover:text-gray-900 hover:underline">Login</a>
|
|
<a href="register.php" class="hover:text-gray-900 hover:underline">Sign up</a>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-4 text-gray-400">
|
|
<a href="#" aria-label="GitHub" class="hover:text-gray-700"><i data-lucide="laptop" class="h-5 w-5"></i></a>
|
|
<a href="#" aria-label="Twitter" class="hover:text-gray-700"><i data-lucide="bird" class="h-5 w-5"></i></a>
|
|
<a href="#" aria-label="Discord" class="hover:text-gray-700"><i data-lucide="message-circle" class="h-5 w-5"></i></a>
|
|
<a href="#" aria-label="Instagram" class="hover:text-gray-700"><i data-lucide="camera" class="h-5 w-5"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script>lucide.createIcons();</script>
|