diff options
Diffstat (limited to 'src/_includes/partials/header.njk')
| -rw-r--r-- | src/_includes/partials/header.njk | 31 |
1 files changed, 14 insertions, 17 deletions
diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk index 5ee2cf2..0f27845 100644 --- a/src/_includes/partials/header.njk +++ b/src/_includes/partials/header.njk @@ -1,21 +1,18 @@ -<header class="w-full bg-main-normal-brown text-main-cream-white-1 font-bold flex flex-row md:flex-col justify-between items-center px-6 py-4"> - <nav class="w-full"> - <ul class="flex flex-col md:flex-row gap-3 md:gap-10 font-supply-regular w-full items-center text-lg md:text-xl"> - <li> - <a href="/" class="text-lg md:text-3xl text-main-red">{ indrajith.dev } </a> - </li> - <li class="hover:text-lightish-50"><a href="/about" id="about" class="links">About</a></li> - <li class="hover:text-lightish-50"><a href="/posts" id="posts" class="links">Posts</a></li> - <li class="hover:text-lightish-50"><a href="/cv" id="cv" class="links">Timeline</a></li> - </ul> - <ul class="hidden md:flex flex-row gap-2 font-supply-regular font-bold right-0 -my-8 mx-6 absolute"> - <li class="hover:text-lightish-50"><a title="Twitter" target="_blank" href="https://twitter.com/indrajithKLIS" class="links">{% feather "twitter" %}</a></li> - <li class="hover:text-lightish-50"><a title="Github" target="_blank" href="https://github.com/cooljith91112" class="links">{% feather "github" %}</a></li> - <li class="hover:text-lightish-50"><a title="Personal - GIT" target="_blank" href="https://git.indrajith.dev/" class="links">{% feather "git-branch" %}</a></li> - <li class="hover:text-lightish-50"><a title="LinkedIn" target="_blank" href="https://www.linkedin.com/in/indrajithklis/" class="links">{% feather "linkedin" %}</a></li> - <li class="hover:text-lightish-50"><a title="Ko-Fi" target="_blank" href="https://ko-fi.com/indrajith" class="links">{% feather "coffee" %}</a></li> - <li class="hover:text-lightish-50"><a title="RSS" target="_blank" href="/feed.xml" class="links">{% feather "rss" %}</a></li> +<header class="header"> + <h1><a class="logo" href="/">indrajith.dev</a></h1> + <nav> + <ul> + <li><a href="/about" id="about" class="links">About</a></li> + | + <li><a href="/posts" id="posts" class="links">Posts</a></li> + | + <li><a href="/timeline" id="cv" class="links">Timeline</a></li> + | + <li><a href="https://git.indrajith.dev" id="cv" class="links">git</a></li> + | + <li><a href="/contact" id="cv" class="links">Contact</a></li> </ul> + </nav> </header> |