Add Footer with License

This commit is contained in:
CodeF53 2024-07-25 18:40:16 -06:00
parent b5d0cbbd5d
commit 0081f1522c
5 changed files with 24 additions and 9 deletions

View file

@ -1,6 +1,6 @@
All Rights Reserved
Copyright (c) 2023 CodeF53
Copyright (c) 2022 CodeF53
Created by CodeF53

18
components/Footer.vue Normal file
View file

@ -0,0 +1,18 @@
<template>
<footer>
&copy; CodeF53 2022-{{ (new Date).getFullYear() }} with
</footer>
</template>
<style>
footer {
filter: opacity(0.5);
font-size: 0.85rem;
pointer-events: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
</style>

View file

@ -12,24 +12,18 @@
<span>Github</span>
</NuxtLink>
</li>
<li class="interactive blog">
<!-- <li class="interactive blog">
<NuxtLink to="https://dev.to/f53" aria-label="blog">
<Icon name="ri:article-fill" />
<span>Blog</span>
</NuxtLink>
</li>
</li> -->
<li class="interactive portfolio">
<NuxtLink to="/portfolio" aria-label="portfolio">
<Icon name="ri:file-list-fill" />
<span>Portfolio</span>
</NuxtLink>
</li>
<!-- <li class="interactive linkedin">
<NuxtLink to="https://www.linkedin.com/in/chase-welsh/" aria-label="linkedin">
<Icon name="mdi:linkedin" />
<span>LinkedIn</span>
</NuxtLink>
</li> -->
<li class="interactive friends">
<NuxtLink to="/friends" aria-label="friends">
<Icon name="material-symbols:supervisor-account" />

View file

@ -4,4 +4,6 @@
<div id="page">
<slot />
</div>
<Footer />
</template>

View file

@ -2,4 +2,5 @@
<div id="page">
<slot />
</div>
<Footer />
</template>