93 lines
4.3 KiB
Vue
93 lines
4.3 KiB
Vue
<template>
|
|
<footer v-if="config.header">
|
|
<Separator icon="user-friends"/>
|
|
<div class="d-flex flex-column flex-md-row justify-content-around mt-4 mb-5">
|
|
<div class="small text-center d-flex flex-column justify-content-center">
|
|
<p class="mb-2">
|
|
<T>contact.authors</T>:
|
|
</p>
|
|
|
|
<Authors/>
|
|
|
|
<p>
|
|
<T>footer.license</T>
|
|
</p>
|
|
</div>
|
|
<div class="text-center d-flex flex-column justify-content-center">
|
|
<div class="my-2">
|
|
<p class="small mb-0">
|
|
<Icon v="users"/>
|
|
<T>footer.links</T>:
|
|
</p>
|
|
<div class="mb-3" :class="['d-flex', config.links.socials.length > 2 ? 'flex-column' : 'flex-row', 'justify-content-center', 'align-items-center']">
|
|
<span>
|
|
<SquareButton
|
|
v-for="link in [...config.contact.contacts, ...config.links.socials]" :key="link.url"
|
|
:link="link.url"
|
|
:aria-label="link.icon"
|
|
>
|
|
<Icon :v="link.icon" :set="link.iconSet || 'l'"/>
|
|
</SquareButton>
|
|
</span>
|
|
<span>
|
|
<SquareButton link="https://avris.it" aria-label="avris.it">
|
|
<img src="~assets/avris.svg" alt="Avris"/>
|
|
</SquareButton>
|
|
<SquareButton v-for="s in config.support.links" :key="s.url" :link="s.url" :aria-label="s.headline">
|
|
<Icon :v="s.icon" :set="s.iconSet || 'l'"/>
|
|
</SquareButton>
|
|
<SquareButton link="https://gitlab.com/Avris/Zaimki" aria-label="GitLab">
|
|
<Icon v="gitlab" set="b"/>
|
|
</SquareButton>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="my-2">
|
|
<ul v-if="config.user.enabled" class="list-inline small">
|
|
<li v-if="config.faq.enabled && config.links.split" class="list-inline-item">
|
|
<nuxt-link :to="`/${config.faq.route}`">
|
|
<Icon v="map-marker-question"/>
|
|
<T>faq.header</T>
|
|
</nuxt-link>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<nuxt-link v-if="config.api !== null" to="/api">
|
|
<Icon v="laptop-code"/>
|
|
<T>api.header</T>
|
|
</nuxt-link>
|
|
<LocaleLink v-else locale="en" link="/api">
|
|
<Icon v="laptop-code"/>
|
|
<T>api.header</T>
|
|
</LocaleLink>
|
|
</li>
|
|
</ul>
|
|
<ul v-if="config.user.enabled" class="list-inline small">
|
|
<li class="list-inline-item">
|
|
<nuxt-link :to="`/${config.user.termsRoute}`">
|
|
<Icon v="gavel"/>
|
|
<T>terms.header</T>
|
|
</nuxt-link>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<nuxt-link :to="`/license`">
|
|
<Icon v="gavel"/>
|
|
OQL
|
|
</nuxt-link>
|
|
</li>
|
|
</ul>
|
|
<p class="small">
|
|
Using <a href="https://www.gradientmagic.com/" target="_blank" rel="noopener">gradientmagic.com</a>
|
|
and <a href="https://twemoji.twitter.com/" target="_blank" rel="noopener">Twemoji</a>
|
|
</p>
|
|
</div>
|
|
<div class="my-2">
|
|
<Share/>
|
|
</div>
|
|
<div class="my-2">
|
|
<ModeSwitch/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</template>
|