50 lines
1.4 KiB
Vue
50 lines
1.4 KiB
Vue
<template>
|
|
<!-- The footer at the very bottom of the screen -->
|
|
<footer class="site-footer outer">
|
|
<div class="site-footer-content inner">
|
|
<section class="copyright">
|
|
<a href="/">{{ $static.metadata.siteName || Admin.site.title }}</a> © {{ new Date().getFullYear() }}
|
|
</section>
|
|
<nav class="site-footer-nav">
|
|
<g-link to="/">Latest Posts</g-link>
|
|
<a v-if="Admin.social_media.facebook" :href="'https://facebook.com/' + Admin.social_media.facebook" target="_blank" rel="noopener">Facebook</a>
|
|
<a v-if="Admin.social_media.twitter" :href="'https://twitter.com/' + Admin.social_media.twitter" target="_blank" rel="noopener">Twitter</a>
|
|
<a v-if="Admin.social_media.patreon" :href="'https://www.patreon.com/' + Admin.social_media.patreon" target="_blank" rel="noopener">Become My Patron</a>
|
|
<a href="https://gridsome.org" target="_blank" rel="noopener">Gridsome</a>
|
|
</nav>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script>
|
|
import Admin from '../../data/admin.yml'
|
|
|
|
export default {
|
|
computed: {
|
|
Admin() {
|
|
return Admin
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<static-query>
|
|
query Admin {
|
|
metadata {
|
|
siteName
|
|
siteDescription
|
|
siteUrl
|
|
ghost {
|
|
title
|
|
url
|
|
logo
|
|
description
|
|
navigation {
|
|
url
|
|
label
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</static-query>
|