Skip to content

Commit

Permalink
Merge pull request #50 from web3privacy/dw/bug-fixes
Browse files Browse the repository at this point in the history 
New nav and filtered categories options
  • Loading branch information
@DomWane
DomWane authored Oct 2, 2024
2 parents cd476c6 + 3a58204 commit 68bf10a
Show file tree
Hide file tree
Showing 11 changed files with 827 additions and 248 deletions.
8 changes: 5 additions & 3 deletions components/Footer.vue
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<script setup lang="ts">
const isHovered = ref(false)
</script>

<template>
Expand Down Expand Up @@ -227,17 +228,18 @@
text-app-text-grey
whitespace-nowrap
>{{ 'Developed by' }}</span>
<div
<NuxtImg
shrink-0
bg="[url(/develit-logo-white.svg)]"
:src="isHovered ? '/develit-logo-color.svg' : '/develit-logo-white.svg'"
duration-300
bg-no-repeat
bg-center
cursor-pointer
w-full
max-w-104px
h-32px
hover:bg="[url(/develit-logo-color.svg)]"
@mouseover="isHovered = true"
@mouseleave="isHovered = false"
@click="navigateTo('https://develit.io/', { external: true })"
/>
</div>
Expand Down
97 changes: 97 additions & 0 deletions components/Navigation/HamburgerMenu.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<script setup lang="ts">
</script>

<template>
<div
w-full
flex
flex-col
items-center
>
<NuxtLink
to="https://web3privacy.info/"
bg-black
hover:bg-white
w-full
text-center
justify-center
py-14px
cursor-pointer
text-app-text-grey
class="hover:text-black"
hover:underline
underline-offset-1
text-16px
font-400
uppercase
>
About
</NuxtLink>
<NuxtLink
to="https://web3privacy.info/"
bg-black
hover:bg-white
w-full
text-center
justify-center
py-14px
cursor-pointer
text-app-text-grey
class="hover:text-black"
hover:underline
underline-offset-1
text-16px
font-400
uppercase
>
Scoring
</NuxtLink>
<NuxtLink
bg-black
hover:bg-white
w-full
flex
gap-8px
text-center
items-center
justify-center
py-14px
cursor-pointer
text-app-text-grey
class="hover:text-black"
hover:underline
underline-offset-1
text-16px
font-400
uppercase
to="https://github.com/web3privacy/privacy-projects-db"
>
LEARN HOW TO CONTRIBUTE
<UnoIcon
i-web-arrowright
text-16px
w-16px
h-16px
/>
</NuxtLink>
<NuxtLink
v-if="useRoute().path !== '/project/create'"
bg-black
hover:bg-white
w-full
flex
sm:hidden
gap-8px
text-center
items-center
justify-center
py-14px
cursor-pointer
text-app-text-grey
to="/project/create"
mr-16px
>
+ ADD PROJECT
</NuxtLink>
</div>
</template>
261 changes: 261 additions & 0 deletions components/Navigation/Index.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,261 @@
<script setup lang="ts">
const showMenu = ref(false)
const isInfoBarHidden = useLocalStorage('isInfoBarHidden', true)
const route = useRoute()
const isProjectDetailRoute = computed(() => {
return route.fullPath.includes('/project/') && !route.fullPath.includes('create') && !route.fullPath.includes('edit')
})
</script>

<template>
<NavigationHamburgerMenu v-if="showMenu" />
<div
flex
flex-col
items-center
w-full
top-0
z-100
bg-black
overflow-hidden
>
<div
relative
app-container
w-full
h-full
>
<img
absolute
lg="left--30px"
left--30px
top--25px
z-101
w-130px
object-cover
src="/web3privacy_eye.webp"
duration-200ms
opacity-30
>
</div>
<div
app-container
flex
items-center
justify-between
h-80px
py-6
gap-24px
lg:pl-118px
>
<div
flex
items-center
gap-16px
z-105
>
<UnoIcon
shrink-0
i-web-hamburger
text-24px
w-24px
h-24px
lg:hidden
@click="showMenu ? showMenu = false : showMenu = true"
/>
<NuxtImg
w-full
max-w-124px
lg="max-w-full"
src="/explorer.webp"
cursor-pointer
@click="navigateTo('/')"
/>
</div>
<div
w-full
hidden
lg:flex
items-center
justify-center
>
<NuxtLink
to="https://web3privacy.info/"
py-2
px-4
cursor-pointer
text-app-text-grey
class="hover:text-[#c2c2c2]"
hover:underline
underline-offset-1
text-14px
font-400
>
About
</NuxtLink>
<NuxtLink
py-2
px-4
cursor-pointer
text-app-text-grey
class="hover:text-[#c2c2c2]"
hover:underline
underline-offset-1
text-14px
font-400
to="/"
>
Scoring
</NuxtLink>
<NuxtLink
flex
items-center
gap-4px
py-2
px-4
cursor-pointer
text-app-text-grey
class="hover:text-[#c2c2c2]"
hover:underline
underline-offset-1
text-14px
font-400
to="https://github.com/web3privacy/privacy-projects-db"
>
Learn how to contribute
<UnoIcon
i-web-arrowright
text-16px
w-16px
h-16px
/>
</NuxtLink>
</div>
<div
w-full
grow-0
flex
justify-end
items-center
lg:grow-0
gap-16px
>
<NuxtLink
v-if="useRoute().path !== '/project/create'"
hidden
sm:block
shrink-0
text-14px
font-400
opacity-50
hover:opacity-100
to="/project/create"
mr-16px
>
+ Add Project
</NuxtLink>
<div
hidden
xxl:flex
gap-12px
>
<span
shrink-0
text-14px
leading-24px
font-400
opacity-50
>Created by:</span>
<NuxtLink
target="_blank"
to="https://web3privacy.info/"
flex
justify-center
>
<NuxtImg
max-w-103px
w-full
src="/logo.svg"
/>
</NuxtLink>
</div>
<div class="hidden xxl:block w-1px h-40px bg-white/10" />
<NuxtLink
target="_blank"
to="https://twitter.com/web3privacy"
>
<UnoIcon
i-web-twitter_x
text-18px
w-18px
h-18px
sm="text-20px w-20px h-20px"
opacity-50
hover:opacity-100
/>
</NuxtLink>
<NuxtLink
hidden
sm:block
target="_blank"
to="https://t.me/web3privacynow"
>
<UnoIcon
i-web-telegram1
text-20px
w-20px
h-20px
sm="text-24px w-24px h-24px"
opacity-50
hover:opacity-100
/>
</NuxtLink>
<NuxtLink
hidden
sm:block
target="_blank"
to="https://matrix.to/#/#web3privacy:gwei.cz"
>
<UnoIcon
i-web-matrix
text-20px
w-20px
h-20px
sm="text-24px w-24px h-24px"
opacity-50
hover:opacity-100
/>
</NuxtLink>
<NuxtLink
target="_blank"
to="https://github.com/web3privacy"
>
<UnoIcon
i-web-github
text-20px
w-20px
h-20px
sm="text-24px w-24px h-24px"
opacity-50
hover:opacity-100
/>
</NuxtLink>
</div>
</div>
</div>
<NavigationInfoBar
v-if="!isInfoBarHidden"
v-model="isInfoBarHidden"
/>
<div
v-if="isProjectDetailRoute"
z-99
static
duration-200ms
>
<ProjectNavigation
mt-16px
/>
</div>
</template>
Loading

0 comments on commit 68bf10a

Please sign in to comment.