|
|
@ -1,4 +1,45 @@ |
|
|
|
<template> |
|
|
|
<!-- QUICK NAV --> |
|
|
|
<nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200"> |
|
|
|
<ul class="flex text-2xl p-2 gap-2"> |
|
|
|
<!-- Home Feed --> |
|
|
|
<li class="basis-1/5 rounded-md text-slate-500"> |
|
|
|
<router-link :to="{ name: 'home' }" class="block text-center py-3 px-1" |
|
|
|
><fa icon="house-chimney" class="fa-fw"></fa |
|
|
|
></router-link> |
|
|
|
</li> |
|
|
|
<!-- Search --> |
|
|
|
<li class="basis-1/5 rounded-md bg-slate-400 text-white"> |
|
|
|
<router-link |
|
|
|
:to="{ name: 'discover' }" |
|
|
|
class="block text-center py-3 px-1" |
|
|
|
><fa icon="magnifying-glass" class="fa-fw"></fa |
|
|
|
></router-link> |
|
|
|
</li> |
|
|
|
<!-- Projects --> |
|
|
|
<li class="basis-1/5 rounded-md text-slate-500"> |
|
|
|
<router-link |
|
|
|
:to="{ name: 'projects' }" |
|
|
|
class="block text-center py-3 px-1" |
|
|
|
><fa icon="folder-open" class="fa-fw"></fa |
|
|
|
></router-link> |
|
|
|
</li> |
|
|
|
<!-- Commitments --> |
|
|
|
<li class="basis-1/5 rounded-md text-slate-500"> |
|
|
|
<router-link :to="{ name: '' }" class="block text-center py-3 px-1" |
|
|
|
><fa icon="hand" class="fa-fw"></fa |
|
|
|
></router-link> |
|
|
|
</li> |
|
|
|
<!-- Profile --> |
|
|
|
<li class="basis-1/5 rounded-md text-slate-500"> |
|
|
|
<router-link |
|
|
|
:to="{ name: 'account' }" |
|
|
|
class="block text-center py-3 px-1" |
|
|
|
><fa icon="circle-user" class="fa-fw"></fa |
|
|
|
></router-link> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</nav> |
|
|
|
<section id="Content" class="p-6 pb-24"> |
|
|
|
<!-- Heading --> |
|
|
|
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> |
|
|
|