d3m0k1d/d3m0k1d.ru
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: full recode a home page and add docker file, start write a cd pipline
Some checks failed
Deploy / deploy-frontend (push) Has been cancelled
Details

Browse Source
This commit is contained in:
d3m0k1d
2026-02-01 22:33:18 +03:00
parent 57d8578bd2
commit 0684b70dad
9 changed files with 214 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/components/Navigation.tsx
View File

@@ -5,30 +5,24 @@ export default function Navigation() {
return (
<>
<nav className="sticky top-0 shadow-lg z-50 py-3">
<nav className="sticky top-0 z-50 py-3">
{/* Desktop */}
<div className="hidden md:flex gap-8 lg:gap-12 justify-center">
<a
href="/"
className="text-base lg:text-lg hover:text-primary transition-colors"
className="text-base lg:text-lg hover:text-[hsl(270,73%,63%)] transition-colors"
>
Home
</a>
<a
href="/blog"
className="text-base lg:text-lg hover:text-primary transition-colors"
className="text-base lg:text-lg hover:text-[hsl(270,73%,63%)] transition-colors"
>
Blog
</a>
<a
href="/contacts"
className="text-base lg:text-lg hover:text-primary transition-colors"
>
Contacts
</a>
<a
href="/guestbook"
className="text-base lg:text-lg hover:text-primary transition-colors"
className="text-base lg:text-lg hover:text-[hsl(270,73%,63%)] transition-colors"
>
Guestbook
</a>
@@ -71,32 +65,25 @@ export default function Navigation() {
className="fixed inset-0 bg-black/50 z-40 md:hidden"
onClick={() => setIsOpen(false)}
></div>
<div className="fixed top-0 left-0 h-full w-64 bg-base-100 z-50 md:hidden shadow-2xl">
<div className="fixed top-0 left-0 h-full w-64 bg-white text-black z-50 md:hidden shadow-2xl">
<div className="flex flex-col gap-2 p-6 mt-16">
<a
href="/"
className="py-3 px-4 hover:bg-base-200 rounded-lg transition-all"
className="py-3 px-4 hover:bg-gray-100 rounded-lg transition-all"
onClick={() => setIsOpen(false)}
>
Home
</a>
<a
href="/blog"
className="py-3 px-4 hover:bg-base-200 rounded-lg transition-all"
className="py-3 px-4 hover:bg-gray-100 rounded-lg transition-all"
onClick={() => setIsOpen(false)}
>
Blog
</a>
<a
href="/contacts"
className="py-3 px-4 hover:bg-base-200 rounded-lg transition-all"
onClick={() => setIsOpen(false)}
>
Contacts
</a>
<a
href="/guestbook"
className="py-3 px-4 hover:bg-base-200 rounded-lg transition-all"
className="py-3 px-4 hover:bg-gray-100 rounded-lg transition-all"
onClick={() => setIsOpen(false)}
>
Guestbook