Compare commits
2 Commits
0fe115f46e
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
bec8b5120f | ||
|
|
6adb3a6979 |
@@ -35,7 +35,7 @@ export function Navbar() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<nav
|
<nav
|
||||||
className={`border-b-4 border-slate-700 bg-slate-900 dark:bg-zinc-950 sticky top-0 z-50 ${isVisible ? 'navbar-visible' : 'navbar-hidden'}`}
|
className={`border-b-4 border-slate-700 bg-slate-900 dark:bg-zinc-950 top-0 z-50 ${isVisible ? 'navbar-visible' : 'navbar-hidden'}`}
|
||||||
>
|
>
|
||||||
<div className="max-w-7xl mx-auto px-6 py-4">
|
<div className="max-w-7xl mx-auto px-6 py-4">
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
|
|||||||
@@ -1,71 +0,0 @@
|
|||||||
'use client'
|
|
||||||
|
|
||||||
import { useEffect, useState } from 'react'
|
|
||||||
import { useTranslations } from 'next-intl'
|
|
||||||
import { Link } from '@/i18n/navigation'
|
|
||||||
import { ThemeToggle } from '@/components/theme-toggle'
|
|
||||||
import LanguageSwitcher from '@/components/layout/LanguageSwitcher'
|
|
||||||
|
|
||||||
export function Navbar() {
|
|
||||||
const t = useTranslations('Navigation')
|
|
||||||
const [isVisible, setIsVisible] = useState(true)
|
|
||||||
const [lastScrollY, setLastScrollY] = useState(0)
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const handleScroll = () => {
|
|
||||||
const currentScrollY = window.scrollY
|
|
||||||
|
|
||||||
if (currentScrollY < 10) {
|
|
||||||
setIsVisible(true)
|
|
||||||
} else if (currentScrollY > lastScrollY) {
|
|
||||||
setIsVisible(false)
|
|
||||||
} else {
|
|
||||||
setIsVisible(true)
|
|
||||||
}
|
|
||||||
|
|
||||||
setLastScrollY(currentScrollY)
|
|
||||||
}
|
|
||||||
|
|
||||||
window.addEventListener('scroll', handleScroll, { passive: true })
|
|
||||||
return () => window.removeEventListener('scroll', handleScroll)
|
|
||||||
}, [lastScrollY])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<nav
|
|
||||||
className={`border-b-4 border-slate-700 bg-slate-900 dark:bg-zinc-950 sticky top-0 z-50 ${isVisible ? 'navbar-visible' : 'navbar-hidden'}`}
|
|
||||||
>
|
|
||||||
<div className="max-w-7xl mx-auto px-6 py-4">
|
|
||||||
<div className="flex items-center justify-between">
|
|
||||||
<div className="flex items-center gap-8">
|
|
||||||
<Link
|
|
||||||
href="/"
|
|
||||||
className="font-mono text-sm uppercase tracking-wider transition-colors cursor-pointer"
|
|
||||||
style={{ color: 'var(--neon-cyan)' }}
|
|
||||||
>
|
|
||||||
< {t('home')}
|
|
||||||
</Link>
|
|
||||||
<span className="font-mono text-sm text-zinc-100 dark:text-zinc-300 uppercase tracking-wider">
|
|
||||||
// <span style={{ color: 'var(--neon-pink)' }}>{t('blog')}</span> ARCHIVE
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-6">
|
|
||||||
<Link
|
|
||||||
href="/about"
|
|
||||||
className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer"
|
|
||||||
>
|
|
||||||
[{t('about')}]
|
|
||||||
</Link>
|
|
||||||
<Link
|
|
||||||
href="/blog"
|
|
||||||
className="font-mono text-sm text-zinc-400 dark:text-zinc-500 uppercase tracking-wider hover:text-cyan-400 dark:hover:text-cyan-300 transition-colors cursor-pointer"
|
|
||||||
>
|
|
||||||
[{t('blog')}]
|
|
||||||
</Link>
|
|
||||||
<ThemeToggle />
|
|
||||||
<LanguageSwitcher />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -23,8 +23,8 @@
|
|||||||
"documentLevel": "DOCUMENT LEVEL-1 //",
|
"documentLevel": "DOCUMENT LEVEL-1 //",
|
||||||
"heroTitle": "BUILD. WRITE. SHARE.",
|
"heroTitle": "BUILD. WRITE. SHARE.",
|
||||||
"heroSubtitle": "> Explore ideas",
|
"heroSubtitle": "> Explore ideas",
|
||||||
"checkPostsButton": "[CHECK POSTS]",
|
"checkPostsButton": "[POSTĂRI]",
|
||||||
"aboutMeButton": "[ABOUT ME]",
|
"aboutMeButton": "[DESPRE]",
|
||||||
"recentEntriesLabel": "ARCHIVE ACCESS // RECENT ENTRIES",
|
"recentEntriesLabel": "ARCHIVE ACCESS // RECENT ENTRIES",
|
||||||
"recentEntriesTitle": "> RECENT ENTRIES",
|
"recentEntriesTitle": "> RECENT ENTRIES",
|
||||||
"fileLabel": "FILE#{number} // {category}",
|
"fileLabel": "FILE#{number} // {category}",
|
||||||
|
|||||||
Reference in New Issue
Block a user