mirror of
https://github.com/CodeF53/personal-site.git
synced 2024-09-20 06:10:34 +00:00
Add Footer with License
This commit is contained in:
parent
b5d0cbbd5d
commit
0081f1522c
5 changed files with 24 additions and 9 deletions
2
LICENSE
2
LICENSE
|
@ -1,6 +1,6 @@
|
||||||
All Rights Reserved
|
All Rights Reserved
|
||||||
|
|
||||||
Copyright (c) 2023 CodeF53
|
Copyright (c) 2022 CodeF53
|
||||||
|
|
||||||
Created by CodeF53
|
Created by CodeF53
|
||||||
|
|
||||||
|
|
18
components/Footer.vue
Normal file
18
components/Footer.vue
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
<template>
|
||||||
|
<footer>
|
||||||
|
© 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>
|
|
@ -12,24 +12,18 @@
|
||||||
<span>Github</span>
|
<span>Github</span>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</li>
|
</li>
|
||||||
<li class="interactive blog">
|
<!-- <li class="interactive blog">
|
||||||
<NuxtLink to="https://dev.to/f53" aria-label="blog">
|
<NuxtLink to="https://dev.to/f53" aria-label="blog">
|
||||||
<Icon name="ri:article-fill" />
|
<Icon name="ri:article-fill" />
|
||||||
<span>Blog</span>
|
<span>Blog</span>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</li>
|
</li> -->
|
||||||
<li class="interactive portfolio">
|
<li class="interactive portfolio">
|
||||||
<NuxtLink to="/portfolio" aria-label="portfolio">
|
<NuxtLink to="/portfolio" aria-label="portfolio">
|
||||||
<Icon name="ri:file-list-fill" />
|
<Icon name="ri:file-list-fill" />
|
||||||
<span>Portfolio</span>
|
<span>Portfolio</span>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</li>
|
</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">
|
<li class="interactive friends">
|
||||||
<NuxtLink to="/friends" aria-label="friends">
|
<NuxtLink to="/friends" aria-label="friends">
|
||||||
<Icon name="material-symbols:supervisor-account" />
|
<Icon name="material-symbols:supervisor-account" />
|
||||||
|
|
|
@ -4,4 +4,6 @@
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<Footer />
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -2,4 +2,5 @@
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
|
<Footer />
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in a new issue