Add menu animation and drop down menu

This commit is contained in:
E
2021-09-11 19:27:52 +01:00
parent 88e5a4c14c
commit edfd5323dd
7 changed files with 717 additions and 213 deletions

View File

@@ -1,23 +1,23 @@
extends layout
block nav-links
li.nav-item.active
a.nav-link(href='#')
a(href='#')
li(class="py-3 bg-black text-green hover:bg-pink hover:text-black transition duration-500 ease-in-out")
span Home
li.nav-item
a.nav-link(href='/about')
a(href='/about')
li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
span About
li.nav-item
a.nav-link(href='#')
a(href='#')
li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
span CV
li.nav-item
a.nav-link(href='https://github.com/aurora-dot')
a(href='https://github.com/aurora-dot')
li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
span Projects
li.nav-item
a.nav-link(href='https://blog.pastel.codes')
a(href='https://blog.pastel.codes')
li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
span Blog
li.nav-item
a.nav-link(href='/contact')
a(href='/contact')
li(class="py-3 bg-pink text-black hover:bg-black hover:text-pink transition duration-500 ease-in-out")
span Contact
block content